@skyux/popovers 5.9.1 → 5.9.4

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

@@ -1 +1 @@
-{"version":3,"file":"popover-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-content.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-content.component.html"],"names":[],"mappings":"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","sourcesContent":["import { AnimationEvent } from '@angular/animations';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  OnDestroy,\n  OnInit,\n  Optional,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport {\n  SkyAffixAutoFitContext,\n  SkyAffixConfig,\n  SkyAffixService,\n  SkyAffixer,\n  SkyCoreAdapterService,\n} from '@skyux/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Observable, Subject, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyPopoverAdapterService } from './popover-adapter.service';\nimport { skyPopoverAnimation } from './popover-animation';\nimport { SkyPopoverAnimationState } from './popover-animation-state';\nimport { SkyPopoverContext } from './popover-context';\nimport {\n  parseAffixHorizontalAlignment,\n  parseAffixPlacement,\n} from './popover-extensions';\nimport { SkyPopoverAlignment } from './types/popover-alignment';\nimport { SkyPopoverPlacement } from './types/popover-placement';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-popover-content',\n  templateUrl: './popover-content.component.html',\n  styleUrls: ['./popover-content.component.scss'],\n  animations: [skyPopoverAnimation],\n  providers: [SkyPopoverAdapterService],\n})\nexport class SkyPopoverContentComponent implements OnInit, OnDestroy {\n  public get animationState(): SkyPopoverAnimationState {\n    return this.isOpen ? 'open' : 'closed';\n  }\n\n  public get closed(): Observable<void> {\n    return this._closed.asObservable();\n  }\n\n  public get opened(): Observable<void> {\n    return this._opened.asObservable();\n  }\n\n  public get isMouseEnter(): Observable<boolean> {\n    return this._isMouseEnter.asObservable();\n  }\n\n  public affixer: SkyAffixer;\n\n  public arrowLeft: number;\n\n  public arrowTop: number;\n\n  public dismissOnBlur = true;\n\n  public enableAnimations = true;\n\n  public horizontalAlignment: SkyPopoverAlignment;\n\n  public isOpen = false;\n\n  public placement: SkyPopoverPlacement;\n\n  public popoverTitle: string;\n\n  public popoverType: 'danger' | 'info' = 'info';\n\n  public themeName: string;\n\n  @ViewChild('arrowRef', {\n    read: ElementRef,\n    static: true,\n  })\n  private arrowRef: ElementRef;\n\n  @ViewChild('popoverRef', {\n    read: ElementRef,\n    static: true,\n  })\n  private popoverRef: ElementRef;\n\n  @ViewChild('contentTarget', {\n    read: ViewContainerRef,\n    static: true,\n  })\n  private contentTarget: ViewContainerRef;\n\n  private caller: ElementRef;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _closed = new Subject<void>();\n\n  private _isMouseEnter = new Subject<boolean>();\n\n  private _opened = new Subject<void>();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    private affixService: SkyAffixService,\n    private coreAdapterService: SkyCoreAdapterService,\n    private adapterService: SkyPopoverAdapterService,\n    @Optional() private context?: SkyPopoverContext,\n    @Optional() private themeSvc?: SkyThemeService\n  ) {}\n\n  public ngOnInit(): void {\n    /*istanbul ignore next*/\n    this.contentTarget.createEmbeddedView(this.context?.contentTemplateRef);\n    this.addEventListeners();\n\n    /*istanbul ignore else*/\n    if (this.themeSvc) {\n      this.themeSvc.settingsChange\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((themeSettings) => {\n          /*istanbul ignore next*/\n          this.themeName = themeSettings.currentSettings?.theme?.name;\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n\n    this._closed.complete();\n    this._isMouseEnter.complete();\n    this._opened.complete();\n\n    /* istanbul ignore else */\n    if (this.affixer) {\n      this.affixer.destroy();\n    }\n\n    this._closed =\n      this._isMouseEnter =\n      this._opened =\n      this.affixer =\n      this.ngUnsubscribe =\n        undefined;\n  }\n\n  public onAnimationEvent(event: AnimationEvent): void {\n    if (event.fromState === 'void') {\n      return;\n    }\n\n    if (event.phaseName === 'done') {\n      if (event.toState === 'open') {\n        /*istanbul ignore next*/\n        this._opened?.next();\n      } else {\n        /*istanbul ignore next*/\n        this._closed?.next();\n      }\n    }\n  }\n\n  public open(\n    caller: ElementRef,\n    config: {\n      dismissOnBlur: boolean;\n      enableAnimations: boolean;\n      horizontalAlignment: SkyPopoverAlignment;\n      isStatic: boolean;\n      placement: SkyPopoverPlacement;\n      popoverTitle: string;\n      popoverType?: 'danger' | 'info';\n    }\n  ): void {\n    this.caller = caller;\n    this.dismissOnBlur = config.dismissOnBlur;\n    this.enableAnimations = config.enableAnimations;\n    this.horizontalAlignment = config.horizontalAlignment;\n    this.placement = config.placement;\n    this.popoverTitle = config.popoverTitle;\n    if (config.popoverType) {\n      this.popoverType = config.popoverType;\n    }\n\n    this.changeDetector.markForCheck();\n\n    // Indicates if the popover should be displayed statically.\n    // Please note: This feature is internal-only and used by the visual tests to capture multiple\n    // states simultaneously without the overhead of event listeners.\n    /* istanbul ignore if */\n    if (config.isStatic) {\n      this.isOpen = true;\n      this.changeDetector.markForCheck();\n      return;\n    }\n\n    // Let the styles render before gauging the affix dimensions.\n    setTimeout(() => {\n      /*istanbul ignore next*/\n      if (\n        !this.popoverRef?.nativeElement ||\n        !this.ngUnsubscribe ||\n        this.ngUnsubscribe.isStopped\n      ) {\n        return;\n      }\n\n      if (!this.affixer) {\n        this.setupAffixer();\n      }\n\n      const affixOptions: SkyAffixConfig = {\n        autoFitContext: SkyAffixAutoFitContext.Viewport,\n        enableAutoFit: true,\n        horizontalAlignment: parseAffixHorizontalAlignment(\n          this.horizontalAlignment\n        ),\n        isSticky: true,\n        placement: parseAffixPlacement(this.placement),\n      };\n\n      // Ensure that we are positioning the vertical alginment correctly. These\n      // are the default alignments for all popovers but ensure that we are future proof here.\n      if (\n        affixOptions.placement === 'left' ||\n        affixOptions.placement === 'right'\n      ) {\n        affixOptions.verticalAlignment = 'middle';\n      } else if (affixOptions.placement === 'above') {\n        affixOptions.verticalAlignment = 'bottom';\n      } else {\n        affixOptions.verticalAlignment = 'top';\n      }\n\n      this.affixer.affixTo(this.caller.nativeElement, affixOptions);\n\n      this.updateArrowOffset();\n\n      this.isOpen = true;\n      this.changeDetector.markForCheck();\n    });\n  }\n\n  public close(): void {\n    this.isOpen = false;\n    this.changeDetector.markForCheck();\n  }\n\n  public applyFocus(): void {\n    if (this.isOpen) {\n      this.coreAdapterService.getFocusableChildrenAndApplyFocus(\n        this.popoverRef,\n        '.sky-popover',\n        true\n      );\n    }\n  }\n\n  private setupAffixer(): void {\n    const affixer = this.affixService.createAffixer(this.popoverRef);\n\n    affixer.offsetChange.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.updateArrowOffset();\n      this.changeDetector.markForCheck();\n    });\n\n    affixer.overflowScroll.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.updateArrowOffset();\n      this.changeDetector.markForCheck();\n    });\n\n    affixer.placementChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((change) => {\n        this.placement = change.placement;\n        this.changeDetector.markForCheck();\n      });\n\n    this.affixer = affixer;\n  }\n\n  private updateArrowOffset(): void {\n    const { top, left } = this.adapterService.getArrowCoordinates(\n      {\n        caller: this.caller,\n        popover: this.popoverRef,\n        popoverArrow: this.arrowRef,\n      },\n      this.placement,\n      this.themeName\n    );\n\n    this.arrowTop = top;\n    this.arrowLeft = left;\n  }\n\n  private isFocusLeavingElement(event: KeyboardEvent): boolean {\n    const focusableItems = this.coreAdapterService.getFocusableChildren(\n      this.elementRef.nativeElement\n    );\n\n    const isFirstItem = focusableItems[0] === event.target && event.shiftKey;\n\n    const isLastItem =\n      focusableItems[focusableItems.length - 1] === event.target &&\n      !event.shiftKey;\n\n    return focusableItems.length === 0 || isFirstItem || isLastItem;\n  }\n\n  private addEventListeners(): void {\n    const hostElement = this.elementRef.nativeElement;\n\n    observableFromEvent(hostElement, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this._isMouseEnter.next(true));\n\n    observableFromEvent(hostElement, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this._isMouseEnter.next(false));\n\n    observableFromEvent(hostElement, 'keydown')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event: KeyboardEvent) => {\n        const key = event.key.toLowerCase();\n\n        /* tslint:disable-next-line:switch-default */\n        switch (key) {\n          case 'escape':\n            this.close();\n            this.caller.nativeElement.focus();\n            event.preventDefault();\n            event.stopPropagation();\n            break;\n\n          // Since the popover now lives in an overlay at the bottom of the document body, we need\n          // to handle the tab key ourselves. Otherwise, focus would be moved to the browser's\n          // search bar.\n          case 'tab':\n            if (!this.dismissOnBlur) {\n              return;\n            }\n\n            /*istanbul ignore else*/\n            if (this.isFocusLeavingElement(event)) {\n              this.close();\n              this.caller.nativeElement.focus();\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            break;\n        }\n      });\n  }\n}\n","<div\n  class=\"sky-popover-container sky-popover-max-height\"\n  [@.disabled]=\"!enableAnimations\"\n  [@skyPopoverAnimation]=\"animationState\"\n  [class.sky-popover-hidden]=\"!placement\"\n  [ngClass]=\"[\n    'sky-popover-alignment-' + horizontalAlignment,\n    'sky-popover-placement-' + placement,\n    'sky-popover-' + popoverType\n  ]\"\n  (@skyPopoverAnimation.done)=\"onAnimationEvent($event)\"\n  (@skyPopoverAnimation.start)=\"onAnimationEvent($event)\"\n  #popoverRef\n>\n  <div\n    class=\"sky-popover\"\n    tabindex=\"-1\"\n    [skyThemeClass]=\"{\n      'sky-rounded-corners sky-shadow': 'default',\n      'sky-elevation-4': 'modern'\n    }\"\n  >\n    <header\n      *ngIf=\"popoverTitle\"\n      class=\"sky-popover-header\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-default': 'default',\n        'sky-padding-even-lg sky-margin-stacked-lg': 'modern'\n      }\"\n    >\n      <h1\n        *ngIf=\"popoverTitle\"\n        class=\"sky-popover-title\"\n        [skyThemeClass]=\"{\n          'sky-emphasized': 'default',\n          'sky-font-emphasized': 'modern'\n        }\"\n      >\n        {{ popoverTitle }}\n      </h1>\n    </header>\n    <div\n      class=\"sky-popover-body\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-default': 'default',\n        'sky-padding-even-lg': 'modern'\n      }\"\n    >\n      <ng-container #contentTarget></ng-container>\n    </div>\n    <span\n      aria-hidden=\"true\"\n      class=\"sky-popover-arrow\"\n      [style.left.px]=\"arrowLeft\"\n      [style.top.px]=\"arrowTop\"\n      #arrowRef\n    ></span>\n  </div>\n</div>\n"]}
+{"version":3,"file":"popover-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-content.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-content.component.html"],"names":[],"mappings":"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","sourcesContent":["import { AnimationEvent } from '@angular/animations';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  OnDestroy,\n  OnInit,\n  Optional,\n  ViewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport {\n  SkyAffixAutoFitContext,\n  SkyAffixConfig,\n  SkyAffixService,\n  SkyAffixer,\n  SkyCoreAdapterService,\n} from '@skyux/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Observable, Subject, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyPopoverAdapterService } from './popover-adapter.service';\nimport { skyPopoverAnimation } from './popover-animation';\nimport { SkyPopoverAnimationState } from './popover-animation-state';\nimport { SkyPopoverContext } from './popover-context';\nimport {\n  parseAffixHorizontalAlignment,\n  parseAffixPlacement,\n} from './popover-extensions';\nimport { SkyPopoverAlignment } from './types/popover-alignment';\nimport { SkyPopoverPlacement } from './types/popover-placement';\nimport { SkyPopoverType } from './types/popover-type';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-popover-content',\n  templateUrl: './popover-content.component.html',\n  styleUrls: ['./popover-content.component.scss'],\n  animations: [skyPopoverAnimation],\n  providers: [SkyPopoverAdapterService],\n})\nexport class SkyPopoverContentComponent implements OnInit, OnDestroy {\n  public get animationState(): SkyPopoverAnimationState {\n    return this.isOpen ? 'open' : 'closed';\n  }\n\n  public get closed(): Observable<void> {\n    return this._closed.asObservable();\n  }\n\n  public get opened(): Observable<void> {\n    return this._opened.asObservable();\n  }\n\n  public get isMouseEnter(): Observable<boolean> {\n    return this._isMouseEnter.asObservable();\n  }\n\n  public affixer: SkyAffixer | undefined;\n\n  public arrowLeft: number | undefined;\n\n  public arrowTop: number | undefined;\n\n  public dismissOnBlur = true;\n\n  public enableAnimations = true;\n\n  public horizontalAlignment!: SkyPopoverAlignment;\n\n  public isOpen = false;\n\n  public placement: SkyPopoverPlacement | null = null;\n\n  public popoverTitle: string | undefined;\n\n  public popoverType!: SkyPopoverType;\n\n  public themeName: string | undefined;\n\n  @ViewChild('arrowRef', {\n    read: ElementRef,\n    static: true,\n  })\n  private arrowRef!: ElementRef;\n\n  @ViewChild('popoverRef', {\n    read: ElementRef,\n    static: true,\n  })\n  private popoverRef!: ElementRef;\n\n  @ViewChild('contentTarget', {\n    read: ViewContainerRef,\n    static: true,\n  })\n  private contentTarget!: ViewContainerRef;\n\n  private caller!: ElementRef;\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private _closed = new Subject<void>();\n\n  private _isMouseEnter = new Subject<boolean>();\n\n  private _opened = new Subject<void>();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    private affixService: SkyAffixService,\n    private coreAdapterService: SkyCoreAdapterService,\n    private adapterService: SkyPopoverAdapterService,\n    private context: SkyPopoverContext,\n    @Optional() private themeSvc?: SkyThemeService\n  ) {}\n\n  public ngOnInit(): void {\n    this.contentTarget.createEmbeddedView(this.context.contentTemplateRef);\n    this.addEventListeners();\n\n    /*istanbul ignore else*/\n    if (this.themeSvc) {\n      this.themeSvc.settingsChange\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((themeSettings) => {\n          /*istanbul ignore next*/\n          this.themeName = themeSettings.currentSettings?.theme?.name;\n        });\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n\n    this._closed.complete();\n    this._isMouseEnter.complete();\n    this._opened.complete();\n\n    /* istanbul ignore else */\n    if (this.affixer) {\n      this.affixer.destroy();\n      this.affixer = undefined;\n    }\n  }\n\n  public onAnimationEvent(event: AnimationEvent): void {\n    if (event.fromState === 'void') {\n      return;\n    }\n\n    if (event.phaseName === 'done') {\n      if (event.toState === 'open') {\n        this._opened.next();\n      } else {\n        this._closed.next();\n      }\n    }\n  }\n\n  public open(\n    caller: ElementRef,\n    config: {\n      dismissOnBlur: boolean;\n      enableAnimations: boolean;\n      horizontalAlignment: SkyPopoverAlignment;\n      isStatic: boolean;\n      placement: SkyPopoverPlacement;\n      popoverTitle?: string;\n      popoverType: SkyPopoverType;\n    }\n  ): void {\n    this.caller = caller;\n    this.dismissOnBlur = config.dismissOnBlur;\n    this.enableAnimations = config.enableAnimations;\n    this.horizontalAlignment = config.horizontalAlignment;\n    this.placement = config.placement;\n    this.popoverTitle = config.popoverTitle;\n    this.popoverType = config.popoverType;\n\n    this.changeDetector.markForCheck();\n\n    // Indicates if the popover should be displayed statically.\n    // Please note: This feature is internal-only and used by the visual tests to capture multiple\n    // states simultaneously without the overhead of event listeners.\n    /* istanbul ignore if */\n    if (config.isStatic) {\n      this.isOpen = true;\n      this.changeDetector.markForCheck();\n      return;\n    }\n\n    // Let the styles render before gauging the affix dimensions.\n    setTimeout(() => {\n      if (!this.popoverRef.nativeElement || this.ngUnsubscribe.isStopped) {\n        return;\n      }\n\n      if (!this.affixer) {\n        this.setupAffixer();\n      }\n\n      const affixOptions: SkyAffixConfig = {\n        autoFitContext: SkyAffixAutoFitContext.Viewport,\n        enableAutoFit: true,\n        horizontalAlignment: parseAffixHorizontalAlignment(\n          this.horizontalAlignment\n        ),\n        isSticky: true,\n        placement: parseAffixPlacement(this.placement as SkyPopoverPlacement),\n      };\n\n      // Ensure vertical alignment is set according to the popover's placement value.\n      if (\n        affixOptions.placement === 'left' ||\n        affixOptions.placement === 'right'\n      ) {\n        affixOptions.verticalAlignment = 'middle';\n      }\n\n      this.affixer!.affixTo(this.caller.nativeElement, affixOptions);\n\n      this.updateArrowOffset();\n\n      this.isOpen = true;\n      this.changeDetector.markForCheck();\n    });\n  }\n\n  public close(): void {\n    this.isOpen = false;\n    this.changeDetector.markForCheck();\n  }\n\n  public applyFocus(): void {\n    if (this.isOpen) {\n      this.coreAdapterService.getFocusableChildrenAndApplyFocus(\n        this.popoverRef,\n        '.sky-popover',\n        true\n      );\n    }\n  }\n\n  private setupAffixer(): void {\n    const affixer = this.affixService.createAffixer(this.popoverRef);\n\n    affixer.offsetChange.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.updateArrowOffset();\n      this.changeDetector.markForCheck();\n    });\n\n    affixer.overflowScroll.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.updateArrowOffset();\n      this.changeDetector.markForCheck();\n    });\n\n    affixer.placementChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((change) => {\n        this.placement = change.placement;\n        this.changeDetector.markForCheck();\n      });\n\n    this.affixer = affixer;\n  }\n\n  private updateArrowOffset(): void {\n    if (this.placement) {\n      const { top, left } = this.adapterService.getArrowCoordinates(\n        {\n          caller: this.caller,\n          popover: this.popoverRef,\n          popoverArrow: this.arrowRef,\n        },\n        this.placement,\n        this.themeName\n      );\n\n      this.arrowTop = top;\n      this.arrowLeft = left;\n    }\n  }\n\n  private isFocusLeavingElement(event: KeyboardEvent): boolean {\n    const focusableItems = this.coreAdapterService.getFocusableChildren(\n      this.elementRef.nativeElement\n    );\n\n    const isFirstItem = focusableItems[0] === event.target && event.shiftKey;\n\n    const isLastItem =\n      focusableItems[focusableItems.length - 1] === event.target &&\n      !event.shiftKey;\n\n    return focusableItems.length === 0 || isFirstItem || isLastItem;\n  }\n\n  private addEventListeners(): void {\n    const hostElement = this.elementRef.nativeElement;\n\n    observableFromEvent(hostElement, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this._isMouseEnter.next(true));\n\n    observableFromEvent(hostElement, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this._isMouseEnter.next(false));\n\n    observableFromEvent<KeyboardEvent>(hostElement, 'keydown')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event) => {\n        const key = event.key.toLowerCase();\n\n        /* tslint:disable-next-line:switch-default */\n        switch (key) {\n          case 'escape':\n            this.close();\n            this.caller.nativeElement.focus();\n            event.preventDefault();\n            event.stopPropagation();\n            break;\n\n          // Since the popover now lives in an overlay at the bottom of the document body, we need\n          // to handle the tab key ourselves. Otherwise, focus would be moved to the browser's\n          // search bar.\n          case 'tab':\n            if (!this.dismissOnBlur) {\n              return;\n            }\n\n            /*istanbul ignore else*/\n            if (this.isFocusLeavingElement(event)) {\n              this.close();\n              this.caller.nativeElement.focus();\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            break;\n        }\n      });\n  }\n}\n","<div\n  class=\"sky-popover-container sky-popover-max-height\"\n  [@.disabled]=\"!enableAnimations\"\n  [@skyPopoverAnimation]=\"animationState\"\n  [class.sky-popover-hidden]=\"!placement\"\n  [ngClass]=\"[\n    'sky-popover-alignment-' + horizontalAlignment,\n    'sky-popover-placement-' + placement,\n    'sky-popover-' + popoverType\n  ]\"\n  (@skyPopoverAnimation.done)=\"onAnimationEvent($event)\"\n  (@skyPopoverAnimation.start)=\"onAnimationEvent($event)\"\n  #popoverRef\n>\n  <div\n    class=\"sky-popover\"\n    tabindex=\"-1\"\n    [skyThemeClass]=\"{\n      'sky-rounded-corners sky-shadow': 'default',\n      'sky-elevation-4': 'modern'\n    }\"\n  >\n    <header\n      *ngIf=\"popoverTitle\"\n      class=\"sky-popover-header\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-default': 'default',\n        'sky-padding-even-lg sky-margin-stacked-lg': 'modern'\n      }\"\n    >\n      <h1\n        *ngIf=\"popoverTitle\"\n        class=\"sky-popover-title\"\n        [skyThemeClass]=\"{\n          'sky-emphasized': 'default',\n          'sky-font-emphasized': 'modern'\n        }\"\n      >\n        {{ popoverTitle }}\n      </h1>\n    </header>\n    <div\n      class=\"sky-popover-body\"\n      [skyThemeClass]=\"{\n        'sky-padding-even-default': 'default',\n        'sky-padding-even-lg': 'modern'\n      }\"\n    >\n      <ng-container #contentTarget></ng-container>\n    </div>\n    <span\n      aria-hidden=\"true\"\n      class=\"sky-popover-arrow\"\n      [style.left.px]=\"arrowLeft\"\n      [style.top.px]=\"arrowTop\"\n      #arrowRef\n    ></span>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/popover/popover-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-context.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-context.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,OAAO,iBAAiB;IAG5B,YAAY,IAA8C;QACxD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC;IACpD,CAAC;CACF","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @dynamic\n * @internal\n */\nexport class SkyPopoverContext {\n  public readonly contentTemplateRef: TemplateRef<any>;\n\n  constructor(args: { contentTemplateRef: TemplateRef<any> }) {\n    this.contentTemplateRef = args.contentTemplateRef;\n  }\n}\n"]}
+{"version":3,"file":"popover-context.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/popover/popover-context.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,OAAO,iBAAiB;IAG5B,YAAY,IAAkD;QAC5D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC;IACpD,CAAC;CACF","sourcesContent":["import { TemplateRef } from '@angular/core';\n\n/**\n * @dynamic\n * @internal\n */\nexport class SkyPopoverContext {\n  public readonly contentTemplateRef: TemplateRef<unknown>;\n\n  constructor(args: { contentTemplateRef: TemplateRef<unknown> }) {\n    this.contentTemplateRef = args.contentTemplateRef;\n  }\n}\n"]}

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

@@ -34,8 +34,7 @@ export class SkyPopoverComponent {
     }
     /**
      * Specifies the horizontal alignment of the popover in relation to the trigger element.
-     * The `skyPopoverAlignment` property on the popover directive overwrites this property.
-     * Options include:`"center"`, `"right"`, and `'"left"`.
+     * The `skyPopoverAlignment` property on the popover directive takes precedence over this property when specified.
      * @default "center"
      */
     set alignment(value) {
@@ -60,8 +59,7 @@ export class SkyPopoverComponent {
     }
     /**
      * Specifies the placement of the popover in relation to the trigger element.
-     * The `skyPopoverPlacement` property on the popover directive overwrites this property.
-     * Options include:`"above"`, `"below"`, `"right"`, and `"left"`.
+     * The `skyPopoverPlacement` property on the popover directive takes precedence over this property when specified.
      * @default "above"
      */
     set placement(value) {
@@ -70,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;
@@ -151,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';\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 overwrites this property.\n   * Options include:`\"center\"`, `\"right\"`, and `'\"left\"`.\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 overwrites this property.\n   * Options include:`\"above\"`, `\"below\"`, `\"right\"`, and `\"left\"`.\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   * Options include `\"info\"` and `\"danger\"`.\n   * @default \"info\"\n   */\n  @Input()\n  public popoverType: 'danger' | 'info';\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<any>;\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

@@ -1,3 +1,5 @@
+var _SkyPopoverDirective_messageStreamSub;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { Directive, ElementRef, Input } from '@angular/core';
 import { Subject, fromEvent as observableFromEvent } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -7,11 +9,20 @@ import * as i0 from "@angular/core";
 export class SkyPopoverDirective {
     constructor(elementRef) {
         this.elementRef = elementRef;
-        /**
-         * Provides an observable to send commands to the popover that respect the `SkyPopoverMessage` type.
-         */
-        this.skyPopoverMessageStream = new Subject();
+        this._skyPopoverMessageStream = new Subject();
+        _SkyPopoverDirective_messageStreamSub.set(this, void 0);
         this.ngUnsubscribe = new Subject();
+        this.subscribeMessageStream();
+    }
+    /**
+     * Provides an RxJS `Subject` to send commands to the popover that respect the `SkyPopoverMessage` type.
+     */
+    set skyPopoverMessageStream(value) {
+        this._skyPopoverMessageStream = value !== null && value !== void 0 ? value : new Subject();
+        this.subscribeMessageStream();
+    }
+    get skyPopoverMessageStream() {
+        return this._skyPopoverMessageStream;
     }
     /**
      * Specifies the user action that displays the popover.
@@ -27,6 +38,7 @@ export class SkyPopoverDirective {
     }
     ngOnDestroy() {
         this.removeEventListeners();
+        this.unsubscribeMessageStream();
     }
     togglePopover() {
         if (this.skyPopover.isActive) {
@@ -51,11 +63,6 @@ export class SkyPopoverDirective {
     }
     addEventListeners() {
         const element = this.elementRef.nativeElement;
-        this.skyPopoverMessageStream
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((message) => {
-            this.handleIncomingMessages(message);
-        });
         observableFromEvent(element, 'keydown')
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((event) => {
@@ -126,7 +133,6 @@ export class SkyPopoverDirective {
     removeEventListeners() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
-        this.ngUnsubscribe = undefined;
     }
     handleIncomingMessages(message) {
         /* tslint:disable-next-line:switch-default */
@@ -154,7 +160,20 @@ export class SkyPopoverDirective {
     sendMessage(messageType) {
         this.skyPopoverMessageStream.next({ type: messageType });
     }
+    subscribeMessageStream() {
+        this.unsubscribeMessageStream();
+        __classPrivateFieldSet(this, _SkyPopoverDirective_messageStreamSub, this.skyPopoverMessageStream.subscribe((message) => {
+            this.handleIncomingMessages(message);
+        }), "f");
+    }
+    unsubscribeMessageStream() {
+        if (__classPrivateFieldGet(this, _SkyPopoverDirective_messageStreamSub, "f")) {
+            __classPrivateFieldGet(this, _SkyPopoverDirective_messageStreamSub, "f").unsubscribe();
+            __classPrivateFieldSet(this, _SkyPopoverDirective_messageStreamSub, undefined, "f");
+        }
+    }
 }
+_SkyPopoverDirective_messageStreamSub = new WeakMap();
 SkyPopoverDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 SkyPopoverDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyPopoverDirective, selector: "[skyPopover]", inputs: { skyPopover: "skyPopover", skyPopoverAlignment: "skyPopoverAlignment", skyPopoverMessageStream: "skyPopoverMessageStream", skyPopoverPlacement: "skyPopoverPlacement", skyPopoverTrigger: "skyPopoverTrigger" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverDirective, decorators: [{

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, 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   * Options include:`\"center\"`, `\"right\"`, and `\"left\"`.\n   * @default \"center\"\n   */\n  @Input()\n  public skyPopoverAlignment: SkyPopoverAlignment;\n\n  /**\n   * Provides an observable to send commands to the popover that respect the `SkyPopoverMessage` type.\n   */\n  @Input()\n  public skyPopoverMessageStream = new Subject<SkyPopoverMessage>();\n\n  /**\n   * Specifies the placement of the popover in relation to the trigger element.\n   * Options include:`\"above\"`, `\"below\"`, `\"right\"`, and `\"left\"`.\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\n  public ngOnInit(): void {\n    this.addEventListeners();\n  }\n\n  public ngOnDestroy(): void {\n    this.removeEventListeners();\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    this.skyPopoverMessageStream\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((message) => {\n        this.handleIncomingMessages(message);\n      });\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"]}
+{"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/lib/modules/popover/types/popover-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=popover-type.js.map

package/esm2015/lib/modules/popover/types/popover-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/popovers/src/lib/modules/popover/types/popover-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * The style type of the popover.\n */\nexport type SkyPopoverType = 'danger' | 'info';\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);
     }
 }