@skyux/popovers 5.9.3 → 5.9.4

package/esm2015/lib/modules/popover/popover.component.js

@@ -68,10 +68,19 @@ export class SkyPopoverComponent {
     get placement() {
         return this._placement || 'above';
     }
+    /**
+     * Specifies the type of popover.
+     * @default "info"
+     */
+    set popoverType(value) {
+        this._popoverType = value;
+    }
+    get popoverType() {
+        return this._popoverType || 'info';
+    }
     ngOnDestroy() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
-        this.ngUnsubscribe = undefined;
         if (this.overlay) {
             this.overlayService.close(this.overlay);
             this.overlay = undefined;
@@ -149,7 +158,7 @@ export class SkyPopoverComponent {
         });
         contentRef.closed.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
             /*istanbul ignore else*/
-            if (this.isActive) {
+            if (this.isActive && this.overlay) {
                 this.overlayService.close(this.overlay);
                 this.overlay = undefined;
                 this.isActive = false;

package/esm2015/lib/modules/popover/popover.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { SkyOverlayInstance, SkyOverlayService } from '@skyux/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyPopoverContentComponent } from './popover-content.component';\nimport { SkyPopoverContext } from './popover-context';\nimport { SkyPopoverAlignment } from './types/popover-alignment';\nimport { SkyPopoverPlacement } from './types/popover-placement';\nimport { SkyPopoverType } from './types/popover-type';\n\n@Component({\n  selector: 'sky-popover',\n  templateUrl: './popover.component.html',\n})\nexport class SkyPopoverComponent implements OnDestroy {\n  /**\n   * Specifies the horizontal alignment of the popover in relation to the trigger element.\n   * The `skyPopoverAlignment` property on the popover directive takes precedence over this property when specified.\n   * @default \"center\"\n   */\n  @Input()\n  public set alignment(value: SkyPopoverAlignment) {\n    this._alignment = value;\n  }\n\n  public get alignment(): SkyPopoverAlignment {\n    return this._alignment || 'center';\n  }\n\n  /**\n   * Indicates whether to close the popover when it loses focus.\n   * To require users to click a trigger button to close the popover, set this input to false.\n   * @default true\n   */\n  @Input()\n  public set dismissOnBlur(value: boolean) {\n    this._dismissOnBlur = value;\n  }\n\n  public get dismissOnBlur(): boolean {\n    if (this._dismissOnBlur === undefined) {\n      return true;\n    }\n\n    return this._dismissOnBlur;\n  }\n\n  /**\n   * Specifies the placement of the popover in relation to the trigger element.\n   * The `skyPopoverPlacement` property on the popover directive takes precedence over this property when specified.\n   * @default \"above\"\n   */\n  @Input()\n  public set placement(value: SkyPopoverPlacement) {\n    this._placement = value;\n  }\n\n  public get placement(): SkyPopoverPlacement {\n    return this._placement || 'above';\n  }\n\n  /**\n   * Specifies a title for the popover.\n   */\n  @Input()\n  public popoverTitle: string;\n\n  /**\n   * Specifies the type of popover.\n   * @default \"info\"\n   */\n  @Input()\n  public popoverType: SkyPopoverType;\n\n  /**\n   * Fires when users close the popover.\n   */\n  @Output()\n  public popoverClosed = new EventEmitter<SkyPopoverComponent>();\n\n  /**\n   * Fires when users open the popover.\n   */\n  @Output()\n  public popoverOpened = new EventEmitter<SkyPopoverComponent>();\n\n  /**\n   * Indicates that the popover is in the process of being opened or closed.\n   * @internal\n   */\n  public isActive = false;\n\n  /**\n   * Used by unit tests to disable animations since the component is injected at the bottom of the\n   * document body.\n   * @internal\n   */\n  public enableAnimations = true;\n\n  public isMouseEnter = false;\n\n  @ViewChild('templateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private templateRef: TemplateRef<unknown>;\n\n  private contentRef: SkyPopoverContentComponent;\n\n  private isMarkedForCloseOnMouseLeave = false;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private overlay: SkyOverlayInstance;\n\n  private _alignment: SkyPopoverAlignment;\n\n  private _dismissOnBlur: boolean;\n\n  private _placement: SkyPopoverPlacement;\n\n  constructor(private overlayService: SkyOverlayService) {}\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.ngUnsubscribe = undefined;\n\n    if (this.overlay) {\n      this.overlayService.close(this.overlay);\n      this.overlay = undefined;\n    }\n  }\n\n  /**\n   * Positions the popover next to a given caller element.\n   * @param caller The element that opened the popover.\n   * @param placement The placement of the popover.\n   * @param alignment The horizontal alignment of the popover.\n   * @internal\n   */\n  public positionNextTo(\n    caller: ElementRef,\n    placement?: SkyPopoverPlacement,\n    alignment?: SkyPopoverAlignment\n  ): void {\n    if (!this.overlay) {\n      this.setupOverlay();\n    }\n\n    this.placement = placement ?? this.placement;\n    this.alignment = alignment ?? this.alignment;\n    this.isActive = true;\n\n    this.contentRef.open(caller, {\n      dismissOnBlur: this.dismissOnBlur,\n      enableAnimations: this.enableAnimations,\n      horizontalAlignment: this.alignment,\n      isStatic: false,\n      placement: this.placement,\n      popoverTitle: this.popoverTitle,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Closes the popover.\n   * @internal\n   */\n  public close(): void {\n    /*istanbul ignore next*/\n    this.contentRef?.close();\n  }\n\n  /**\n   * Brings focus to the popover element if its open.\n   * @internal\n   */\n  public applyFocus(): void {\n    /*istanbul ignore next*/\n    this.contentRef?.applyFocus();\n  }\n\n  /**\n   * Adds a flag to the popover to close when the mouse leaves the popover's bounds.\n   * @internal\n   */\n  public markForCloseOnMouseLeave(): void {\n    this.isMarkedForCloseOnMouseLeave = true;\n  }\n\n  private setupOverlay(): void {\n    const overlay = this.overlayService.create({\n      enableScroll: true,\n      enablePointerEvents: true,\n    });\n\n    overlay.backdropClick.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      if (this.dismissOnBlur) {\n        this.close();\n      }\n    });\n\n    const contentRef = overlay.attachComponent(SkyPopoverContentComponent, [\n      {\n        provide: SkyPopoverContext,\n        useValue: new SkyPopoverContext({\n          contentTemplateRef: this.templateRef,\n        }),\n      },\n    ]);\n\n    contentRef.opened.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.popoverOpened.emit(this);\n    });\n\n    contentRef.closed.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      /*istanbul ignore else*/\n      if (this.isActive) {\n        this.overlayService.close(this.overlay);\n        this.overlay = undefined;\n        this.isActive = false;\n        this.popoverClosed.emit(this);\n      }\n    });\n\n    contentRef.isMouseEnter\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((isMouseEnter) => {\n        this.isMouseEnter = isMouseEnter;\n        if (this.isMarkedForCloseOnMouseLeave) {\n          this.isMarkedForCloseOnMouseLeave = false;\n          this.close();\n        }\n      });\n\n    this.overlay = overlay;\n    this.contentRef = contentRef;\n  }\n}\n","<ng-template #templateRef>\n  <ng-content></ng-content>\n</ng-template>\n"]}
+{"version":3,"file":"popover.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport { SkyOverlayInstance, SkyOverlayService } from '@skyux/core';\n\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyPopoverContentComponent } from './popover-content.component';\nimport { SkyPopoverContext } from './popover-context';\nimport { SkyPopoverAlignment } from './types/popover-alignment';\nimport { SkyPopoverPlacement } from './types/popover-placement';\nimport { SkyPopoverType } from './types/popover-type';\n\n@Component({\n  selector: 'sky-popover',\n  templateUrl: './popover.component.html',\n})\nexport class SkyPopoverComponent implements OnDestroy {\n  /**\n   * Specifies the horizontal alignment of the popover in relation to the trigger element.\n   * The `skyPopoverAlignment` property on the popover directive takes precedence over this property when specified.\n   * @default \"center\"\n   */\n  @Input()\n  public set alignment(value: SkyPopoverAlignment | undefined) {\n    this._alignment = value;\n  }\n\n  public get alignment(): SkyPopoverAlignment {\n    return this._alignment || 'center';\n  }\n\n  /**\n   * Indicates whether to close the popover when it loses focus.\n   * To require users to click a trigger button to close the popover, set this input to false.\n   * @default true\n   */\n  @Input()\n  public set dismissOnBlur(value: boolean | undefined) {\n    this._dismissOnBlur = value;\n  }\n\n  public get dismissOnBlur(): boolean {\n    if (this._dismissOnBlur === undefined) {\n      return true;\n    }\n\n    return this._dismissOnBlur;\n  }\n\n  /**\n   * Specifies the placement of the popover in relation to the trigger element.\n   * The `skyPopoverPlacement` property on the popover directive takes precedence over this property when specified.\n   * @default \"above\"\n   */\n  @Input()\n  public set placement(value: SkyPopoverPlacement) {\n    this._placement = value;\n  }\n\n  public get placement(): SkyPopoverPlacement {\n    return this._placement || 'above';\n  }\n\n  /**\n   * Specifies a title for the popover.\n   */\n  @Input()\n  public popoverTitle: string | undefined;\n\n  /**\n   * Specifies the type of popover.\n   * @default \"info\"\n   */\n  @Input()\n  public set popoverType(value: SkyPopoverType | undefined) {\n    this._popoverType = value;\n  }\n\n  public get popoverType(): SkyPopoverType {\n    return this._popoverType || 'info';\n  }\n\n  /**\n   * Fires when users close the popover.\n   */\n  @Output()\n  public popoverClosed = new EventEmitter<SkyPopoverComponent>();\n\n  /**\n   * Fires when users open the popover.\n   */\n  @Output()\n  public popoverOpened = new EventEmitter<SkyPopoverComponent>();\n\n  /**\n   * Indicates that the popover is in the process of being opened or closed.\n   * @internal\n   */\n  public isActive = false;\n\n  /**\n   * Used by unit tests to disable animations since the component is injected at the bottom of the\n   * document body.\n   * @internal\n   */\n  public enableAnimations = true;\n\n  public isMouseEnter = false;\n\n  @ViewChild('templateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private templateRef!: TemplateRef<unknown>;\n\n  private contentRef!: SkyPopoverContentComponent;\n\n  private isMarkedForCloseOnMouseLeave = false;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private overlay: SkyOverlayInstance | undefined;\n\n  private _alignment: SkyPopoverAlignment | undefined;\n\n  private _dismissOnBlur: boolean | undefined;\n\n  private _placement: SkyPopoverPlacement | undefined;\n\n  private _popoverType: SkyPopoverType | undefined;\n\n  constructor(private overlayService: SkyOverlayService) {}\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n\n    if (this.overlay) {\n      this.overlayService.close(this.overlay);\n      this.overlay = undefined;\n    }\n  }\n\n  /**\n   * Positions the popover next to a given caller element.\n   * @param caller The element that opened the popover.\n   * @param placement The placement of the popover.\n   * @param alignment The horizontal alignment of the popover.\n   * @internal\n   */\n  public positionNextTo(\n    caller: ElementRef,\n    placement?: SkyPopoverPlacement,\n    alignment?: SkyPopoverAlignment\n  ): void {\n    if (!this.overlay) {\n      this.setupOverlay();\n    }\n\n    this.placement = placement ?? this.placement;\n    this.alignment = alignment ?? this.alignment;\n    this.isActive = true;\n\n    this.contentRef.open(caller, {\n      dismissOnBlur: this.dismissOnBlur,\n      enableAnimations: this.enableAnimations,\n      horizontalAlignment: this.alignment,\n      isStatic: false,\n      placement: this.placement,\n      popoverTitle: this.popoverTitle,\n      popoverType: this.popoverType,\n    });\n  }\n\n  /**\n   * Closes the popover.\n   * @internal\n   */\n  public close(): void {\n    /*istanbul ignore next*/\n    this.contentRef?.close();\n  }\n\n  /**\n   * Brings focus to the popover element if its open.\n   * @internal\n   */\n  public applyFocus(): void {\n    /*istanbul ignore next*/\n    this.contentRef?.applyFocus();\n  }\n\n  /**\n   * Adds a flag to the popover to close when the mouse leaves the popover's bounds.\n   * @internal\n   */\n  public markForCloseOnMouseLeave(): void {\n    this.isMarkedForCloseOnMouseLeave = true;\n  }\n\n  private setupOverlay(): void {\n    const overlay = this.overlayService.create({\n      enableScroll: true,\n      enablePointerEvents: true,\n    });\n\n    overlay.backdropClick.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      if (this.dismissOnBlur) {\n        this.close();\n      }\n    });\n\n    const contentRef = overlay.attachComponent(SkyPopoverContentComponent, [\n      {\n        provide: SkyPopoverContext,\n        useValue: new SkyPopoverContext({\n          contentTemplateRef: this.templateRef,\n        }),\n      },\n    ]);\n\n    contentRef.opened.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.popoverOpened.emit(this);\n    });\n\n    contentRef.closed.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      /*istanbul ignore else*/\n      if (this.isActive && this.overlay) {\n        this.overlayService.close(this.overlay);\n        this.overlay = undefined;\n        this.isActive = false;\n        this.popoverClosed.emit(this);\n      }\n    });\n\n    contentRef.isMouseEnter\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((isMouseEnter) => {\n        this.isMouseEnter = isMouseEnter;\n        if (this.isMarkedForCloseOnMouseLeave) {\n          this.isMarkedForCloseOnMouseLeave = false;\n          this.close();\n        }\n      });\n\n    this.overlay = overlay;\n    this.contentRef = contentRef;\n  }\n}\n","<ng-template #templateRef>\n  <ng-content></ng-content>\n</ng-template>\n"]}

package/esm2015/lib/modules/popover/popover.directive.js

@@ -133,7 +133,6 @@ export class SkyPopoverDirective {
     removeEventListeners() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
-        this.ngUnsubscribe = undefined;
     }
     handleIncomingMessages(message) {
         /* tslint:disable-next-line:switch-default */

package/esm2015/lib/modules/popover/popover.directive.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';\n\nimport { Subject, Subscription, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyPopoverComponent } from './popover.component';\nimport { SkyPopoverAlignment } from './types/popover-alignment';\nimport { SkyPopoverMessage } from './types/popover-message';\nimport { SkyPopoverMessageType } from './types/popover-message-type';\nimport { SkyPopoverPlacement } from './types/popover-placement';\nimport { SkyPopoverTrigger } from './types/popover-trigger';\n\n@Directive({\n  selector: '[skyPopover]',\n})\nexport class SkyPopoverDirective implements OnInit, OnDestroy {\n  /**\n   * References the popover component to display. Add this directive to the trigger element that opens the popover.\n   * @required\n   */\n  @Input()\n  public skyPopover: SkyPopoverComponent;\n\n  /**\n   * Specifies the horizontal alignment of the popover in relation to the trigger element.\n   * @default \"center\"\n   */\n  @Input()\n  public skyPopoverAlignment: SkyPopoverAlignment;\n\n  /**\n   * Provides an RxJS `Subject` to send commands to the popover that respect the `SkyPopoverMessage` type.\n   */\n  @Input()\n  public set skyPopoverMessageStream(\n    value: Subject<SkyPopoverMessage> | undefined\n  ) {\n    this._skyPopoverMessageStream = value ?? new Subject<SkyPopoverMessage>();\n    this.subscribeMessageStream();\n  }\n\n  public get skyPopoverMessageStream(): Subject<SkyPopoverMessage> {\n    return this._skyPopoverMessageStream;\n  }\n\n  private _skyPopoverMessageStream = new Subject<SkyPopoverMessage>();\n\n  #messageStreamSub: Subscription | undefined;\n\n  /**\n   * Specifies the placement of the popover in relation to the trigger element.\n   * @default \"above\"\n   */\n  @Input()\n  public skyPopoverPlacement: SkyPopoverPlacement;\n\n  /**\n   * Specifies the user action that displays the popover.\n   */\n  @Input()\n  public set skyPopoverTrigger(value: SkyPopoverTrigger) {\n    this._trigger = value;\n  }\n\n  public get skyPopoverTrigger(): SkyPopoverTrigger {\n    return this._trigger || 'click';\n  }\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _trigger: SkyPopoverTrigger;\n\n  constructor(private elementRef: ElementRef) {\n    this.subscribeMessageStream();\n  }\n\n  public ngOnInit(): void {\n    this.addEventListeners();\n  }\n\n  public ngOnDestroy(): void {\n    this.removeEventListeners();\n    this.unsubscribeMessageStream();\n  }\n\n  public togglePopover(): void {\n    if (this.skyPopover.isActive) {\n      this.sendMessage(SkyPopoverMessageType.Close);\n      return;\n    }\n\n    this.sendMessage(SkyPopoverMessageType.Open);\n  }\n\n  private positionPopover(): void {\n    this.skyPopover.positionNextTo(\n      this.elementRef,\n      this.skyPopoverPlacement,\n      this.skyPopoverAlignment\n    );\n  }\n\n  private closePopover(): void {\n    this.skyPopover.close();\n  }\n\n  private closePopoverOrMarkForClose(): void {\n    if (this.skyPopover.isMouseEnter) {\n      this.skyPopover.markForCloseOnMouseLeave();\n    } else {\n      this.sendMessage(SkyPopoverMessageType.Close);\n    }\n  }\n\n  private addEventListeners(): void {\n    const element = this.elementRef.nativeElement;\n\n    observableFromEvent(element, 'keydown')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event: KeyboardEvent) => {\n        if (!this.skyPopover.isActive) {\n          return;\n        }\n\n        const key = event.key.toLowerCase();\n\n        /* tslint:disable-next-line:switch-default */\n        switch (key) {\n          case 'escape':\n            this.sendMessage(SkyPopoverMessageType.Close);\n            event.preventDefault();\n            event.stopPropagation();\n            break;\n\n          case 'tab':\n            if (this.skyPopover.dismissOnBlur) {\n              this.sendMessage(SkyPopoverMessageType.Close);\n            }\n            break;\n\n          case 'arrowdown':\n          case 'arrowleft':\n          case 'arrowright':\n          case 'arrowup':\n          case 'down':\n          case 'left':\n          case 'right':\n          case 'up':\n            this.sendMessage(SkyPopoverMessageType.Focus);\n            event.stopPropagation();\n            event.preventDefault();\n            break;\n        }\n      });\n\n    observableFromEvent(element, 'click')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        if (this.skyPopover) {\n          this.togglePopover();\n        }\n      });\n\n    observableFromEvent(element, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        if (this.skyPopover) {\n          this.skyPopover.isMouseEnter = true;\n          if (\n            !this.skyPopover.isActive &&\n            this.skyPopoverTrigger === 'mouseenter'\n          ) {\n            this.sendMessage(SkyPopoverMessageType.Open);\n          }\n        }\n      });\n\n    observableFromEvent(element, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        if (this.skyPopover) {\n          this.skyPopover.isMouseEnter = false;\n          if (\n            this.skyPopover.isActive &&\n            this.skyPopoverTrigger === 'mouseenter'\n          ) {\n            // Give the popover a chance to set its isMouseEnter flag before checking to see\n            // if it should be closed.\n            setTimeout(() => {\n              this.closePopoverOrMarkForClose();\n            });\n          }\n        }\n      });\n  }\n\n  private removeEventListeners(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.ngUnsubscribe = undefined;\n  }\n\n  private handleIncomingMessages(message: SkyPopoverMessage): void {\n    /* tslint:disable-next-line:switch-default */\n    switch (message.type) {\n      case SkyPopoverMessageType.Open:\n        this.positionPopover();\n        break;\n\n      case SkyPopoverMessageType.Close:\n        /*istanbul ignore else*/\n        if (this.skyPopover.isActive) {\n          this.closePopover();\n        }\n        break;\n\n      case SkyPopoverMessageType.Reposition:\n        // Only reposition the popover if it is already open.\n        if (this.skyPopover.isActive) {\n          this.positionPopover();\n        }\n        break;\n\n      case SkyPopoverMessageType.Focus:\n        this.skyPopover.applyFocus();\n        break;\n    }\n  }\n\n  private sendMessage(messageType: SkyPopoverMessageType): void {\n    this.skyPopoverMessageStream.next({ type: messageType });\n  }\n\n  private subscribeMessageStream(): void {\n    this.unsubscribeMessageStream();\n\n    this.#messageStreamSub = this.skyPopoverMessageStream.subscribe(\n      (message) => {\n        this.handleIncomingMessages(message);\n      }\n    );\n  }\n\n  private unsubscribeMessageStream(): void {\n    if (this.#messageStreamSub) {\n      this.#messageStreamSub.unsubscribe();\n      this.#messageStreamSub = undefined;\n    }\n  }\n}\n"]}
+{"version":3,"file":"popover.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import { Directive, ElementRef, Input, OnDestroy, OnInit } from '@angular/core';\n\nimport { Subject, Subscription, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyPopoverComponent } from './popover.component';\nimport { SkyPopoverAlignment } from './types/popover-alignment';\nimport { SkyPopoverMessage } from './types/popover-message';\nimport { SkyPopoverMessageType } from './types/popover-message-type';\nimport { SkyPopoverPlacement } from './types/popover-placement';\nimport { SkyPopoverTrigger } from './types/popover-trigger';\n\n@Directive({\n  selector: '[skyPopover]',\n})\nexport class SkyPopoverDirective implements OnInit, OnDestroy {\n  /**\n   * References the popover component to display. Add this directive to the trigger element that opens the popover.\n   * @required\n   */\n  @Input()\n  public skyPopover!: SkyPopoverComponent;\n\n  /**\n   * Specifies the horizontal alignment of the popover in relation to the trigger element.\n   */\n  @Input()\n  public skyPopoverAlignment: SkyPopoverAlignment | undefined;\n\n  /**\n   * Provides an RxJS `Subject` to send commands to the popover that respect the `SkyPopoverMessage` type.\n   */\n  @Input()\n  public set skyPopoverMessageStream(\n    value: Subject<SkyPopoverMessage> | undefined\n  ) {\n    this._skyPopoverMessageStream = value ?? new Subject<SkyPopoverMessage>();\n    this.subscribeMessageStream();\n  }\n\n  public get skyPopoverMessageStream(): Subject<SkyPopoverMessage> {\n    return this._skyPopoverMessageStream;\n  }\n\n  private _skyPopoverMessageStream = new Subject<SkyPopoverMessage>();\n\n  #messageStreamSub: Subscription | undefined;\n\n  /**\n   * Specifies the placement of the popover in relation to the trigger element.\n   */\n  @Input()\n  public skyPopoverPlacement: SkyPopoverPlacement | undefined;\n\n  /**\n   * Specifies the user action that displays the popover.\n   */\n  @Input()\n  public set skyPopoverTrigger(value: SkyPopoverTrigger | undefined) {\n    this._trigger = value;\n  }\n\n  public get skyPopoverTrigger(): SkyPopoverTrigger {\n    return this._trigger || 'click';\n  }\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _trigger: SkyPopoverTrigger | undefined;\n\n  constructor(private elementRef: ElementRef) {\n    this.subscribeMessageStream();\n  }\n\n  public ngOnInit(): void {\n    this.addEventListeners();\n  }\n\n  public ngOnDestroy(): void {\n    this.removeEventListeners();\n    this.unsubscribeMessageStream();\n  }\n\n  public togglePopover(): void {\n    if (this.skyPopover.isActive) {\n      this.sendMessage(SkyPopoverMessageType.Close);\n      return;\n    }\n\n    this.sendMessage(SkyPopoverMessageType.Open);\n  }\n\n  private positionPopover(): void {\n    this.skyPopover.positionNextTo(\n      this.elementRef,\n      this.skyPopoverPlacement,\n      this.skyPopoverAlignment\n    );\n  }\n\n  private closePopover(): void {\n    this.skyPopover.close();\n  }\n\n  private closePopoverOrMarkForClose(): void {\n    if (this.skyPopover.isMouseEnter) {\n      this.skyPopover.markForCloseOnMouseLeave();\n    } else {\n      this.sendMessage(SkyPopoverMessageType.Close);\n    }\n  }\n\n  private addEventListeners(): void {\n    const element = this.elementRef.nativeElement;\n\n    observableFromEvent<KeyboardEvent>(element, 'keydown')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event) => {\n        if (!this.skyPopover.isActive) {\n          return;\n        }\n\n        const key = event.key.toLowerCase();\n\n        /* tslint:disable-next-line:switch-default */\n        switch (key) {\n          case 'escape':\n            this.sendMessage(SkyPopoverMessageType.Close);\n            event.preventDefault();\n            event.stopPropagation();\n            break;\n\n          case 'tab':\n            if (this.skyPopover.dismissOnBlur) {\n              this.sendMessage(SkyPopoverMessageType.Close);\n            }\n            break;\n\n          case 'arrowdown':\n          case 'arrowleft':\n          case 'arrowright':\n          case 'arrowup':\n          case 'down':\n          case 'left':\n          case 'right':\n          case 'up':\n            this.sendMessage(SkyPopoverMessageType.Focus);\n            event.stopPropagation();\n            event.preventDefault();\n            break;\n        }\n      });\n\n    observableFromEvent(element, 'click')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        if (this.skyPopover) {\n          this.togglePopover();\n        }\n      });\n\n    observableFromEvent(element, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        if (this.skyPopover) {\n          this.skyPopover.isMouseEnter = true;\n          if (\n            !this.skyPopover.isActive &&\n            this.skyPopoverTrigger === 'mouseenter'\n          ) {\n            this.sendMessage(SkyPopoverMessageType.Open);\n          }\n        }\n      });\n\n    observableFromEvent(element, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        if (this.skyPopover) {\n          this.skyPopover.isMouseEnter = false;\n          if (\n            this.skyPopover.isActive &&\n            this.skyPopoverTrigger === 'mouseenter'\n          ) {\n            // Give the popover a chance to set its isMouseEnter flag before checking to see\n            // if it should be closed.\n            setTimeout(() => {\n              this.closePopoverOrMarkForClose();\n            });\n          }\n        }\n      });\n  }\n\n  private removeEventListeners(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  private handleIncomingMessages(message: SkyPopoverMessage): void {\n    /* tslint:disable-next-line:switch-default */\n    switch (message.type) {\n      case SkyPopoverMessageType.Open:\n        this.positionPopover();\n        break;\n\n      case SkyPopoverMessageType.Close:\n        /*istanbul ignore else*/\n        if (this.skyPopover.isActive) {\n          this.closePopover();\n        }\n        break;\n\n      case SkyPopoverMessageType.Reposition:\n        // Only reposition the popover if it is already open.\n        if (this.skyPopover.isActive) {\n          this.positionPopover();\n        }\n        break;\n\n      case SkyPopoverMessageType.Focus:\n        this.skyPopover.applyFocus();\n        break;\n    }\n  }\n\n  private sendMessage(messageType: SkyPopoverMessageType): void {\n    this.skyPopoverMessageStream.next({ type: messageType });\n  }\n\n  private subscribeMessageStream(): void {\n    this.unsubscribeMessageStream();\n\n    this.#messageStreamSub = this.skyPopoverMessageStream.subscribe(\n      (message) => {\n        this.handleIncomingMessages(message);\n      }\n    );\n  }\n\n  private unsubscribeMessageStream(): void {\n    if (this.#messageStreamSub) {\n      this.#messageStreamSub.unsubscribe();\n      this.#messageStreamSub = undefined;\n    }\n  }\n}\n"]}

package/esm2015/testing/dropdown/dropdown-fixture.js

@@ -71,6 +71,9 @@ export class SkyDropdownFixture {
     clickDropdownItem(index) {
         return __awaiter(this, void 0, void 0, function* () {
             const itemEls = this.getDropdownItemEls();
+            if (!itemEls) {
+                return;
+            }
             if (index >= itemEls.length) {
                 throw new Error(`There is no dropdown item at index ${index}.`);
             }
@@ -84,6 +87,9 @@ export class SkyDropdownFixture {
      */
     getDropdownItem(index) {
         const itemEls = this.getDropdownItemEls();
+        if (!itemEls) {
+            return;
+        }
         if (index >= itemEls.length) {
             throw new Error(`There is no dropdown item at index ${index}.`);
         }
@@ -125,7 +131,7 @@ export class SkyDropdownFixture {
     }
     getButtonType(classNames) {
         const prefix = 'sky-dropdown-button-type-';
-        for (let i in classNames) {
+        for (const i in classNames) {
             if (classNames[i]) {
                 if (i.indexOf(prefix) > -1) {
                     return i.replace(prefix, '');

package/esm2015/testing/dropdown/dropdown-fixture.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-fixture.js","sourceRoot":"","sources":["../../../../../../../libs/components/popovers/testing/src/dropdown/dropdown-fixture.ts"],"names":[],"mappings":"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","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkyPopoversFixtureDropdown } from './popovers-fixture-dropdown';\nimport { SkyPopoversFixtureDropdownItem } from './popovers-fixture-dropdown-item';\nimport { SkyPopoversFixtureDropdownMenu } from './popovers-fixture-dropdown-menu';\n\n/**\n * Provides information for and interaction with a SKY UX dropdown component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyDropdownFixture {\n  /**\n   * Returns information about the dropdown component.\n   */\n  public get dropdown(): SkyPopoversFixtureDropdown {\n    const button = this.buttonDebugElement;\n\n    if (!button) {\n      return;\n    }\n\n    return {\n      buttonStyle: this.getButtonStyle(button.classes),\n      buttonType: this.getButtonType(button.classes),\n      disabled: button.nativeElement.disabled,\n      label: button.nativeElement.getAttribute('aria-label'),\n      title: button.nativeElement.getAttribute('title'),\n    };\n  }\n\n  /**\n   * Returns the dropdown button's text.\n   */\n  public get dropdownButtonText(): string {\n    return SkyAppTestUtility.getText(this.buttonDebugElement.nativeElement);\n  }\n\n  /**\n   * Returns information about the dropdown menu component.\n   */\n  public get dropdownMenu(): SkyPopoversFixtureDropdownMenu {\n    const menu = this.getDropdownMenuContent();\n    if (!menu) {\n      return;\n    }\n\n    return {\n      ariaLabelledBy: menu.getAttribute('aria-labelledby'),\n      ariaRole: menu.getAttribute('role'),\n    };\n  }\n\n  /**\n   * Indicates if the dropdown menu is open and visible.\n   */\n  public get dropdownMenuIsVisible(): boolean {\n    return this.getDropdownMenuContent() !== undefined;\n  }\n\n  private get buttonDebugElement(): DebugElement {\n    return this.debugEl.query(By.css('.sky-dropdown-button'));\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-dropdown'\n    );\n  }\n\n  /**\n   * Click the dropdown button to open or close the dropdown menu.\n   */\n  public async clickDropdownButton(): Promise<any> {\n    this.buttonDebugElement.nativeElement.click();\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Click the dropdown item at the provided index.\n   */\n  public async clickDropdownItem(index: number): Promise<any> {\n    const itemEls = this.getDropdownItemEls();\n    if (index >= itemEls.length) {\n      throw new Error(`There is no dropdown item at index ${index}.`);\n    }\n\n    itemEls[index].querySelector('button,a').click();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Returns information about the dropdown item at the provided index.\n   */\n  public getDropdownItem(index: number): SkyPopoversFixtureDropdownItem {\n    const itemEls = this.getDropdownItemEls();\n    if (index >= itemEls.length) {\n      throw new Error(`There is no dropdown item at index ${index}.`);\n    }\n\n    const item = itemEls[index];\n    if (!item) {\n      return;\n    }\n\n    return {\n      ariaRole: item.getAttribute('role'),\n    };\n  }\n\n  /**\n   * Returns the contents of the dropdown menu.\n   */\n  public getDropdownMenuContent(): any {\n    const overlay = this.getOverlay();\n    if (!overlay) {\n      return;\n    }\n\n    return overlay.querySelector('.sky-dropdown-menu');\n  }\n\n  private getDropdownItemEls(): NodeListOf<any> {\n    const overlay = this.getOverlay();\n\n    if (!overlay) {\n      return;\n    }\n\n    return overlay.querySelectorAll('.sky-dropdown-item');\n  }\n\n  private getOverlay(): HTMLElement {\n    return document.querySelector('sky-overlay');\n  }\n\n  private getButtonStyle(classNames: { [key: string]: boolean }): string {\n    if (classNames['sky-btn-primary']) {\n      return 'primary';\n    }\n    if (classNames['sky-btn-default']) {\n      return 'default';\n    }\n  }\n\n  private getButtonType(classNames: { [key: string]: boolean }): string {\n    const prefix = 'sky-dropdown-button-type-';\n\n    for (let i in classNames) {\n      if (classNames[i]) {\n        if (i.indexOf(prefix) > -1) {\n          return i.replace(prefix, '');\n        }\n      }\n    }\n\n    return undefined;\n  }\n}\n"]}
+{"version":3,"file":"dropdown-fixture.js","sourceRoot":"","sources":["../../../../../../../libs/components/popovers/testing/src/dropdown/dropdown-fixture.ts"],"names":[],"mappings":"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","sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkyPopoversFixtureDropdown } from './popovers-fixture-dropdown';\nimport { SkyPopoversFixtureDropdownItem } from './popovers-fixture-dropdown-item';\nimport { SkyPopoversFixtureDropdownMenu } from './popovers-fixture-dropdown-menu';\n\n/**\n * Provides information for and interaction with a SKY UX dropdown component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyDropdownFixture {\n  /**\n   * Returns information about the dropdown component.\n   */\n  public get dropdown(): SkyPopoversFixtureDropdown | undefined {\n    const button = this.buttonDebugElement;\n\n    if (!button) {\n      return;\n    }\n\n    return {\n      buttonStyle: this.getButtonStyle(button.classes),\n      buttonType: this.getButtonType(button.classes),\n      disabled: button.nativeElement.disabled,\n      label: button.nativeElement.getAttribute('aria-label'),\n      title: button.nativeElement.getAttribute('title'),\n    };\n  }\n\n  /**\n   * Returns the dropdown button's text.\n   */\n  public get dropdownButtonText(): string | undefined {\n    return SkyAppTestUtility.getText(this.buttonDebugElement.nativeElement);\n  }\n\n  /**\n   * Returns information about the dropdown menu component.\n   */\n  public get dropdownMenu(): SkyPopoversFixtureDropdownMenu | undefined {\n    const menu = this.getDropdownMenuContent();\n    if (!menu) {\n      return;\n    }\n\n    return {\n      ariaLabelledBy: menu.getAttribute('aria-labelledby'),\n      ariaRole: menu.getAttribute('role'),\n    };\n  }\n\n  /**\n   * Indicates if the dropdown menu is open and visible.\n   */\n  public get dropdownMenuIsVisible(): boolean {\n    return this.getDropdownMenuContent() !== undefined;\n  }\n\n  private get buttonDebugElement(): DebugElement {\n    return this.debugEl.query(By.css('.sky-dropdown-button'));\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(private fixture: ComponentFixture<unknown>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-dropdown'\n    );\n  }\n\n  /**\n   * Click the dropdown button to open or close the dropdown menu.\n   */\n  public async clickDropdownButton(): Promise<unknown> {\n    this.buttonDebugElement.nativeElement.click();\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Click the dropdown item at the provided index.\n   */\n  public async clickDropdownItem(index: number): Promise<unknown> {\n    const itemEls = this.getDropdownItemEls();\n\n    if (!itemEls) {\n      return;\n    }\n\n    if (index >= itemEls.length) {\n      throw new Error(`There is no dropdown item at index ${index}.`);\n    }\n\n    itemEls[index].querySelector('button,a').click();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Returns information about the dropdown item at the provided index.\n   */\n  public getDropdownItem(\n    index: number\n  ): SkyPopoversFixtureDropdownItem | undefined {\n    const itemEls = this.getDropdownItemEls();\n\n    if (!itemEls) {\n      return;\n    }\n\n    if (index >= itemEls.length) {\n      throw new Error(`There is no dropdown item at index ${index}.`);\n    }\n\n    const item = itemEls[index];\n    if (!item) {\n      return;\n    }\n\n    return {\n      ariaRole: item.getAttribute('role'),\n    };\n  }\n\n  /**\n   * Returns the contents of the dropdown menu.\n   */\n  public getDropdownMenuContent(): any {\n    const overlay = this.getOverlay();\n    if (!overlay) {\n      return;\n    }\n\n    return overlay.querySelector('.sky-dropdown-menu');\n  }\n\n  private getDropdownItemEls(): NodeListOf<any> | undefined {\n    const overlay = this.getOverlay();\n\n    if (!overlay) {\n      return;\n    }\n\n    return overlay.querySelectorAll('.sky-dropdown-item');\n  }\n\n  private getOverlay(): HTMLElement | null {\n    return document.querySelector('sky-overlay');\n  }\n\n  private getButtonStyle(classNames: {\n    [key: string]: boolean;\n  }): string | undefined {\n    if (classNames['sky-btn-primary']) {\n      return 'primary';\n    }\n    if (classNames['sky-btn-default']) {\n      return 'default';\n    }\n  }\n\n  private getButtonType(classNames: {\n    [key: string]: boolean;\n  }): string | undefined {\n    const prefix = 'sky-dropdown-button-type-';\n\n    for (const i in classNames) {\n      if (classNames[i]) {\n        if (i.indexOf(prefix) > -1) {\n          return i.replace(prefix, '');\n        }\n      }\n    }\n\n    return undefined;\n  }\n}\n"]}

package/esm2015/testing/dropdown/popovers-fixture-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"popovers-fixture-dropdown.js","sourceRoot":"","sources":["../../../../../../../libs/components/popovers/testing/src/dropdown/popovers-fixture-dropdown.ts"],"names":[],"mappings":"","sourcesContent":["export interface SkyPopoversFixtureDropdown {\n  buttonStyle: string;\n  buttonType: string;\n  disabled: boolean;\n  label: string;\n  title: string;\n}\n"]}
+{"version":3,"file":"popovers-fixture-dropdown.js","sourceRoot":"","sources":["../../../../../../../libs/components/popovers/testing/src/dropdown/popovers-fixture-dropdown.ts"],"names":[],"mappings":"","sourcesContent":["export interface SkyPopoversFixtureDropdown {\n  buttonStyle?: string;\n  buttonType?: string;\n  disabled: boolean;\n  label: string;\n  title: string;\n}\n"]}

package/esm2015/testing/popover/popover-fixture.js

@@ -49,23 +49,23 @@ export class SkyPopoverFixture {
     }
     //#region helpers
     get contentElement() {
-        return this.queryOverlay('sky-popover-content');
+        return this.queryOverlay('sky-popover-content') || undefined;
     }
     get containerElement() {
-        return this.queryOverlay('.sky-popover-container');
+        return this.queryOverlay('.sky-popover-container') || undefined;
     }
     get titleElement() {
-        return this.queryOverlay('.sky-popover-title');
+        return this.queryOverlay('.sky-popover-title') || undefined;
     }
     get bodyElement() {
-        return this.queryOverlay('.sky-popover-body');
+        return this.queryOverlay('.sky-popover-body') || undefined;
     }
     getOverlay() {
-        return document.querySelector('sky-overlay');
+        return document.querySelector('sky-overlay') || undefined;
     }
     queryOverlay(query) {
         const overlay = this.getOverlay();
-        return !overlay ? undefined : overlay.querySelector(query);
+        return !overlay ? null : overlay.querySelector(query);
     }
     /**
      * Searches the element's class names for a class which matches a given prefix.
@@ -78,8 +78,8 @@ export class SkyPopoverFixture {
      * @param prefix
      */
     getClassSuffixByClassPrefix(element, prefix) {
-        let containerClasses = element === null || element === void 0 ? void 0 : element.className.split(' ');
-        let prefixedClass = containerClasses === null || containerClasses === void 0 ? void 0 : containerClasses.find((x) => x.startsWith(prefix));
+        const containerClasses = element === null || element === void 0 ? void 0 : element.className.split(' ');
+        const prefixedClass = containerClasses === null || containerClasses === void 0 ? void 0 : containerClasses.find((x) => x.startsWith(prefix));
         return !prefixedClass ? undefined : prefixedClass.slice(prefix.length);
     }
 }

package/esm2015/testing/popover/popover-fixture.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-fixture.js","sourceRoot":"","sources":["../../../../../../../libs/components/popovers/testing/src/popover/popover-fixture.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,OAAO,iBAAiB;IA0C5B,YAAoB,OAA8B;QAA9B,YAAO,GAAP,OAAO,CAAuB;IAAG,CAAC;IAzCtD;;OAEG;IACH,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,2BAA2B,CACrC,IAAI,CAAC,gBAAgB,EACrB,wBAAwB,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED;;OAEG;IACH,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,2BAA2B,CACrC,IAAI,CAAC,gBAAgB,EACrB,wBAAwB,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAW,YAAY;QACrB,OAAO,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACtD,CAAC;IAED;;OAEG;IACH,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,cAAc,KAAK,SAAS,CAAC;IAC3C,CAAC;IAID;;OAEG;IACI,IAAI;QACT,0DAA0D;QAC1D,iBAAiB,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE9D,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC;IAED,iBAAiB;IACjB,IAAY,cAAc;QACxB,OAAO,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,CAAC;IAClD,CAAC;IAED,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC,CAAC;IACrD,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC;IACjD,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC;IAChD,CAAC;IAEO,UAAU;QAChB,OAAO,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC;IAEO,YAAY,CAAC,KAAa;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAElC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7D,CAAC;IAED;;;;;;;;;OASG;IACK,2BAA2B,CACjC,OAAoB,EACpB,MAAc;QAEd,IAAI,gBAAgB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACrD,IAAI,aAAa,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;QAExE,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC;CAEF","sourcesContent":["import { ComponentFixture } from '@angular/core/testing';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Provides information for and interaction with a SKY UX popover component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyPopoverFixture {\n  /**\n   * Returns the popover alignment if the popover is open, otherwise undefined.\n   */\n  public get alignment(): string {\n    return this.getClassSuffixByClassPrefix(\n      this.containerElement,\n      'sky-popover-alignment-'\n    );\n  }\n\n  /**\n   * Returns the popover body element if the popover is open, otherwise undefined.\n   */\n  public get body(): HTMLElement {\n    return this.bodyElement;\n  }\n\n  /**\n   * Returns the popover position if the popover is open, otherwise undefined.\n   */\n  public get placement(): string {\n    return this.getClassSuffixByClassPrefix(\n      this.containerElement,\n      'sky-popover-placement-'\n    );\n  }\n\n  /**\n   * Returns the popover title text if the popover is open, otherwise undefined.\n   */\n  public get popoverTitle(): string {\n    return SkyAppTestUtility.getText(this.titleElement);\n  }\n\n  /**\n   * Indicates if the popover is open and visible.\n   */\n  public get popoverIsVisible(): boolean {\n    return this.contentElement !== undefined;\n  }\n\n  constructor(private fixture: ComponentFixture<any>) {}\n\n  /**\n   * Triggers the blur event for the popover.\n   */\n  public blur(): Promise<any> {\n    // close the popover by changing focus to the body element\n    SkyAppTestUtility.fireDomEvent(window.document.body, 'click');\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  //#region helpers\n  private get contentElement(): HTMLElement {\n    return this.queryOverlay('sky-popover-content');\n  }\n\n  private get containerElement(): HTMLElement {\n    return this.queryOverlay('.sky-popover-container');\n  }\n\n  private get titleElement(): HTMLElement {\n    return this.queryOverlay('.sky-popover-title');\n  }\n\n  private get bodyElement(): HTMLElement {\n    return this.queryOverlay('.sky-popover-body');\n  }\n\n  private getOverlay(): HTMLElement {\n    return document.querySelector('sky-overlay');\n  }\n\n  private queryOverlay(query: string): HTMLElement {\n    const overlay = this.getOverlay();\n\n    return !overlay ? undefined : overlay.querySelector(query);\n  }\n\n  /**\n   * Searches the element's class names for a class which matches a given prefix.\n   * If a match is found, the prefix is trimmed from the class name and the suffix is returned.\n   * If no class matching the prefix is found, undefined is returned.\n   *\n   * Example:\n   *   For a class 'sky-popover-placement-right', passing the prefix 'sky-popover-placement-'\n   *   should return the value 'right'.\n   * @param prefix\n   */\n  private getClassSuffixByClassPrefix(\n    element: HTMLElement,\n    prefix: string\n  ): string {\n    let containerClasses = element?.className.split(' ');\n    let prefixedClass = containerClasses?.find((x) => x.startsWith(prefix));\n\n    return !prefixedClass ? undefined : prefixedClass.slice(prefix.length);\n  }\n  //#endregion\n}\n"]}
+{"version":3,"file":"popover-fixture.js","sourceRoot":"","sources":["../../../../../../../libs/components/popovers/testing/src/popover/popover-fixture.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;GAIG;AACH,MAAM,OAAO,iBAAiB;IA0C5B,YAAoB,OAAkC;QAAlC,YAAO,GAAP,OAAO,CAA2B;IAAG,CAAC;IAzC1D;;OAEG;IACH,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,2BAA2B,CACrC,IAAI,CAAC,gBAAgB,EACrB,wBAAwB,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC;IAED;;OAEG;IACH,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,2BAA2B,CACrC,IAAI,CAAC,gBAAgB,EACrB,wBAAwB,CACzB,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,IAAW,YAAY;QACrB,OAAO,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IACtD,CAAC;IAED;;OAEG;IACH,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,cAAc,KAAK,SAAS,CAAC;IAC3C,CAAC;IAID;;OAEG;IACI,IAAI;QACT,0DAA0D;QAC1D,iBAAiB,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE9D,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;IACnC,CAAC;IAED,iBAAiB;IACjB,IAAY,cAAc;QACxB,OAAO,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,SAAS,CAAC;IAC/D,CAAC;IAED,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC,IAAI,SAAS,CAAC;IAClE,CAAC;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,IAAI,SAAS,CAAC;IAC9D,CAAC;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,IAAI,SAAS,CAAC;IAC7D,CAAC;IAEO,UAAU;QAChB,OAAO,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC;IAC5D,CAAC;IAEO,YAAY,CAAC,KAAa;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAElC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC;IAED;;;;;;;;;OASG;IACK,2BAA2B,CACjC,OAAgC,EAChC,MAAc;QAEd,MAAM,gBAAgB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvD,MAAM,aAAa,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;QAE1E,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACzE,CAAC;CAEF","sourcesContent":["import { ComponentFixture } from '@angular/core/testing';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Provides information for and interaction with a SKY UX popover component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyPopoverFixture {\n  /**\n   * Returns the popover alignment if the popover is open, otherwise undefined.\n   */\n  public get alignment(): string | undefined {\n    return this.getClassSuffixByClassPrefix(\n      this.containerElement,\n      'sky-popover-alignment-'\n    );\n  }\n\n  /**\n   * Returns the popover body element if the popover is open, otherwise undefined.\n   */\n  public get body(): HTMLElement | undefined {\n    return this.bodyElement;\n  }\n\n  /**\n   * Returns the popover position if the popover is open, otherwise undefined.\n   */\n  public get placement(): string | undefined {\n    return this.getClassSuffixByClassPrefix(\n      this.containerElement,\n      'sky-popover-placement-'\n    );\n  }\n\n  /**\n   * Returns the popover title text if the popover is open, otherwise undefined.\n   */\n  public get popoverTitle(): string | undefined {\n    return SkyAppTestUtility.getText(this.titleElement);\n  }\n\n  /**\n   * Indicates if the popover is open and visible.\n   */\n  public get popoverIsVisible(): boolean {\n    return this.contentElement !== undefined;\n  }\n\n  constructor(private fixture: ComponentFixture<unknown>) {}\n\n  /**\n   * Triggers the blur event for the popover.\n   */\n  public blur(): Promise<unknown> {\n    // close the popover by changing focus to the body element\n    SkyAppTestUtility.fireDomEvent(window.document.body, 'click');\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  //#region helpers\n  private get contentElement(): HTMLElement | undefined {\n    return this.queryOverlay('sky-popover-content') || undefined;\n  }\n\n  private get containerElement(): HTMLElement | undefined {\n    return this.queryOverlay('.sky-popover-container') || undefined;\n  }\n\n  private get titleElement(): HTMLElement | undefined {\n    return this.queryOverlay('.sky-popover-title') || undefined;\n  }\n\n  private get bodyElement(): HTMLElement | undefined {\n    return this.queryOverlay('.sky-popover-body') || undefined;\n  }\n\n  private getOverlay(): Element | undefined {\n    return document.querySelector('sky-overlay') || undefined;\n  }\n\n  private queryOverlay(query: string): HTMLElement | null {\n    const overlay = this.getOverlay();\n\n    return !overlay ? null : overlay.querySelector(query);\n  }\n\n  /**\n   * Searches the element's class names for a class which matches a given prefix.\n   * If a match is found, the prefix is trimmed from the class name and the suffix is returned.\n   * If no class matching the prefix is found, undefined is returned.\n   *\n   * Example:\n   *   For a class 'sky-popover-placement-right', passing the prefix 'sky-popover-placement-'\n   *   should return the value 'right'.\n   * @param prefix\n   */\n  private getClassSuffixByClassPrefix(\n    element: HTMLElement | undefined,\n    prefix: string\n  ): string | undefined {\n    const containerClasses = element?.className.split(' ');\n    const prefixedClass = containerClasses?.find((x) => x.startsWith(prefix));\n\n    return !prefixedClass ? undefined : prefixedClass.slice(prefix.length);\n  }\n  //#endregion\n}\n"]}

package/fesm2015/skyux-popovers-testing.js

@@ -89,6 +89,9 @@ class SkyDropdownFixture {
     clickDropdownItem(index) {
         return __awaiter(this, void 0, void 0, function* () {
             const itemEls = this.getDropdownItemEls();
+            if (!itemEls) {
+                return;
+            }
             if (index >= itemEls.length) {
                 throw new Error(`There is no dropdown item at index ${index}.`);
             }
@@ -102,6 +105,9 @@ class SkyDropdownFixture {
      */
     getDropdownItem(index) {
         const itemEls = this.getDropdownItemEls();
+        if (!itemEls) {
+            return;
+        }
         if (index >= itemEls.length) {
             throw new Error(`There is no dropdown item at index ${index}.`);
         }
@@ -143,7 +149,7 @@ class SkyDropdownFixture {
     }
     getButtonType(classNames) {
         const prefix = 'sky-dropdown-button-type-';
-        for (let i in classNames) {
+        for (const i in classNames) {
             if (classNames[i]) {
                 if (i.indexOf(prefix) > -1) {
                     return i.replace(prefix, '');
@@ -228,23 +234,23 @@ class SkyPopoverFixture {
     }
     //#region helpers
     get contentElement() {
-        return this.queryOverlay('sky-popover-content');
+        return this.queryOverlay('sky-popover-content') || undefined;
     }
     get containerElement() {
-        return this.queryOverlay('.sky-popover-container');
+        return this.queryOverlay('.sky-popover-container') || undefined;
     }
     get titleElement() {
-        return this.queryOverlay('.sky-popover-title');
+        return this.queryOverlay('.sky-popover-title') || undefined;
     }
     get bodyElement() {
-        return this.queryOverlay('.sky-popover-body');
+        return this.queryOverlay('.sky-popover-body') || undefined;
     }
     getOverlay() {
-        return document.querySelector('sky-overlay');
+        return document.querySelector('sky-overlay') || undefined;
     }
     queryOverlay(query) {
         const overlay = this.getOverlay();
-        return !overlay ? undefined : overlay.querySelector(query);
+        return !overlay ? null : overlay.querySelector(query);
     }
     /**
      * Searches the element's class names for a class which matches a given prefix.
@@ -257,8 +263,8 @@ class SkyPopoverFixture {
      * @param prefix
      */
     getClassSuffixByClassPrefix(element, prefix) {
-        let containerClasses = element === null || element === void 0 ? void 0 : element.className.split(' ');
-        let prefixedClass = containerClasses === null || containerClasses === void 0 ? void 0 : containerClasses.find((x) => x.startsWith(prefix));
+        const containerClasses = element === null || element === void 0 ? void 0 : element.className.split(' ');
+        const prefixedClass = containerClasses === null || containerClasses === void 0 ? void 0 : containerClasses.find((x) => x.startsWith(prefix));
         return !prefixedClass ? undefined : prefixedClass.slice(prefix.length);
     }
 }

package/fesm2015/skyux-popovers-testing.js.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-popovers-testing.js","sources":["../../../../../libs/components/popovers/testing/src/dropdown/dropdown-testing.module.ts","../../../../../libs/components/popovers/testing/src/dropdown/dropdown-fixture.ts","../../../../../libs/components/popovers/testing/src/popover/popover-testing.module.ts","../../../../../libs/components/popovers/testing/src/popover/popover-fixture.ts","../../../../../libs/components/popovers/testing/src/skyux-popovers-testing.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\n@NgModule({\n  exports: [SkyDropdownModule],\n})\nexport class SkyDropdownTestingModule {}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkyPopoversFixtureDropdown } from './popovers-fixture-dropdown';\nimport { SkyPopoversFixtureDropdownItem } from './popovers-fixture-dropdown-item';\nimport { SkyPopoversFixtureDropdownMenu } from './popovers-fixture-dropdown-menu';\n\n/**\n * Provides information for and interaction with a SKY UX dropdown component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyDropdownFixture {\n  /**\n   * Returns information about the dropdown component.\n   */\n  public get dropdown(): SkyPopoversFixtureDropdown {\n    const button = this.buttonDebugElement;\n\n    if (!button) {\n      return;\n    }\n\n    return {\n      buttonStyle: this.getButtonStyle(button.classes),\n      buttonType: this.getButtonType(button.classes),\n      disabled: button.nativeElement.disabled,\n      label: button.nativeElement.getAttribute('aria-label'),\n      title: button.nativeElement.getAttribute('title'),\n    };\n  }\n\n  /**\n   * Returns the dropdown button's text.\n   */\n  public get dropdownButtonText(): string {\n    return SkyAppTestUtility.getText(this.buttonDebugElement.nativeElement);\n  }\n\n  /**\n   * Returns information about the dropdown menu component.\n   */\n  public get dropdownMenu(): SkyPopoversFixtureDropdownMenu {\n    const menu = this.getDropdownMenuContent();\n    if (!menu) {\n      return;\n    }\n\n    return {\n      ariaLabelledBy: menu.getAttribute('aria-labelledby'),\n      ariaRole: menu.getAttribute('role'),\n    };\n  }\n\n  /**\n   * Indicates if the dropdown menu is open and visible.\n   */\n  public get dropdownMenuIsVisible(): boolean {\n    return this.getDropdownMenuContent() !== undefined;\n  }\n\n  private get buttonDebugElement(): DebugElement {\n    return this.debugEl.query(By.css('.sky-dropdown-button'));\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(private fixture: ComponentFixture<any>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-dropdown'\n    );\n  }\n\n  /**\n   * Click the dropdown button to open or close the dropdown menu.\n   */\n  public async clickDropdownButton(): Promise<any> {\n    this.buttonDebugElement.nativeElement.click();\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Click the dropdown item at the provided index.\n   */\n  public async clickDropdownItem(index: number): Promise<any> {\n    const itemEls = this.getDropdownItemEls();\n    if (index >= itemEls.length) {\n      throw new Error(`There is no dropdown item at index ${index}.`);\n    }\n\n    itemEls[index].querySelector('button,a').click();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Returns information about the dropdown item at the provided index.\n   */\n  public getDropdownItem(index: number): SkyPopoversFixtureDropdownItem {\n    const itemEls = this.getDropdownItemEls();\n    if (index >= itemEls.length) {\n      throw new Error(`There is no dropdown item at index ${index}.`);\n    }\n\n    const item = itemEls[index];\n    if (!item) {\n      return;\n    }\n\n    return {\n      ariaRole: item.getAttribute('role'),\n    };\n  }\n\n  /**\n   * Returns the contents of the dropdown menu.\n   */\n  public getDropdownMenuContent(): any {\n    const overlay = this.getOverlay();\n    if (!overlay) {\n      return;\n    }\n\n    return overlay.querySelector('.sky-dropdown-menu');\n  }\n\n  private getDropdownItemEls(): NodeListOf<any> {\n    const overlay = this.getOverlay();\n\n    if (!overlay) {\n      return;\n    }\n\n    return overlay.querySelectorAll('.sky-dropdown-item');\n  }\n\n  private getOverlay(): HTMLElement {\n    return document.querySelector('sky-overlay');\n  }\n\n  private getButtonStyle(classNames: { [key: string]: boolean }): string {\n    if (classNames['sky-btn-primary']) {\n      return 'primary';\n    }\n    if (classNames['sky-btn-default']) {\n      return 'default';\n    }\n  }\n\n  private getButtonType(classNames: { [key: string]: boolean }): string {\n    const prefix = 'sky-dropdown-button-type-';\n\n    for (let i in classNames) {\n      if (classNames[i]) {\n        if (i.indexOf(prefix) > -1) {\n          return i.replace(prefix, '');\n        }\n      }\n    }\n\n    return undefined;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyPopoverModule } from '@skyux/popovers';\nimport { SkyThemeModule } from '@skyux/theme';\n\n@NgModule({\n  exports: [\n    SkyPopoverModule,\n\n    // The noop animations module needs to be loaded last to avoid\n    // subsequent modules adding animations and overriding this.\n    NoopAnimationsModule,\n  ],\n  imports: [SkyThemeModule],\n})\nexport class SkyPopoverTestingModule {}\n","import { ComponentFixture } from '@angular/core/testing';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Provides information for and interaction with a SKY UX popover component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyPopoverFixture {\n  /**\n   * Returns the popover alignment if the popover is open, otherwise undefined.\n   */\n  public get alignment(): string {\n    return this.getClassSuffixByClassPrefix(\n      this.containerElement,\n      'sky-popover-alignment-'\n    );\n  }\n\n  /**\n   * Returns the popover body element if the popover is open, otherwise undefined.\n   */\n  public get body(): HTMLElement {\n    return this.bodyElement;\n  }\n\n  /**\n   * Returns the popover position if the popover is open, otherwise undefined.\n   */\n  public get placement(): string {\n    return this.getClassSuffixByClassPrefix(\n      this.containerElement,\n      'sky-popover-placement-'\n    );\n  }\n\n  /**\n   * Returns the popover title text if the popover is open, otherwise undefined.\n   */\n  public get popoverTitle(): string {\n    return SkyAppTestUtility.getText(this.titleElement);\n  }\n\n  /**\n   * Indicates if the popover is open and visible.\n   */\n  public get popoverIsVisible(): boolean {\n    return this.contentElement !== undefined;\n  }\n\n  constructor(private fixture: ComponentFixture<any>) {}\n\n  /**\n   * Triggers the blur event for the popover.\n   */\n  public blur(): Promise<any> {\n    // close the popover by changing focus to the body element\n    SkyAppTestUtility.fireDomEvent(window.document.body, 'click');\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  //#region helpers\n  private get contentElement(): HTMLElement {\n    return this.queryOverlay('sky-popover-content');\n  }\n\n  private get containerElement(): HTMLElement {\n    return this.queryOverlay('.sky-popover-container');\n  }\n\n  private get titleElement(): HTMLElement {\n    return this.queryOverlay('.sky-popover-title');\n  }\n\n  private get bodyElement(): HTMLElement {\n    return this.queryOverlay('.sky-popover-body');\n  }\n\n  private getOverlay(): HTMLElement {\n    return document.querySelector('sky-overlay');\n  }\n\n  private queryOverlay(query: string): HTMLElement {\n    const overlay = this.getOverlay();\n\n    return !overlay ? undefined : overlay.querySelector(query);\n  }\n\n  /**\n   * Searches the element's class names for a class which matches a given prefix.\n   * If a match is found, the prefix is trimmed from the class name and the suffix is returned.\n   * If no class matching the prefix is found, undefined is returned.\n   *\n   * Example:\n   *   For a class 'sky-popover-placement-right', passing the prefix 'sky-popover-placement-'\n   *   should return the value 'right'.\n   * @param prefix\n   */\n  private getClassSuffixByClassPrefix(\n    element: HTMLElement,\n    prefix: string\n  ): string {\n    let containerClasses = element?.className.split(' ');\n    let prefixedClass = containerClasses?.find((x) => x.startsWith(prefix));\n\n    return !prefixedClass ? undefined : prefixedClass.slice(prefix.length);\n  }\n  //#endregion\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skyux-popovers-testing.js","sources":["../../../../../libs/components/popovers/testing/src/dropdown/dropdown-testing.module.ts","../../../../../libs/components/popovers/testing/src/dropdown/dropdown-fixture.ts","../../../../../libs/components/popovers/testing/src/popover/popover-testing.module.ts","../../../../../libs/components/popovers/testing/src/popover/popover-fixture.ts","../../../../../libs/components/popovers/testing/src/skyux-popovers-testing.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\nimport { SkyDropdownModule } from '@skyux/popovers';\n\n@NgModule({\n  exports: [SkyDropdownModule],\n})\nexport class SkyDropdownTestingModule {}\n","import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\nimport { SkyPopoversFixtureDropdown } from './popovers-fixture-dropdown';\nimport { SkyPopoversFixtureDropdownItem } from './popovers-fixture-dropdown-item';\nimport { SkyPopoversFixtureDropdownMenu } from './popovers-fixture-dropdown-menu';\n\n/**\n * Provides information for and interaction with a SKY UX dropdown component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyDropdownFixture {\n  /**\n   * Returns information about the dropdown component.\n   */\n  public get dropdown(): SkyPopoversFixtureDropdown | undefined {\n    const button = this.buttonDebugElement;\n\n    if (!button) {\n      return;\n    }\n\n    return {\n      buttonStyle: this.getButtonStyle(button.classes),\n      buttonType: this.getButtonType(button.classes),\n      disabled: button.nativeElement.disabled,\n      label: button.nativeElement.getAttribute('aria-label'),\n      title: button.nativeElement.getAttribute('title'),\n    };\n  }\n\n  /**\n   * Returns the dropdown button's text.\n   */\n  public get dropdownButtonText(): string | undefined {\n    return SkyAppTestUtility.getText(this.buttonDebugElement.nativeElement);\n  }\n\n  /**\n   * Returns information about the dropdown menu component.\n   */\n  public get dropdownMenu(): SkyPopoversFixtureDropdownMenu | undefined {\n    const menu = this.getDropdownMenuContent();\n    if (!menu) {\n      return;\n    }\n\n    return {\n      ariaLabelledBy: menu.getAttribute('aria-labelledby'),\n      ariaRole: menu.getAttribute('role'),\n    };\n  }\n\n  /**\n   * Indicates if the dropdown menu is open and visible.\n   */\n  public get dropdownMenuIsVisible(): boolean {\n    return this.getDropdownMenuContent() !== undefined;\n  }\n\n  private get buttonDebugElement(): DebugElement {\n    return this.debugEl.query(By.css('.sky-dropdown-button'));\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(private fixture: ComponentFixture<unknown>, skyTestId: string) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-dropdown'\n    );\n  }\n\n  /**\n   * Click the dropdown button to open or close the dropdown menu.\n   */\n  public async clickDropdownButton(): Promise<unknown> {\n    this.buttonDebugElement.nativeElement.click();\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Click the dropdown item at the provided index.\n   */\n  public async clickDropdownItem(index: number): Promise<unknown> {\n    const itemEls = this.getDropdownItemEls();\n\n    if (!itemEls) {\n      return;\n    }\n\n    if (index >= itemEls.length) {\n      throw new Error(`There is no dropdown item at index ${index}.`);\n    }\n\n    itemEls[index].querySelector('button,a').click();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Returns information about the dropdown item at the provided index.\n   */\n  public getDropdownItem(\n    index: number\n  ): SkyPopoversFixtureDropdownItem | undefined {\n    const itemEls = this.getDropdownItemEls();\n\n    if (!itemEls) {\n      return;\n    }\n\n    if (index >= itemEls.length) {\n      throw new Error(`There is no dropdown item at index ${index}.`);\n    }\n\n    const item = itemEls[index];\n    if (!item) {\n      return;\n    }\n\n    return {\n      ariaRole: item.getAttribute('role'),\n    };\n  }\n\n  /**\n   * Returns the contents of the dropdown menu.\n   */\n  public getDropdownMenuContent(): any {\n    const overlay = this.getOverlay();\n    if (!overlay) {\n      return;\n    }\n\n    return overlay.querySelector('.sky-dropdown-menu');\n  }\n\n  private getDropdownItemEls(): NodeListOf<any> | undefined {\n    const overlay = this.getOverlay();\n\n    if (!overlay) {\n      return;\n    }\n\n    return overlay.querySelectorAll('.sky-dropdown-item');\n  }\n\n  private getOverlay(): HTMLElement | null {\n    return document.querySelector('sky-overlay');\n  }\n\n  private getButtonStyle(classNames: {\n    [key: string]: boolean;\n  }): string | undefined {\n    if (classNames['sky-btn-primary']) {\n      return 'primary';\n    }\n    if (classNames['sky-btn-default']) {\n      return 'default';\n    }\n  }\n\n  private getButtonType(classNames: {\n    [key: string]: boolean;\n  }): string | undefined {\n    const prefix = 'sky-dropdown-button-type-';\n\n    for (const i in classNames) {\n      if (classNames[i]) {\n        if (i.indexOf(prefix) > -1) {\n          return i.replace(prefix, '');\n        }\n      }\n    }\n\n    return undefined;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { NoopAnimationsModule } from '@angular/platform-browser/animations';\nimport { SkyPopoverModule } from '@skyux/popovers';\nimport { SkyThemeModule } from '@skyux/theme';\n\n@NgModule({\n  exports: [\n    SkyPopoverModule,\n\n    // The noop animations module needs to be loaded last to avoid\n    // subsequent modules adding animations and overriding this.\n    NoopAnimationsModule,\n  ],\n  imports: [SkyThemeModule],\n})\nexport class SkyPopoverTestingModule {}\n","import { ComponentFixture } from '@angular/core/testing';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Provides information for and interaction with a SKY UX popover component.\n * By using the fixture API, a test insulates itself against updates to the internals\n * of a component, such as changing its DOM structure.\n */\nexport class SkyPopoverFixture {\n  /**\n   * Returns the popover alignment if the popover is open, otherwise undefined.\n   */\n  public get alignment(): string | undefined {\n    return this.getClassSuffixByClassPrefix(\n      this.containerElement,\n      'sky-popover-alignment-'\n    );\n  }\n\n  /**\n   * Returns the popover body element if the popover is open, otherwise undefined.\n   */\n  public get body(): HTMLElement | undefined {\n    return this.bodyElement;\n  }\n\n  /**\n   * Returns the popover position if the popover is open, otherwise undefined.\n   */\n  public get placement(): string | undefined {\n    return this.getClassSuffixByClassPrefix(\n      this.containerElement,\n      'sky-popover-placement-'\n    );\n  }\n\n  /**\n   * Returns the popover title text if the popover is open, otherwise undefined.\n   */\n  public get popoverTitle(): string | undefined {\n    return SkyAppTestUtility.getText(this.titleElement);\n  }\n\n  /**\n   * Indicates if the popover is open and visible.\n   */\n  public get popoverIsVisible(): boolean {\n    return this.contentElement !== undefined;\n  }\n\n  constructor(private fixture: ComponentFixture<unknown>) {}\n\n  /**\n   * Triggers the blur event for the popover.\n   */\n  public blur(): Promise<unknown> {\n    // close the popover by changing focus to the body element\n    SkyAppTestUtility.fireDomEvent(window.document.body, 'click');\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  //#region helpers\n  private get contentElement(): HTMLElement | undefined {\n    return this.queryOverlay('sky-popover-content') || undefined;\n  }\n\n  private get containerElement(): HTMLElement | undefined {\n    return this.queryOverlay('.sky-popover-container') || undefined;\n  }\n\n  private get titleElement(): HTMLElement | undefined {\n    return this.queryOverlay('.sky-popover-title') || undefined;\n  }\n\n  private get bodyElement(): HTMLElement | undefined {\n    return this.queryOverlay('.sky-popover-body') || undefined;\n  }\n\n  private getOverlay(): Element | undefined {\n    return document.querySelector('sky-overlay') || undefined;\n  }\n\n  private queryOverlay(query: string): HTMLElement | null {\n    const overlay = this.getOverlay();\n\n    return !overlay ? null : overlay.querySelector(query);\n  }\n\n  /**\n   * Searches the element's class names for a class which matches a given prefix.\n   * If a match is found, the prefix is trimmed from the class name and the suffix is returned.\n   * If no class matching the prefix is found, undefined is returned.\n   *\n   * Example:\n   *   For a class 'sky-popover-placement-right', passing the prefix 'sky-popover-placement-'\n   *   should return the value 'right'.\n   * @param prefix\n   */\n  private getClassSuffixByClassPrefix(\n    element: HTMLElement | undefined,\n    prefix: string\n  ): string | undefined {\n    const containerClasses = element?.className.split(' ');\n    const prefixedClass = containerClasses?.find((x) => x.startsWith(prefix));\n\n    return !prefixedClass ? undefined : prefixedClass.slice(prefix.length);\n  }\n  //#endregion\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;MAMa,wBAAwB;;sHAAxB,wBAAwB;uHAAxB,wBAAwB,YAFzB,iBAAiB;uHAEhB,wBAAwB,YAFzB,iBAAiB;4FAEhB,wBAAwB;kBAHpC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B;;;ACID;;;;;MAKa,kBAAkB;IAuD7B,YAAoB,OAAkC,EAAE,SAAiB;QAArD,YAAO,GAAP,OAAO,CAA2B;QACpD,IAAI,CAAC,OAAO,GAAG,iBAAiB,CAAC,uBAAuB,CACtD,OAAO,EACP,SAAS,EACT,cAAc,CACf,CAAC;KACH;;;;IAzDD,IAAW,QAAQ;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAEvC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,OAAO;YACL,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC;YAChD,UAAU,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC;YAC9C,QAAQ,EAAE,MAAM,CAAC,aAAa,CAAC,QAAQ;YACvC,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;YACtD,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC;SAClD,CAAC;KACH;;;;IAKD,IAAW,kBAAkB;QAC3B,OAAO,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;KACzE;;;;IAKD,IAAW,YAAY;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC3C,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QAED,OAAO;YACL,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,iBAAiB,CAAC;YACpD,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;SACpC,CAAC;KACH;;;;IAKD,IAAW,qBAAqB;QAC9B,OAAO,IAAI,CAAC,sBAAsB,EAAE,KAAK,SAAS,CAAC;KACpD;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAC;KAC3D;;;;IAeY,mBAAmB;;YAC9B,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;YAC9C,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;SAClC;KAAA;;;;IAKY,iBAAiB,CAAC,KAAa;;YAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAE1C,IAAI,CAAC,OAAO,EAAE;gBACZ,OAAO;aACR;YAED,IAAI,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;gBAC3B,MAAM,IAAI,KAAK,CAAC,sCAAsC,KAAK,GAAG,CAAC,CAAC;aACjE;YAED,OAAO,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC;YAEjD,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;SAClC;KAAA;;;;IAKM,eAAe,CACpB,KAAa;QAEb,MAAM,OAAO,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAE1C,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,IAAI,KAAK,IAAI,OAAO,CAAC,MAAM,EAAE;YAC3B,MAAM,IAAI,KAAK,CAAC,sCAAsC,KAAK,GAAG,CAAC,CAAC;SACjE;QAED,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;SACR;QAED,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;SACpC,CAAC;KACH;;;;IAKM,sBAAsB;QAC3B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,OAAO,OAAO,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;KACpD;IAEO,kBAAkB;QACxB,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAElC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,OAAO,OAAO,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;KACvD;IAEO,UAAU;QAChB,OAAO,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;KAC9C;IAEO,cAAc,CAAC,UAEtB;QACC,IAAI,UAAU,CAAC,iBAAiB,CAAC,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;QACD,IAAI,UAAU,CAAC,iBAAiB,CAAC,EAAE;YACjC,OAAO,SAAS,CAAC;SAClB;KACF;IAEO,aAAa,CAAC,UAErB;QACC,MAAM,MAAM,GAAG,2BAA2B,CAAC;QAE3C,KAAK,MAAM,CAAC,IAAI,UAAU,EAAE;YAC1B,IAAI,UAAU,CAAC,CAAC,CAAC,EAAE;gBACjB,IAAI,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE;oBAC1B,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;iBAC9B;aACF;SACF;QAED,OAAO,SAAS,CAAC;KAClB;;;MCxKU,uBAAuB;;qHAAvB,uBAAuB;sHAAvB,uBAAuB,YAFxB,cAAc,aANtB,gBAAgB;;;QAIhB,oBAAoB;sHAIX,uBAAuB,YAFzB,CAAC,cAAc,CAAC,EANvB,gBAAgB;;;QAIhB,oBAAoB;4FAIX,uBAAuB;kBAVnC,QAAQ;mBAAC;oBACR,OAAO,EAAE;wBACP,gBAAgB;;;wBAIhB,oBAAoB;qBACrB;oBACD,OAAO,EAAE,CAAC,cAAc,CAAC;iBAC1B;;;ACXD;;;;;MAKa,iBAAiB;IA0C5B,YAAoB,OAAkC;QAAlC,YAAO,GAAP,OAAO,CAA2B;KAAI;;;;IAtC1D,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,2BAA2B,CACrC,IAAI,CAAC,gBAAgB,EACrB,wBAAwB,CACzB,CAAC;KACH;;;;IAKD,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,WAAW,CAAC;KACzB;;;;IAKD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,2BAA2B,CACrC,IAAI,CAAC,gBAAgB,EACrB,wBAAwB,CACzB,CAAC;KACH;;;;IAKD,IAAW,YAAY;QACrB,OAAO,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KACrD;;;;IAKD,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,cAAc,KAAK,SAAS,CAAC;KAC1C;;;;IAOM,IAAI;;QAET,iBAAiB,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAE9D,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;QAC7B,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;KAClC;;IAGD,IAAY,cAAc;QACxB,OAAO,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,SAAS,CAAC;KAC9D;IAED,IAAY,gBAAgB;QAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC,IAAI,SAAS,CAAC;KACjE;IAED,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,IAAI,SAAS,CAAC;KAC7D;IAED,IAAY,WAAW;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,IAAI,SAAS,CAAC;KAC5D;IAEO,UAAU;QAChB,OAAO,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC;KAC3D;IAEO,YAAY,CAAC,KAAa;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAElC,OAAO,CAAC,OAAO,GAAG,IAAI,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;KACvD;;;;;;;;;;;IAYO,2BAA2B,CACjC,OAAgC,EAChC,MAAc;QAEd,MAAM,gBAAgB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACvD,MAAM,aAAa,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;QAE1E,OAAO,CAAC,aAAa,GAAG,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;KACxE;;;AC5GH;;;;;;"}