@skyux/popovers 5.9.1 → 5.9.4

package/esm2015/index.js

@@ -11,6 +11,7 @@ export * from './lib/modules/popover/types/popover-message-type';
 export * from './lib/modules/popover/types/popover-placement';
 export * from './lib/modules/popover/types/popover-position';
 export * from './lib/modules/popover/types/popover-trigger';
+export * from './lib/modules/popover/types/popover-type';
 // Components and directives must be exported to support Angular's "partial" Ivy compiler.
 // Obscure names are used to indicate types are not part of the public API.
 export { SkyDropdownItemComponent as λ1 } from './lib/modules/dropdown/dropdown-item.component';

package/esm2015/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/popovers/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC;AAC3E,cAAc,mDAAmD,CAAC;AAClE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wCAAwC,CAAC;AAEvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,kDAAkD,CAAC;AACjE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAE5D,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,0BAA0B,IAAI,EAAE,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,oBAAoB,IAAI,EAAE,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,0BAA0B,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AACnG,OAAO,EAAE,mBAAmB,IAAI,EAAE,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,mBAAmB,IAAI,EAAE,EAAE,MAAM,yCAAyC,CAAC","sourcesContent":["export * from './lib/modules/dropdown/types/dropdown-horizontal-alignment';\nexport * from './lib/modules/dropdown/types/dropdown-menu-change';\nexport * from './lib/modules/dropdown/types/dropdown-message';\nexport * from './lib/modules/dropdown/types/dropdown-message-type';\nexport * from './lib/modules/dropdown/types/dropdown-trigger-type';\nexport * from './lib/modules/dropdown/dropdown.module';\n\nexport * from './lib/modules/popover/popover.module';\nexport * from './lib/modules/popover/types/popover-alignment';\nexport * from './lib/modules/popover/types/popover-message';\nexport * from './lib/modules/popover/types/popover-message-type';\nexport * from './lib/modules/popover/types/popover-placement';\nexport * from './lib/modules/popover/types/popover-position';\nexport * from './lib/modules/popover/types/popover-trigger';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyDropdownItemComponent as λ1 } from './lib/modules/dropdown/dropdown-item.component';\nexport { SkyDropdownButtonComponent as λ2 } from './lib/modules/dropdown/dropdown-button.component';\nexport { SkyDropdownComponent as λ3 } from './lib/modules/dropdown/dropdown.component';\nexport { SkyDropdownMenuComponent as λ4 } from './lib/modules/dropdown/dropdown-menu.component';\nexport { SkyPopoverContentComponent as λ5 } from './lib/modules/popover/popover-content.component';\nexport { SkyPopoverComponent as λ6 } from './lib/modules/popover/popover.component';\nexport { SkyPopoverDirective as λ7 } from './lib/modules/popover/popover.directive';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/popovers/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4DAA4D,CAAC;AAC3E,cAAc,mDAAmD,CAAC;AAClE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,oDAAoD,CAAC;AACnE,cAAc,oDAAoD,CAAC;AACnE,cAAc,wCAAwC,CAAC;AAEvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,kDAAkD,CAAC;AACjE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,0CAA0C,CAAC;AAEzD,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,0BAA0B,IAAI,EAAE,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,oBAAoB,IAAI,EAAE,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,wBAAwB,IAAI,EAAE,EAAE,MAAM,gDAAgD,CAAC;AAChG,OAAO,EAAE,0BAA0B,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC;AACnG,OAAO,EAAE,mBAAmB,IAAI,EAAE,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,mBAAmB,IAAI,EAAE,EAAE,MAAM,yCAAyC,CAAC","sourcesContent":["export * from './lib/modules/dropdown/types/dropdown-horizontal-alignment';\nexport * from './lib/modules/dropdown/types/dropdown-menu-change';\nexport * from './lib/modules/dropdown/types/dropdown-message';\nexport * from './lib/modules/dropdown/types/dropdown-message-type';\nexport * from './lib/modules/dropdown/types/dropdown-trigger-type';\nexport * from './lib/modules/dropdown/dropdown.module';\n\nexport * from './lib/modules/popover/popover.module';\nexport * from './lib/modules/popover/types/popover-alignment';\nexport * from './lib/modules/popover/types/popover-message';\nexport * from './lib/modules/popover/types/popover-message-type';\nexport * from './lib/modules/popover/types/popover-placement';\nexport * from './lib/modules/popover/types/popover-position';\nexport * from './lib/modules/popover/types/popover-trigger';\nexport * from './lib/modules/popover/types/popover-type';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyDropdownItemComponent as λ1 } from './lib/modules/dropdown/dropdown-item.component';\nexport { SkyDropdownButtonComponent as λ2 } from './lib/modules/dropdown/dropdown-button.component';\nexport { SkyDropdownComponent as λ3 } from './lib/modules/dropdown/dropdown.component';\nexport { SkyDropdownMenuComponent as λ4 } from './lib/modules/dropdown/dropdown-menu.component';\nexport { SkyPopoverContentComponent as λ5 } from './lib/modules/popover/popover-content.component';\nexport { SkyPopoverComponent as λ6 } from './lib/modules/popover/popover.component';\nexport { SkyPopoverDirective as λ7 } from './lib/modules/popover/popover.directive';\n"]}

package/esm2015/lib/modules/dropdown/dropdown-item.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown-item.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,KAAK,EACL,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;;;AAEvB;;GAEG;AAQH,MAAM,OAAO,wBAAwB;IA4BnC,YACS,UAAsB,EACrB,cAAiC,EACjC,QAAmB;QAFpB,eAAU,GAAV,UAAU,CAAY;QACrB,mBAAc,GAAd,cAAc,CAAmB;QACjC,aAAQ,GAAR,QAAQ,CAAW;QATtB,aAAQ,GAAG,KAAK,CAAC;QAEjB,eAAU,GAAG,KAAK,CAAC;IAQvB,CAAC;IA/BJ;;;;;;;OAOG;IACH,IACW,QAAQ,CAAC,KAAa;QAC/B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC;IACtC,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACjE,CAAC;IAcM,eAAe;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAEtC,0CAA0C;QAC1C,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QACzC,0BAA0B;QAC1B,IAAI,aAAa,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;SAC5D;QAED,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;IAEM,YAAY,CAAC,iBAA0B;QAC5C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,iBAAiB,EAAE;YACrB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SAC5B;QAED,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;IAEM,WAAW;QAChB,mCAAmC;QACnC,MAAM,WAAW,GACf,IAAI,CAAC,aAAa;YAClB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QACvD,kBAAkB;QAClB,OAAO,WAAW,CAAC;IACrB,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;;sHArEU,wBAAwB;0GAAxB,wBAAwB,2FCrBrC,6NAUA;4FDWa,wBAAwB;kBAPpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,WAAW,EAAE,gCAAgC;oBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;yJAWY,QAAQ;sBADlB,KAAK","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  Renderer2,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Specifies the items to display on the dropdown menu.\n */\n@Component({\n  selector: 'sky-dropdown-item',\n  templateUrl: './dropdown-item.component.html',\n  styleUrls: ['./dropdown-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyDropdownItemComponent implements AfterViewInit {\n  /**\n   * Specifies an ARIA role for the dropdown menu item\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n   * by indicating how the item functions and what it controls. For information about\n   * how an ARIA role indicates what an item represents on a web page, see the\n   * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).\n   * @default \"menuitem\"\n   */\n  @Input()\n  public set ariaRole(value: string) {\n    this._ariaRole = value;\n  }\n\n  public get ariaRole(): string {\n    return this._ariaRole || 'menuitem';\n  }\n\n  public get buttonElement(): HTMLButtonElement {\n    return this.elementRef.nativeElement.querySelector('button,a');\n  }\n\n  public isActive = false;\n\n  public isDisabled = false;\n\n  private _ariaRole: string;\n\n  public constructor(\n    public elementRef: ElementRef,\n    private changeDetector: ChangeDetectorRef,\n    private renderer: Renderer2\n  ) {}\n\n  public ngAfterViewInit(): void {\n    this.isDisabled = !this.isFocusable();\n\n    // Make sure anchor elements are tab-able.\n    const buttonElement = this.buttonElement;\n    /* istanbul ignore else */\n    if (buttonElement) {\n      this.renderer.setAttribute(buttonElement, 'tabIndex', '0');\n    }\n\n    this.changeDetector.detectChanges();\n  }\n\n  public focusElement(enableNativeFocus: boolean): void {\n    this.isActive = true;\n\n    if (enableNativeFocus) {\n      this.buttonElement.focus();\n    }\n\n    this.changeDetector.detectChanges();\n  }\n\n  public isFocusable(): boolean {\n    /*tslint:disable no-null-keyword */\n    const isFocusable =\n      this.buttonElement &&\n      this.buttonElement.getAttribute('disabled') === null;\n    /*tslint:enable */\n    return isFocusable;\n  }\n\n  public resetState(): void {\n    this.isActive = false;\n    this.changeDetector.markForCheck();\n  }\n}\n","<div\n  class=\"sky-dropdown-item\"\n  [attr.role]=\"ariaRole\"\n  [ngClass]=\"{\n    'sky-dropdown-item-active': isActive,\n    'sky-dropdown-item-disabled': isDisabled\n  }\"\n>\n  <ng-content> </ng-content>\n</div>\n"]}
+{"version":3,"file":"dropdown-item.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown-item.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown-item.component.html"],"names":[],"mappings":"AAAA,OAAO,EAEL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,UAAU,EACV,KAAK,EACL,SAAS,EACT,iBAAiB,GAClB,MAAM,eAAe,CAAC;;;AAEvB;;GAEG;AAQH,MAAM,OAAO,wBAAwB;IA4BnC,YACS,UAAsB,EACrB,cAAiC,EACjC,QAAmB;QAFpB,eAAU,GAAV,UAAU,CAAY;QACrB,mBAAc,GAAd,cAAc,CAAmB;QACjC,aAAQ,GAAR,QAAQ,CAAW;QATtB,aAAQ,GAAG,KAAK,CAAC;QAEjB,eAAU,GAAG,KAAK,CAAC;IAQvB,CAAC;IA/BJ;;;;;;;OAOG;IACH,IACW,QAAQ,CAAC,KAAyB;QAC3C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,IAAI,UAAU,CAAC;IACtC,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACjE,CAAC;IAcM,eAAe;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAEtC,0CAA0C;QAC1C,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QACzC,0BAA0B;QAC1B,IAAI,aAAa,EAAE;YACjB,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,EAAE,GAAG,CAAC,CAAC;SAC5D;QAED,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;IAEM,YAAY,CAAC,iBAA0B;QAC5C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,iBAAiB,EAAE;YACrB,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;SAC5B;QAED,IAAI,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC;IACtC,CAAC;IAEM,WAAW;QAChB,mCAAmC;QACnC,MAAM,WAAW,GACf,IAAI,CAAC,aAAa;YAClB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QACvD,kBAAkB;QAClB,OAAO,WAAW,CAAC;IACrB,CAAC;IAEM,UAAU;QACf,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;IACrC,CAAC;;sHArEU,wBAAwB;0GAAxB,wBAAwB,2FCrBrC,6NAUA;4FDWa,wBAAwB;kBAPpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,WAAW,EAAE,gCAAgC;oBAC7C,SAAS,EAAE,CAAC,gCAAgC,CAAC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;iBACtC;yJAWY,QAAQ;sBADlB,KAAK","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  Renderer2,\n  ViewEncapsulation,\n} from '@angular/core';\n\n/**\n * Specifies the items to display on the dropdown menu.\n */\n@Component({\n  selector: 'sky-dropdown-item',\n  templateUrl: './dropdown-item.component.html',\n  styleUrls: ['./dropdown-item.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyDropdownItemComponent implements AfterViewInit {\n  /**\n   * Specifies an ARIA role for the dropdown menu item\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n   * by indicating how the item functions and what it controls. For information about\n   * how an ARIA role indicates what an item represents on a web page, see the\n   * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).\n   * @default \"menuitem\"\n   */\n  @Input()\n  public set ariaRole(value: string | undefined) {\n    this._ariaRole = value;\n  }\n\n  public get ariaRole(): string {\n    return this._ariaRole || 'menuitem';\n  }\n\n  public get buttonElement(): HTMLButtonElement {\n    return this.elementRef.nativeElement.querySelector('button,a');\n  }\n\n  public isActive = false;\n\n  public isDisabled = false;\n\n  private _ariaRole: string | undefined;\n\n  public constructor(\n    public elementRef: ElementRef,\n    private changeDetector: ChangeDetectorRef,\n    private renderer: Renderer2\n  ) {}\n\n  public ngAfterViewInit(): void {\n    this.isDisabled = !this.isFocusable();\n\n    // Make sure anchor elements are tab-able.\n    const buttonElement = this.buttonElement;\n    /* istanbul ignore else */\n    if (buttonElement) {\n      this.renderer.setAttribute(buttonElement, 'tabIndex', '0');\n    }\n\n    this.changeDetector.detectChanges();\n  }\n\n  public focusElement(enableNativeFocus: boolean): void {\n    this.isActive = true;\n\n    if (enableNativeFocus) {\n      this.buttonElement.focus();\n    }\n\n    this.changeDetector.detectChanges();\n  }\n\n  public isFocusable(): boolean {\n    /*tslint:disable no-null-keyword */\n    const isFocusable =\n      this.buttonElement &&\n      this.buttonElement.getAttribute('disabled') === null;\n    /*tslint:enable */\n    return isFocusable;\n  }\n\n  public resetState(): void {\n    this.isActive = false;\n    this.changeDetector.markForCheck();\n  }\n}\n","<div\n  class=\"sky-dropdown-item\"\n  [attr.role]=\"ariaRole\"\n  [ngClass]=\"{\n    'sky-dropdown-item-active': isActive,\n    'sky-dropdown-item-disabled': isDisabled\n  }\"\n>\n  <ng-content> </ng-content>\n</div>\n"]}

package/esm2015/lib/modules/dropdown/dropdown-menu.component.js

@@ -129,7 +129,6 @@ export class SkyDropdownMenuComponent {
     ngOnDestroy() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
-        this.ngUnsubscribe = undefined;
     }
     focusFirstItem() {
         if (!this.hasFocusableItems) {
@@ -201,9 +200,7 @@ export class SkyDropdownMenuComponent {
         });
     }
     getItemByIndex(index) {
-        return this.menuItems.find((item, i) => {
-            return i === index;
-        });
+        return this.menuItems.find((_, i) => i === index);
     }
     selectItemByEventTarget(target) {
         const selectedItem = this.menuItems.find((item, i) => {

package/esm2015/lib/modules/dropdown/dropdown-menu.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown-menu.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown-menu.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Optional,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { Subject, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDropdownItemComponent } from './dropdown-item.component';\nimport { SkyDropdownComponent } from './dropdown.component';\nimport { SkyDropdownMenuChange } from './types/dropdown-menu-change';\nimport { SkyDropdownMessage } from './types/dropdown-message';\nimport { SkyDropdownMessageType } from './types/dropdown-message-type';\n\nlet nextId = 0;\n/**\n * Creates a menu that contains dropdown menu items.\n *\n */\n@Component({\n  selector: 'sky-dropdown-menu',\n  templateUrl: './dropdown-menu.component.html',\n  styleUrls: ['./dropdown-menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyDropdownMenuComponent implements AfterContentInit, OnDestroy {\n  /**\n   * Specifies the HTML element ID (without the leading `#`) of the element that labels\n   * the dropdown menu. This sets the dropdown menu's `aria-labelledby` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public ariaLabelledBy: string;\n\n  /**\n   * Specifies an ARIA role for the dropdown menu\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n   * by indicating how the dropdown menu functions and what it controls. The dropdown button\n   * inherits this value to set its `aria-haspopup` property. For information\n   * about how an ARIA role indicates what an item represents on a web page, see the\n   * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).\n   * @default \"menu\"\n   */\n  @Input()\n  public set ariaRole(value: string) {\n    this._ariaRole = value;\n  }\n\n  public get ariaRole(): string {\n    return this._ariaRole || 'menu';\n  }\n\n  /**\n   * Indicates whether to use the browser's native focus function when users navigate through menu\n   * items with the keyboard. To disable the native focus function, set this property to `false`.\n   * For example, to let users interact with the dropdown menu but keep the keyboard focus on a\n   * different element, set this property to `false`.\n   * @default true\n   */\n  @Input()\n  public set useNativeFocus(value: boolean) {\n    this._useNativeFocus = value;\n  }\n\n  public get useNativeFocus(): boolean {\n    if (this._useNativeFocus === undefined) {\n      return true;\n    }\n\n    return this._useNativeFocus;\n  }\n\n  /**\n   * Fires when the dropdown menu's active index or selected item changes. This event provides an\n   * observable to emit changes, and the response is of\n   * the SkyDropdownMenuChange type.\n   */\n  @Output()\n  public menuChanges = new EventEmitter<SkyDropdownMenuChange>();\n\n  public dropdownMenuId = `sky-dropdown-menu-${++nextId}`;\n\n  private get hasFocusableItems(): boolean {\n    const found = this.menuItems.find((item) => item.isFocusable());\n    return found !== undefined;\n  }\n\n  public set menuIndex(value: number) {\n    if (value < 0) {\n      value = this.menuItems.length - 1;\n    }\n\n    if (value >= this.menuItems.length) {\n      value = 0;\n    }\n\n    this._menuIndex = value;\n  }\n\n  public get menuIndex(): number {\n    return this._menuIndex;\n  }\n\n  @ContentChildren(SkyDropdownItemComponent, { descendants: true })\n  public menuItems: QueryList<SkyDropdownItemComponent>;\n\n  private ngUnsubscribe = new Subject();\n\n  private _ariaRole: string;\n\n  private _menuIndex = 0;\n\n  private _useNativeFocus: boolean;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    @Optional() private dropdownComponent: SkyDropdownComponent\n  ) {}\n\n  public ngAfterContentInit(): void {\n    /* istanbul ignore else */\n    if (this.dropdownComponent) {\n      this.dropdownComponent.menuId = this.dropdownMenuId;\n      this.dropdownComponent.menuAriaRole = this.ariaRole;\n\n      this.dropdownComponent.messageStream\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((message: SkyDropdownMessage) => {\n          /* tslint:disable-next-line:switch-default */\n          switch (message.type) {\n            case SkyDropdownMessageType.Open:\n            case SkyDropdownMessageType.Close:\n              this.reset();\n              break;\n\n            case SkyDropdownMessageType.FocusFirstItem:\n              this.focusFirstItem();\n              break;\n\n            case SkyDropdownMessageType.FocusNextItem:\n              this.focusNextItem();\n              break;\n\n            case SkyDropdownMessageType.FocusPreviousItem:\n              this.focusPreviousItem();\n              break;\n\n            case SkyDropdownMessageType.FocusLastItem:\n              this.focusLastItem();\n              break;\n          }\n        });\n\n      this.menuChanges\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((change: SkyDropdownMenuChange) => {\n          // Close the dropdown when a menu item is selected.\n          if (change.selectedItem) {\n            this.sendMessage(SkyDropdownMessageType.Close);\n            this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n          }\n\n          if (change.items) {\n            // Update the popover style and position whenever the number of items changes.\n            this.sendMessage(SkyDropdownMessageType.Reposition);\n          }\n        });\n    }\n\n    // Reset dropdown whenever the menu items change.\n    this.menuItems.changes\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((items: QueryList<SkyDropdownItemComponent>) => {\n        this.reset();\n        this.menuChanges.emit({\n          items: items.toArray(),\n        });\n      });\n\n    this.addEventListeners();\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.ngUnsubscribe = undefined;\n  }\n\n  public focusFirstItem(): void {\n    if (!this.hasFocusableItems) {\n      return;\n    }\n\n    this.menuIndex = 0;\n\n    const firstItem = this.getItemByIndex(this.menuIndex);\n    if (firstItem && firstItem.isFocusable()) {\n      this.focusItem(firstItem);\n    } else {\n      this.focusNextItem();\n    }\n  }\n\n  public focusLastItem(): void {\n    if (!this.hasFocusableItems) {\n      return;\n    }\n\n    this.menuIndex = this.menuItems.length - 1;\n\n    const lastItem = this.getItemByIndex(this.menuIndex);\n    if (lastItem && lastItem.isFocusable()) {\n      this.focusItem(lastItem);\n    } else {\n      this.focusPreviousItem();\n    }\n  }\n\n  public focusPreviousItem(): void {\n    if (!this.hasFocusableItems) {\n      return;\n    }\n\n    this.menuIndex--;\n\n    const previousItem = this.getItemByIndex(this.menuIndex);\n    if (previousItem && previousItem.isFocusable()) {\n      this.focusItem(previousItem);\n    } else {\n      this.focusPreviousItem();\n    }\n  }\n\n  public focusNextItem() {\n    if (!this.hasFocusableItems) {\n      return;\n    }\n\n    this.menuIndex++;\n\n    const nextItem = this.getItemByIndex(this.menuIndex);\n    if (nextItem && nextItem.isFocusable()) {\n      this.focusItem(nextItem);\n    } else {\n      this.focusNextItem();\n    }\n  }\n\n  public reset(): void {\n    this._menuIndex = -1;\n    this.resetItemsActiveState();\n    this.changeDetector.markForCheck();\n  }\n\n  private resetItemsActiveState() {\n    this.menuItems.forEach((item: SkyDropdownItemComponent) => {\n      item.resetState();\n    });\n  }\n\n  private focusItem(item: SkyDropdownItemComponent): void {\n    this.resetItemsActiveState();\n    item.focusElement(this.useNativeFocus);\n    this.menuChanges.emit({\n      activeIndex: this.menuIndex,\n    });\n  }\n\n  private getItemByIndex(index: number): SkyDropdownItemComponent {\n    return this.menuItems.find((item: any, i: number) => {\n      return i === index;\n    });\n  }\n\n  private selectItemByEventTarget(target: EventTarget): void {\n    const selectedItem = this.menuItems.find(\n      (item: SkyDropdownItemComponent, i: number) => {\n        const found = item.elementRef.nativeElement.contains(target);\n\n        if (found) {\n          this.menuIndex = i;\n          this.menuChanges.next({\n            activeIndex: this.menuIndex,\n          });\n        }\n\n        return found;\n      }\n    );\n\n    /* istanbul ignore else */\n    if (selectedItem) {\n      this.menuChanges.next({\n        selectedItem,\n      });\n    }\n  }\n\n  private sendMessage(type: SkyDropdownMessageType): void {\n    this.dropdownComponent.messageStream.next({ type });\n  }\n\n  private addEventListeners(): void {\n    const dropdownMenuElement = this.elementRef.nativeElement;\n\n    observableFromEvent(dropdownMenuElement, 'click')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event: MouseEvent) => {\n        this.selectItemByEventTarget(event.target);\n      });\n\n    observableFromEvent(dropdownMenuElement, '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.sendMessage(SkyDropdownMessageType.Close);\n            this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n            event.stopPropagation();\n            event.preventDefault();\n            break;\n\n          case 'arrowdown':\n          case 'down':\n            this.focusNextItem();\n            event.preventDefault();\n            break;\n\n          case 'arrowup':\n          case 'up':\n            this.focusPreviousItem();\n            event.preventDefault();\n            break;\n\n          case 'tab':\n            if (this.dropdownComponent.dismissOnBlur) {\n              this.sendMessage(SkyDropdownMessageType.Close);\n            }\n            this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n            break;\n        }\n      });\n\n    observableFromEvent(dropdownMenuElement, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.dropdownComponent.isMouseEnter = true;\n      });\n\n    observableFromEvent(dropdownMenuElement, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.dropdownComponent.isMouseEnter = false;\n        // Allow the dropdown component to set isMouseEnter before checking if the close action\n        // should be taken.\n        setTimeout(() => {\n          if (\n            this.dropdownComponent.trigger === 'hover' &&\n            this.dropdownComponent.isMouseEnter === false\n          ) {\n            this.sendMessage(SkyDropdownMessageType.Close);\n          }\n        });\n      });\n  }\n}\n","<div\n  class=\"sky-dropdown-menu sky-shadow sky-elevation-4\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.role]=\"ariaRole\"\n  [id]=\"dropdownMenuId\"\n>\n  <ng-content> </ng-content>\n</div>\n"]}
+{"version":3,"file":"dropdown-menu.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown-menu.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown-menu.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Optional,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { Subject, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyDropdownItemComponent } from './dropdown-item.component';\nimport { SkyDropdownComponent } from './dropdown.component';\nimport { SkyDropdownMenuChange } from './types/dropdown-menu-change';\nimport { SkyDropdownMessage } from './types/dropdown-message';\nimport { SkyDropdownMessageType } from './types/dropdown-message-type';\n\nlet nextId = 0;\n/**\n * Creates a menu that contains dropdown menu items.\n *\n */\n@Component({\n  selector: 'sky-dropdown-menu',\n  templateUrl: './dropdown-menu.component.html',\n  styleUrls: ['./dropdown-menu.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyDropdownMenuComponent implements AfterContentInit, OnDestroy {\n  /**\n   * Specifies the HTML element ID (without the leading `#`) of the element that labels\n   * the dropdown menu. This sets the dropdown menu's `aria-labelledby` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public ariaLabelledBy: string | undefined;\n\n  /**\n   * Specifies an ARIA role for the dropdown menu\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n   * by indicating how the dropdown menu functions and what it controls. The dropdown button\n   * inherits this value to set its `aria-haspopup` property. For information\n   * about how an ARIA role indicates what an item represents on a web page, see the\n   * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).\n   * @default \"menu\"\n   */\n  @Input()\n  public set ariaRole(value: string | undefined) {\n    this._ariaRole = value;\n  }\n\n  public get ariaRole(): string {\n    return this._ariaRole || 'menu';\n  }\n\n  /**\n   * Indicates whether to use the browser's native focus function when users navigate through menu\n   * items with the keyboard. To disable the native focus function, set this property to `false`.\n   * For example, to let users interact with the dropdown menu but keep the keyboard focus on a\n   * different element, set this property to `false`.\n   * @default true\n   */\n  @Input()\n  public set useNativeFocus(value: boolean | undefined) {\n    this._useNativeFocus = value;\n  }\n\n  public get useNativeFocus(): boolean {\n    if (this._useNativeFocus === undefined) {\n      return true;\n    }\n\n    return this._useNativeFocus;\n  }\n\n  /**\n   * Fires when the dropdown menu's active index or selected item changes. This event provides an\n   * observable to emit changes, and the response is of\n   * the SkyDropdownMenuChange type.\n   */\n  @Output()\n  public menuChanges = new EventEmitter<SkyDropdownMenuChange>();\n\n  public dropdownMenuId = `sky-dropdown-menu-${++nextId}`;\n\n  private get hasFocusableItems(): boolean {\n    const found = this.menuItems.find((item) => item.isFocusable());\n    return found !== undefined;\n  }\n\n  public set menuIndex(value: number) {\n    if (value < 0) {\n      value = this.menuItems.length - 1;\n    }\n\n    if (value >= this.menuItems.length) {\n      value = 0;\n    }\n\n    this._menuIndex = value;\n  }\n\n  public get menuIndex(): number {\n    return this._menuIndex;\n  }\n\n  @ContentChildren(SkyDropdownItemComponent, { descendants: true })\n  public menuItems!: QueryList<SkyDropdownItemComponent>;\n\n  private ngUnsubscribe = new Subject();\n\n  private _ariaRole: string | undefined;\n\n  private _menuIndex = 0;\n\n  private _useNativeFocus: boolean | undefined;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    @Optional() private dropdownComponent: SkyDropdownComponent\n  ) {}\n\n  public ngAfterContentInit(): void {\n    /* istanbul ignore else */\n    if (this.dropdownComponent) {\n      this.dropdownComponent.menuId = this.dropdownMenuId;\n      this.dropdownComponent.menuAriaRole = this.ariaRole;\n\n      this.dropdownComponent.messageStream\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((message: SkyDropdownMessage) => {\n          /* tslint:disable-next-line:switch-default */\n          switch (message.type) {\n            case SkyDropdownMessageType.Open:\n            case SkyDropdownMessageType.Close:\n              this.reset();\n              break;\n\n            case SkyDropdownMessageType.FocusFirstItem:\n              this.focusFirstItem();\n              break;\n\n            case SkyDropdownMessageType.FocusNextItem:\n              this.focusNextItem();\n              break;\n\n            case SkyDropdownMessageType.FocusPreviousItem:\n              this.focusPreviousItem();\n              break;\n\n            case SkyDropdownMessageType.FocusLastItem:\n              this.focusLastItem();\n              break;\n          }\n        });\n\n      this.menuChanges\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((change: SkyDropdownMenuChange) => {\n          // Close the dropdown when a menu item is selected.\n          if (change.selectedItem) {\n            this.sendMessage(SkyDropdownMessageType.Close);\n            this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n          }\n\n          if (change.items) {\n            // Update the popover style and position whenever the number of items changes.\n            this.sendMessage(SkyDropdownMessageType.Reposition);\n          }\n        });\n    }\n\n    // Reset dropdown whenever the menu items change.\n    this.menuItems.changes\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((items: QueryList<SkyDropdownItemComponent>) => {\n        this.reset();\n        this.menuChanges.emit({\n          items: items.toArray(),\n        });\n      });\n\n    this.addEventListeners();\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public focusFirstItem(): void {\n    if (!this.hasFocusableItems) {\n      return;\n    }\n\n    this.menuIndex = 0;\n\n    const firstItem = this.getItemByIndex(this.menuIndex);\n    if (firstItem && firstItem.isFocusable()) {\n      this.focusItem(firstItem);\n    } else {\n      this.focusNextItem();\n    }\n  }\n\n  public focusLastItem(): void {\n    if (!this.hasFocusableItems) {\n      return;\n    }\n\n    this.menuIndex = this.menuItems.length - 1;\n\n    const lastItem = this.getItemByIndex(this.menuIndex);\n    if (lastItem && lastItem.isFocusable()) {\n      this.focusItem(lastItem);\n    } else {\n      this.focusPreviousItem();\n    }\n  }\n\n  public focusPreviousItem(): void {\n    if (!this.hasFocusableItems) {\n      return;\n    }\n\n    this.menuIndex--;\n\n    const previousItem = this.getItemByIndex(this.menuIndex);\n    if (previousItem && previousItem.isFocusable()) {\n      this.focusItem(previousItem);\n    } else {\n      this.focusPreviousItem();\n    }\n  }\n\n  public focusNextItem() {\n    if (!this.hasFocusableItems) {\n      return;\n    }\n\n    this.menuIndex++;\n\n    const nextItem = this.getItemByIndex(this.menuIndex);\n    if (nextItem && nextItem.isFocusable()) {\n      this.focusItem(nextItem);\n    } else {\n      this.focusNextItem();\n    }\n  }\n\n  public reset(): void {\n    this._menuIndex = -1;\n    this.resetItemsActiveState();\n    this.changeDetector.markForCheck();\n  }\n\n  private resetItemsActiveState() {\n    this.menuItems.forEach((item: SkyDropdownItemComponent) => {\n      item.resetState();\n    });\n  }\n\n  private focusItem(item: SkyDropdownItemComponent): void {\n    this.resetItemsActiveState();\n    item.focusElement(this.useNativeFocus);\n    this.menuChanges.emit({\n      activeIndex: this.menuIndex,\n    });\n  }\n\n  private getItemByIndex(index: number): SkyDropdownItemComponent | undefined {\n    return this.menuItems.find((_, i) => i === index);\n  }\n\n  private selectItemByEventTarget(target: EventTarget): void {\n    const selectedItem = this.menuItems.find(\n      (item: SkyDropdownItemComponent, i: number) => {\n        const found = item.elementRef.nativeElement.contains(target);\n\n        if (found) {\n          this.menuIndex = i;\n          this.menuChanges.next({\n            activeIndex: this.menuIndex,\n          });\n        }\n\n        return found;\n      }\n    );\n\n    /* istanbul ignore else */\n    if (selectedItem) {\n      this.menuChanges.next({\n        selectedItem,\n      });\n    }\n  }\n\n  private sendMessage(type: SkyDropdownMessageType): void {\n    this.dropdownComponent.messageStream.next({ type });\n  }\n\n  private addEventListeners(): void {\n    const dropdownMenuElement = this.elementRef.nativeElement;\n\n    observableFromEvent<MouseEvent>(dropdownMenuElement, 'click')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event) => {\n        this.selectItemByEventTarget(event.target as EventTarget);\n      });\n\n    observableFromEvent<KeyboardEvent>(dropdownMenuElement, '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.sendMessage(SkyDropdownMessageType.Close);\n            this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n            event.stopPropagation();\n            event.preventDefault();\n            break;\n\n          case 'arrowdown':\n          case 'down':\n            this.focusNextItem();\n            event.preventDefault();\n            break;\n\n          case 'arrowup':\n          case 'up':\n            this.focusPreviousItem();\n            event.preventDefault();\n            break;\n\n          case 'tab':\n            if (this.dropdownComponent.dismissOnBlur) {\n              this.sendMessage(SkyDropdownMessageType.Close);\n            }\n            this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n            break;\n        }\n      });\n\n    observableFromEvent(dropdownMenuElement, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.dropdownComponent.isMouseEnter = true;\n      });\n\n    observableFromEvent(dropdownMenuElement, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.dropdownComponent.isMouseEnter = false;\n        // Allow the dropdown component to set isMouseEnter before checking if the close action\n        // should be taken.\n        setTimeout(() => {\n          if (\n            this.dropdownComponent.trigger === 'hover' &&\n            this.dropdownComponent.isMouseEnter === false\n          ) {\n            this.sendMessage(SkyDropdownMessageType.Close);\n          }\n        });\n      });\n  }\n}\n","<div\n  class=\"sky-dropdown-menu sky-shadow sky-elevation-4\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.role]=\"ariaRole\"\n  [id]=\"dropdownMenuId\"\n>\n  <ng-content> </ng-content>\n</div>\n"]}

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

@@ -1,3 +1,5 @@
+var _SkyDropdownComponent_positionTimeout;
+import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, Optional, TemplateRef, ViewChild, } from '@angular/core';
 import { SkyAffixAutoFitContext, SkyAffixService, SkyOverlayService, } from '@skyux/core';
 import { SkyThemeService } from '@skyux/theme';
@@ -29,6 +31,7 @@ export class SkyDropdownComponent {
         this.isVisible = false;
         this.ngUnsubscribe = new Subject();
         this._isOpen = false;
+        _SkyDropdownComponent_positionTimeout.set(this, void 0);
     }
     /**
      * Specifies a background color for the dropdown button. Available values are `default` and
@@ -116,7 +119,7 @@ export class SkyDropdownComponent {
         if (value) {
             this._menuContainerElementRef = value;
             this.destroyAffixer();
-            this.createAffixer();
+            this.createAffixer(value);
             this.changeDetector.markForCheck();
         }
     }
@@ -139,10 +142,9 @@ export class SkyDropdownComponent {
     ngOnDestroy() {
         this.destroyAffixer();
         this.destroyOverlay();
-        clearTimeout(this._positionTimeout);
+        clearTimeout(__classPrivateFieldGet(this, _SkyDropdownComponent_positionTimeout, "f"));
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
-        this.ngUnsubscribe = undefined;
     }
     addEventListeners() {
         const buttonElement = this.triggerButton.nativeElement;
@@ -255,8 +257,8 @@ export class SkyDropdownComponent {
             this.overlay = undefined;
         }
     }
-    createAffixer() {
-        const affixer = this.affixService.createAffixer(this.menuContainerElementRef);
+    createAffixer(menuContainerElementRef) {
+        const affixer = this.affixService.createAffixer(menuContainerElementRef);
         affixer.placementChange
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe((change) => {
@@ -299,7 +301,7 @@ export class SkyDropdownComponent {
         this.changeDetector.markForCheck();
         // Explicitly declare the `setTimeout` from the `window` object in order to use the DOM typings
         // during a unit test (instead of confusing this with Node's `setTimeout`).
-        this._positionTimeout = window.setTimeout(() => {
+        __classPrivateFieldSet(this, _SkyDropdownComponent_positionTimeout, window.setTimeout(() => {
             this.affixer.affixTo(this.triggerButton.nativeElement, {
                 autoFitContext: SkyAffixAutoFitContext.Viewport,
                 enableAutoFit: true,
@@ -309,9 +311,10 @@ export class SkyDropdownComponent {
             });
             this.isVisible = true;
             this.changeDetector.markForCheck();
-        });
+        }), "f");
     }
 }
+_SkyDropdownComponent_positionTimeout = new WeakMap();
 SkyDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyAffixService }, { token: i1.SkyOverlayService }, { token: i2.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 SkyDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDropdownComponent, selector: "sky-dropdown", inputs: { buttonStyle: "buttonStyle", buttonType: "buttonType", disabled: "disabled", dismissOnBlur: "dismissOnBlur", label: "label", horizontalAlignment: "horizontalAlignment", messageStream: "messageStream", title: "title", trigger: "trigger" }, viewQueries: [{ propertyName: "menuContainerElementRef", first: true, predicate: ["menuContainerElementRef"], descendants: true, read: ElementRef }, { propertyName: "menuContainerTemplateRef", first: true, predicate: ["menuContainerTemplateRef"], descendants: true, read: TemplateRef, static: true }, { propertyName: "triggerButton", first: true, predicate: ["triggerButton"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"sky-dropdown\">\n  <button\n    class=\"sky-btn sky-dropdown-button\"\n    type=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-controls]=\"isOpen ? menuId : null\"\n    [attr.aria-haspopup]=\"menuAriaRole\"\n    [attr.aria-label]=\"\n      label || ('skyux_dropdown_context_menu_default_label' | skyLibResources)\n    \"\n    [attr.title]=\"title\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"[\n      'sky-dropdown-button-type-' + buttonType,\n      'sky-btn-' + buttonStyle\n    ]\"\n    #triggerButton\n  >\n    <ng-container [ngSwitch]=\"buttonType\">\n      <ng-template ngSwitchCase=\"context-menu\">\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"ellipsis-h\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"ellipsis\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </ng-template>\n\n      <ng-template ngSwitchDefault>\n        <div\n          *ngIf=\"buttonType === 'select' || buttonType === 'tab' || !buttonType\"\n          class=\"sky-dropdown-button-container\"\n        >\n          <div class=\"sky-dropdown-button-content-container\">\n            <ng-content select=\"sky-dropdown-button\"> </ng-content>\n          </div>\n          <div class=\"sky-dropdown-button-icon-container\">\n            <sky-icon\n              *skyThemeIf=\"'default'\"\n              class=\"sky-dropdown-caret\"\n              icon=\"caret-down\"\n            >\n            </sky-icon>\n            <sky-icon\n              *skyThemeIf=\"'modern'\"\n              class=\"sky-dropdown-caret\"\n              icon=\"chevron-down\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </div>\n        </div>\n        <div\n          *ngIf=\"buttonType !== 'select' && buttonType !== 'tab' && buttonType\"\n        >\n          <sky-icon [icon]=\"buttonType\" size=\"lg\"></sky-icon>\n        </div>\n      </ng-template>\n    </ng-container>\n  </button>\n</div>\n\n<ng-template #menuContainerTemplateRef>\n  <div\n    class=\"sky-dropdown-menu-container\"\n    [class.hidden]=\"!isVisible\"\n    #menuContainerElementRef\n  >\n    <ng-content select=\"sky-dropdown-menu\"></ng-content>\n  </div>\n</ng-template>\n", styles: [".sky-dropdown-button-type-tab{background-color:transparent;border:none;border-radius:4px 4px 0 0;color:#686c73;cursor:pointer;display:inline-block;font-weight:600;line-height:1.8;padding:8px 16px;background-color:#0974a1;color:#fff;max-width:100%;text-align:left}.sky-dropdown-button-type-tab:hover:not(.sky-btn-tab-disabled){background-color:#eeeeef;color:#212327;text-decoration:none}.sky-dropdown-button-type-tab.sky-btn-tab-disabled{background-color:#cdcfd2;cursor:default;outline:none;text-decoration:none}.sky-dropdown-button-type-tab.sky-btn-tab-disabled:hover{color:#686c73;cursor:default;text-decoration:none}.sky-dropdown-button-type-tab:hover:not(.sky-btn-tab-disabled){background-color:#0974a1;color:#fff}.sky-dropdown-button-type-context-menu{border-radius:50%;padding:3px 8px}.sky-dropdown-caret{margin-left:10px}.sky-dropdown-button-container{display:flex}.sky-dropdown-button-content-container{flex-shrink:1;overflow:hidden;text-overflow:ellipsis}.sky-dropdown-button-icon-container{flex-grow:1}.sky-dropdown-menu-container{position:fixed}.hidden{visibility:hidden}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab{border:none;border-radius:0;font-weight:400;padding:10px 15px;transition:box-shadow .15s;background-color:transparent;color:#212327}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:focus{background-color:transparent;outline:none}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:not(:active){border-bottom:solid 3px #1870B8;padding-bottom:7px}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab:hover:not(.sky-btn-tab-disabled){background-color:transparent;color:#212327}:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab .sky-btn-tab-close,:host-context(.sky-theme-modern) .sky-dropdown-button-type-tab .sky-tab-header-count{color:#686c73}:host-context(.sky-theme-modern) .sky-dropdown-caret{margin-left:10px}.sky-theme-modern .sky-dropdown-button-type-tab{border:none;border-radius:0;font-weight:400;padding:10px 15px;transition:box-shadow .15s;background-color:transparent;color:#212327}.sky-theme-modern .sky-dropdown-button-type-tab:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}.sky-theme-modern .sky-dropdown-button-type-tab:focus{background-color:transparent;outline:none}.sky-theme-modern .sky-dropdown-button-type-tab:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-dropdown-button-type-tab:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}.sky-theme-modern .sky-dropdown-button-type-tab:not(:active){border-bottom:solid 3px #1870B8;padding-bottom:7px}.sky-theme-modern .sky-dropdown-button-type-tab:hover:not(.sky-btn-tab-disabled){background-color:transparent;color:#212327}.sky-theme-modern .sky-dropdown-button-type-tab .sky-btn-tab-close,.sky-theme-modern .sky-dropdown-button-type-tab .sky-tab-header-count{color:#686c73}.sky-theme-modern .sky-dropdown-caret{margin-left:10px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-dropdown-button-type-tab{color:#fff}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-dropdown-button-type-tab:hover{color:#fff}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-dropdown-button-type-tab .sky-btn-tab-close,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-dropdown-button-type-tab .sky-tab-header-count{color:#efefef}.sky-theme-modern.sky-theme-mode-dark .sky-dropdown-button-type-tab{color:#fff}.sky-theme-modern.sky-theme-mode-dark .sky-dropdown-button-type-tab:hover{color:#fff}.sky-theme-modern.sky-theme-mode-dark .sky-dropdown-button-type-tab .sky-btn-tab-close,.sky-theme-modern.sky-theme-mode-dark .sky-dropdown-button-type-tab .sky-tab-header-count{color:#efefef}\n"], components: [{ type: i3.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyDropdownComponent, decorators: [{

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport {\n  SkyAffixAutoFitContext,\n  SkyAffixService,\n  SkyAffixer,\n  SkyOverlayInstance,\n  SkyOverlayService,\n} from '@skyux/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { parseAffixHorizontalAlignment } from './dropdown-extensions';\nimport { SkyDropdownHorizontalAlignment } from './types/dropdown-horizontal-alignment';\nimport { SkyDropdownMessage } from './types/dropdown-message';\nimport { SkyDropdownMessageType } from './types/dropdown-message-type';\nimport { SkyDropdownTriggerType } from './types/dropdown-trigger-type';\n\n/**\n * Creates a dropdown menu that displays menu items that users may select.\n */\n@Component({\n  selector: 'sky-dropdown',\n  templateUrl: './dropdown.component.html',\n  styleUrls: ['./dropdown.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDropdownComponent implements OnInit, OnDestroy {\n  /**\n   * Specifies a background color for the dropdown button. Available values are `default` and\n   * `primary`. These values set the background color from the\n   * [secondary and primary button classes](https://developer.blackbaud.com/skyux/components/button) respectively.\n   * @default \"default\"\n   */\n  @Input()\n  public set buttonStyle(value: string) {\n    this._buttonStyle = value;\n  }\n\n  public get buttonStyle(): string {\n    return this._buttonStyle || 'default';\n  }\n\n  /**\n   * Specifies the type of button to render as the dropdown's trigger element. To display a button\n   * with text and a caret, specify `select` and then enter the button text in a\n   * `sky-dropdown-button` element. To display a round button with an ellipsis, specify\n   * `context-menu`. And to display a button with a [Font Awesome icon](http://fontawesome.io/icons/), specify the icon's class name.\n   * For example, to display the `fa-filter` icon, specify `filter`.\n   * @default \"select\"\n   */\n  @Input()\n  public set buttonType(value: string) {\n    this._buttonType = value;\n  }\n\n  public get buttonType(): string {\n    return this._buttonType || 'select';\n  }\n\n  /**\n   * Indicates whether to disable the dropdown button.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean) {\n    this._disabled = value;\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  /**\n   * Indicates whether to close the dropdown when users click away from the menu.\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 an ARIA label for the dropdown. This sets the dropdown's `aria-label` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public label: string;\n\n  /**\n   * Specifies the horizontal alignment of the dropdown menu in relation to the dropdown button.\n   * @default \"left\"\n   */\n  @Input()\n  public set horizontalAlignment(value: SkyDropdownHorizontalAlignment) {\n    this._horizontalAlignment = value;\n  }\n\n  public get horizontalAlignment(): SkyDropdownHorizontalAlignment {\n    return this._horizontalAlignment || 'left';\n  }\n\n  /**\n   * Provides an observable to send commands to the dropdown. The commands should respect\n   * the [[SkyDropdownMessage]] type.\n   */\n\n  @Input()\n  public messageStream = new Subject<SkyDropdownMessage>();\n\n  /**\n   * Specifies a title to display in a tooltip when users hover the mouse over the dropdown button.\n   */\n  @Input()\n  public title: string;\n\n  /**\n   * Specifies how users interact with the dropdown button to expose the dropdown menu.\n   * We recommend the default `click` value because the `hover` value can pose\n   * [accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) issues\n   * for users on touch devices such as phones and tablets.\n   * @deprecated We recommend against using this property. If you choose to use the deprecated\n   * `hover` value anyway, we recommend that you not use it in combination with the `title`\n   * property. (This property will be removed in the next major version release.)\n   * @default \"click\"\n   */\n  @Input()\n  public set trigger(value: SkyDropdownTriggerType) {\n    this._trigger = value;\n  }\n\n  public get trigger(): SkyDropdownTriggerType {\n    return this._trigger || 'click';\n  }\n\n  public set isOpen(value: boolean) {\n    this._isOpen = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get isOpen(): boolean {\n    return this._isOpen || false;\n  }\n\n  @ViewChild('menuContainerElementRef', {\n    read: ElementRef,\n  })\n  public set menuContainerElementRef(value: ElementRef) {\n    if (value) {\n      this._menuContainerElementRef = value;\n      this.destroyAffixer();\n      this.createAffixer();\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  public get menuContainerElementRef(): ElementRef {\n    return this._menuContainerElementRef;\n  }\n\n  public isMouseEnter = false;\n\n  public isVisible = false;\n\n  public menuId: string;\n\n  public menuAriaRole: string;\n\n  @ViewChild('menuContainerTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private menuContainerTemplateRef: TemplateRef<any>;\n\n  @ViewChild('triggerButton', {\n    read: ElementRef,\n    static: true,\n  })\n  private triggerButton: ElementRef;\n\n  private affixer: SkyAffixer;\n\n  private ngUnsubscribe = new Subject();\n\n  private overlay: SkyOverlayInstance;\n\n  private _buttonStyle: string;\n\n  private _buttonType: string;\n\n  private _disabled: boolean;\n\n  private _dismissOnBlur: boolean;\n\n  private _horizontalAlignment: SkyDropdownHorizontalAlignment;\n\n  private _isOpen = false;\n\n  private _menuContainerElementRef: ElementRef;\n\n  private _trigger: SkyDropdownTriggerType;\n\n  private _positionTimeout: number;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private affixService: SkyAffixService,\n    private overlayService: SkyOverlayService,\n    @Optional() private themeSvc?: SkyThemeService\n  ) {}\n\n  public ngOnInit(): void {\n    this.addEventListeners();\n\n    this.messageStream\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((message: SkyDropdownMessage) => {\n        this.handleIncomingMessages(message);\n      });\n\n    // Load proper icons on theme change.\n    this.themeSvc?.settingsChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.destroyAffixer();\n    this.destroyOverlay();\n    clearTimeout(this._positionTimeout);\n\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.ngUnsubscribe = undefined;\n  }\n\n  private addEventListeners(): void {\n    const buttonElement = this.triggerButton.nativeElement;\n\n    observableFromEvent(buttonElement, 'click')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        if (this.isOpen) {\n          this.sendMessage(SkyDropdownMessageType.Close);\n        } else {\n          this.sendMessage(SkyDropdownMessageType.Open);\n          // Wait for dropdown to open, then set focus on first item.\n          setTimeout(() => {\n            this.sendMessage(SkyDropdownMessageType.FocusFirstItem);\n          });\n        }\n      });\n\n    observableFromEvent(buttonElement, '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            /*istanbul ignore else*/\n            if (this.isOpen) {\n              this.sendMessage(SkyDropdownMessageType.Close);\n              this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n              event.stopPropagation();\n            }\n            break;\n\n          case 'tab':\n            if (this.isOpen && this.dismissOnBlur) {\n              this.sendMessage(SkyDropdownMessageType.Close);\n            }\n            break;\n\n          case 'arrowup':\n          case 'up':\n            if (!this.isOpen) {\n              this.sendMessage(SkyDropdownMessageType.Open);\n              this.sendMessage(SkyDropdownMessageType.FocusLastItem);\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            break;\n\n          case 'enter':\n          case 'arrowdown':\n          case 'down':\n          case ' ': // Spacebar.\n            /*istanbul ignore else*/\n            if (!this.isOpen) {\n              this.sendMessage(SkyDropdownMessageType.Open);\n              this.sendMessage(SkyDropdownMessageType.FocusFirstItem);\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            break;\n        }\n      });\n\n    observableFromEvent(buttonElement, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.isMouseEnter = true;\n        if (this.trigger === 'hover') {\n          this.sendMessage(SkyDropdownMessageType.Open);\n        }\n      });\n\n    observableFromEvent(buttonElement, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.isMouseEnter = false;\n        if (this.trigger === 'hover') {\n          // Allow the dropdown menu to set isMouseEnter before checking if the close action\n          // should be taken.\n          setTimeout(() => {\n            if (!this.isMouseEnter) {\n              this.sendMessage(SkyDropdownMessageType.Close);\n            }\n          });\n        }\n      });\n  }\n\n  private createOverlay(): void {\n    if (this.overlay) {\n      return;\n    }\n\n    const overlay = this.overlayService.create({\n      enableScroll: true,\n      enablePointerEvents: true,\n    });\n\n    overlay.attachTemplate(this.menuContainerTemplateRef);\n\n    overlay.backdropClick.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      if (this.dismissOnBlur) {\n        this.sendMessage(SkyDropdownMessageType.Close);\n      }\n    });\n\n    this.overlay = overlay;\n  }\n\n  private destroyAffixer(): void {\n    /*istanbul ignore else*/\n    if (this.affixer) {\n      this.affixer.destroy();\n      this.affixer = undefined;\n    }\n  }\n\n  private destroyOverlay(): void {\n    /*istanbul ignore else*/\n    if (this.overlay) {\n      this.overlayService.close(this.overlay);\n      this.overlay = undefined;\n    }\n  }\n\n  private createAffixer(): void {\n    const affixer = this.affixService.createAffixer(\n      this.menuContainerElementRef\n    );\n\n    affixer.placementChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((change) => {\n        this.isVisible = change.placement !== null;\n        this.changeDetector.markForCheck();\n      });\n\n    this.affixer = affixer;\n  }\n\n  private handleIncomingMessages(message: SkyDropdownMessage): void {\n    if (!this.disabled) {\n      /* tslint:disable-next-line:switch-default */\n      switch (message.type) {\n        case SkyDropdownMessageType.Open:\n          this.isOpen = true;\n          this.positionDropdownMenu();\n          break;\n\n        case SkyDropdownMessageType.Close:\n          this.isOpen = false;\n          this.destroyOverlay();\n          break;\n\n        case SkyDropdownMessageType.Reposition:\n          // Only reposition the dropdown if it is already open.\n          /* istanbul ignore else */\n          if (this.isOpen && this.affixer) {\n            this.affixer.reaffix();\n          }\n          break;\n\n        case SkyDropdownMessageType.FocusTriggerButton:\n          this.triggerButton.nativeElement.focus();\n          break;\n      }\n    }\n  }\n\n  private sendMessage(type: SkyDropdownMessageType): void {\n    this.messageStream.next({ type });\n  }\n\n  private positionDropdownMenu(): void {\n    this.isVisible = false;\n    this.createOverlay();\n    this.changeDetector.markForCheck();\n\n    // Explicitly declare the `setTimeout` from the `window` object in order to use the DOM typings\n    // during a unit test (instead of confusing this with Node's `setTimeout`).\n    this._positionTimeout = window.setTimeout(() => {\n      this.affixer.affixTo(this.triggerButton.nativeElement, {\n        autoFitContext: SkyAffixAutoFitContext.Viewport,\n        enableAutoFit: true,\n        horizontalAlignment: parseAffixHorizontalAlignment(\n          this.horizontalAlignment\n        ),\n        isSticky: true,\n        placement: 'below',\n      });\n\n      this.isVisible = true;\n      this.changeDetector.markForCheck();\n    });\n  }\n}\n","<div class=\"sky-dropdown\">\n  <button\n    class=\"sky-btn sky-dropdown-button\"\n    type=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-controls]=\"isOpen ? menuId : null\"\n    [attr.aria-haspopup]=\"menuAriaRole\"\n    [attr.aria-label]=\"\n      label || ('skyux_dropdown_context_menu_default_label' | skyLibResources)\n    \"\n    [attr.title]=\"title\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"[\n      'sky-dropdown-button-type-' + buttonType,\n      'sky-btn-' + buttonStyle\n    ]\"\n    #triggerButton\n  >\n    <ng-container [ngSwitch]=\"buttonType\">\n      <ng-template ngSwitchCase=\"context-menu\">\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"ellipsis-h\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"ellipsis\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </ng-template>\n\n      <ng-template ngSwitchDefault>\n        <div\n          *ngIf=\"buttonType === 'select' || buttonType === 'tab' || !buttonType\"\n          class=\"sky-dropdown-button-container\"\n        >\n          <div class=\"sky-dropdown-button-content-container\">\n            <ng-content select=\"sky-dropdown-button\"> </ng-content>\n          </div>\n          <div class=\"sky-dropdown-button-icon-container\">\n            <sky-icon\n              *skyThemeIf=\"'default'\"\n              class=\"sky-dropdown-caret\"\n              icon=\"caret-down\"\n            >\n            </sky-icon>\n            <sky-icon\n              *skyThemeIf=\"'modern'\"\n              class=\"sky-dropdown-caret\"\n              icon=\"chevron-down\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </div>\n        </div>\n        <div\n          *ngIf=\"buttonType !== 'select' && buttonType !== 'tab' && buttonType\"\n        >\n          <sky-icon [icon]=\"buttonType\" size=\"lg\"></sky-icon>\n        </div>\n      </ng-template>\n    </ng-container>\n  </button>\n</div>\n\n<ng-template #menuContainerTemplateRef>\n  <div\n    class=\"sky-dropdown-menu-container\"\n    [class.hidden]=\"!isVisible\"\n    #menuContainerElementRef\n  >\n    <ng-content select=\"sky-dropdown-menu\"></ng-content>\n  </div>\n</ng-template>\n"]}
+{"version":3,"file":"dropdown.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown.component.ts","../../../../../../../../libs/components/popovers/src/lib/modules/dropdown/dropdown.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  OnDestroy,\n  OnInit,\n  Optional,\n  TemplateRef,\n  ViewChild,\n} from '@angular/core';\nimport {\n  SkyAffixAutoFitContext,\n  SkyAffixService,\n  SkyAffixer,\n  SkyOverlayInstance,\n  SkyOverlayService,\n} from '@skyux/core';\nimport { SkyThemeService } from '@skyux/theme';\n\nimport { Subject, fromEvent as observableFromEvent } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { parseAffixHorizontalAlignment } from './dropdown-extensions';\nimport { SkyDropdownHorizontalAlignment } from './types/dropdown-horizontal-alignment';\nimport { SkyDropdownMessage } from './types/dropdown-message';\nimport { SkyDropdownMessageType } from './types/dropdown-message-type';\nimport { SkyDropdownTriggerType } from './types/dropdown-trigger-type';\n\n/**\n * Creates a dropdown menu that displays menu items that users may select.\n */\n@Component({\n  selector: 'sky-dropdown',\n  templateUrl: './dropdown.component.html',\n  styleUrls: ['./dropdown.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyDropdownComponent implements OnInit, OnDestroy {\n  /**\n   * Specifies a background color for the dropdown button. Available values are `default` and\n   * `primary`. These values set the background color from the\n   * [secondary and primary button classes](https://developer.blackbaud.com/skyux/components/button) respectively.\n   * @default \"default\"\n   */\n  @Input()\n  public set buttonStyle(value: string | undefined) {\n    this._buttonStyle = value;\n  }\n\n  public get buttonStyle(): string {\n    return this._buttonStyle || 'default';\n  }\n\n  /**\n   * Specifies the type of button to render as the dropdown's trigger element. To display a button\n   * with text and a caret, specify `select` and then enter the button text in a\n   * `sky-dropdown-button` element. To display a round button with an ellipsis, specify\n   * `context-menu`. And to display a button with a [Font Awesome icon](http://fontawesome.io/icons/), specify the icon's class name.\n   * For example, to display the `fa-filter` icon, specify `filter`.\n   * @default \"select\"\n   */\n  @Input()\n  public set buttonType(value: string | undefined) {\n    this._buttonType = value;\n  }\n\n  public get buttonType(): string {\n    return this._buttonType || 'select';\n  }\n\n  /**\n   * Indicates whether to disable the dropdown button.\n   * @default false\n   */\n  @Input()\n  public set disabled(value: boolean | undefined) {\n    this._disabled = value;\n  }\n\n  public get disabled(): boolean {\n    return this._disabled || false;\n  }\n\n  /**\n   * Indicates whether to close the dropdown when users click away from the menu.\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 an ARIA label for the dropdown. This sets the dropdown's `aria-label` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   */\n  @Input()\n  public label: string | undefined;\n\n  /**\n   * Specifies the horizontal alignment of the dropdown menu in relation to the dropdown button.\n   * @default \"left\"\n   */\n  @Input()\n  public set horizontalAlignment(\n    value: SkyDropdownHorizontalAlignment | undefined\n  ) {\n    this._horizontalAlignment = value;\n  }\n\n  public get horizontalAlignment(): SkyDropdownHorizontalAlignment {\n    return this._horizontalAlignment || 'left';\n  }\n\n  /**\n   * Provides an observable to send commands to the dropdown. The commands should respect\n   * the [[SkyDropdownMessage]] type.\n   */\n\n  @Input()\n  public messageStream = new Subject<SkyDropdownMessage>();\n\n  /**\n   * Specifies a title to display in a tooltip when users hover the mouse over the dropdown button.\n   */\n  @Input()\n  public title: string | undefined;\n\n  /**\n   * Specifies how users interact with the dropdown button to expose the dropdown menu.\n   * We recommend the default `click` value because the `hover` value can pose\n   * [accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) issues\n   * for users on touch devices such as phones and tablets.\n   * @deprecated We recommend against using this property. If you choose to use the deprecated\n   * `hover` value anyway, we recommend that you not use it in combination with the `title`\n   * property. (This property will be removed in the next major version release.)\n   * @default \"click\"\n   */\n  @Input()\n  public set trigger(value: SkyDropdownTriggerType | undefined) {\n    this._trigger = value;\n  }\n\n  public get trigger(): SkyDropdownTriggerType {\n    return this._trigger || 'click';\n  }\n\n  public set isOpen(value: boolean) {\n    this._isOpen = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get isOpen(): boolean {\n    return this._isOpen || false;\n  }\n\n  @ViewChild('menuContainerElementRef', {\n    read: ElementRef,\n  })\n  public set menuContainerElementRef(value: ElementRef | undefined) {\n    if (value) {\n      this._menuContainerElementRef = value;\n      this.destroyAffixer();\n      this.createAffixer(value);\n      this.changeDetector.markForCheck();\n    }\n  }\n\n  public get menuContainerElementRef(): ElementRef | undefined {\n    return this._menuContainerElementRef;\n  }\n\n  public isMouseEnter = false;\n\n  public isVisible = false;\n\n  public menuId: string | undefined;\n\n  public menuAriaRole: string | undefined;\n\n  @ViewChild('menuContainerTemplateRef', {\n    read: TemplateRef,\n    static: true,\n  })\n  private menuContainerTemplateRef!: TemplateRef<unknown>;\n\n  @ViewChild('triggerButton', {\n    read: ElementRef,\n    static: true,\n  })\n  private triggerButton!: ElementRef;\n\n  private affixer: SkyAffixer | undefined;\n\n  private ngUnsubscribe = new Subject();\n\n  private overlay: SkyOverlayInstance | undefined;\n\n  private _buttonStyle: string | undefined;\n\n  private _buttonType: string | undefined;\n\n  private _disabled: boolean | undefined;\n\n  private _dismissOnBlur: boolean | undefined;\n\n  private _horizontalAlignment: SkyDropdownHorizontalAlignment | undefined;\n\n  private _isOpen = false;\n\n  private _menuContainerElementRef: ElementRef | undefined;\n\n  private _trigger: SkyDropdownTriggerType | undefined;\n\n  #positionTimeout: number | undefined;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private affixService: SkyAffixService,\n    private overlayService: SkyOverlayService,\n    @Optional() private themeSvc?: SkyThemeService\n  ) {}\n\n  public ngOnInit(): void {\n    this.addEventListeners();\n\n    this.messageStream\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((message: SkyDropdownMessage) => {\n        this.handleIncomingMessages(message);\n      });\n\n    // Load proper icons on theme change.\n    this.themeSvc?.settingsChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.destroyAffixer();\n    this.destroyOverlay();\n    clearTimeout(this.#positionTimeout);\n\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  private addEventListeners(): void {\n    const buttonElement = this.triggerButton.nativeElement;\n\n    observableFromEvent(buttonElement, 'click')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        if (this.isOpen) {\n          this.sendMessage(SkyDropdownMessageType.Close);\n        } else {\n          this.sendMessage(SkyDropdownMessageType.Open);\n          // Wait for dropdown to open, then set focus on first item.\n          setTimeout(() => {\n            this.sendMessage(SkyDropdownMessageType.FocusFirstItem);\n          });\n        }\n      });\n\n    observableFromEvent<KeyboardEvent>(buttonElement, '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            /*istanbul ignore else*/\n            if (this.isOpen) {\n              this.sendMessage(SkyDropdownMessageType.Close);\n              this.sendMessage(SkyDropdownMessageType.FocusTriggerButton);\n              event.stopPropagation();\n            }\n            break;\n\n          case 'tab':\n            if (this.isOpen && this.dismissOnBlur) {\n              this.sendMessage(SkyDropdownMessageType.Close);\n            }\n            break;\n\n          case 'arrowup':\n          case 'up':\n            if (!this.isOpen) {\n              this.sendMessage(SkyDropdownMessageType.Open);\n              this.sendMessage(SkyDropdownMessageType.FocusLastItem);\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            break;\n\n          case 'enter':\n          case 'arrowdown':\n          case 'down':\n          case ' ': // Spacebar.\n            /*istanbul ignore else*/\n            if (!this.isOpen) {\n              this.sendMessage(SkyDropdownMessageType.Open);\n              this.sendMessage(SkyDropdownMessageType.FocusFirstItem);\n              event.preventDefault();\n              event.stopPropagation();\n            }\n            break;\n        }\n      });\n\n    observableFromEvent(buttonElement, 'mouseenter')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.isMouseEnter = true;\n        if (this.trigger === 'hover') {\n          this.sendMessage(SkyDropdownMessageType.Open);\n        }\n      });\n\n    observableFromEvent(buttonElement, 'mouseleave')\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.isMouseEnter = false;\n        if (this.trigger === 'hover') {\n          // Allow the dropdown menu to set isMouseEnter before checking if the close action\n          // should be taken.\n          setTimeout(() => {\n            if (!this.isMouseEnter) {\n              this.sendMessage(SkyDropdownMessageType.Close);\n            }\n          });\n        }\n      });\n  }\n\n  private createOverlay(): void {\n    if (this.overlay) {\n      return;\n    }\n\n    const overlay = this.overlayService.create({\n      enableScroll: true,\n      enablePointerEvents: true,\n    });\n\n    overlay.attachTemplate(this.menuContainerTemplateRef);\n\n    overlay.backdropClick.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      if (this.dismissOnBlur) {\n        this.sendMessage(SkyDropdownMessageType.Close);\n      }\n    });\n\n    this.overlay = overlay;\n  }\n\n  private destroyAffixer(): void {\n    /*istanbul ignore else*/\n    if (this.affixer) {\n      this.affixer.destroy();\n      this.affixer = undefined;\n    }\n  }\n\n  private destroyOverlay(): void {\n    /*istanbul ignore else*/\n    if (this.overlay) {\n      this.overlayService.close(this.overlay);\n      this.overlay = undefined;\n    }\n  }\n\n  private createAffixer(menuContainerElementRef: ElementRef): void {\n    const affixer = this.affixService.createAffixer(menuContainerElementRef);\n\n    affixer.placementChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((change) => {\n        this.isVisible = change.placement !== null;\n        this.changeDetector.markForCheck();\n      });\n\n    this.affixer = affixer;\n  }\n\n  private handleIncomingMessages(message: SkyDropdownMessage): void {\n    if (!this.disabled) {\n      /* tslint:disable-next-line:switch-default */\n      switch (message.type) {\n        case SkyDropdownMessageType.Open:\n          this.isOpen = true;\n          this.positionDropdownMenu();\n          break;\n\n        case SkyDropdownMessageType.Close:\n          this.isOpen = false;\n          this.destroyOverlay();\n          break;\n\n        case SkyDropdownMessageType.Reposition:\n          // Only reposition the dropdown if it is already open.\n          /* istanbul ignore else */\n          if (this.isOpen && this.affixer) {\n            this.affixer.reaffix();\n          }\n          break;\n\n        case SkyDropdownMessageType.FocusTriggerButton:\n          this.triggerButton.nativeElement.focus();\n          break;\n      }\n    }\n  }\n\n  private sendMessage(type: SkyDropdownMessageType): void {\n    this.messageStream.next({ type });\n  }\n\n  private positionDropdownMenu(): void {\n    this.isVisible = false;\n    this.createOverlay();\n    this.changeDetector.markForCheck();\n\n    // Explicitly declare the `setTimeout` from the `window` object in order to use the DOM typings\n    // during a unit test (instead of confusing this with Node's `setTimeout`).\n    this.#positionTimeout = window.setTimeout(() => {\n      this.affixer!.affixTo(this.triggerButton.nativeElement, {\n        autoFitContext: SkyAffixAutoFitContext.Viewport,\n        enableAutoFit: true,\n        horizontalAlignment: parseAffixHorizontalAlignment(\n          this.horizontalAlignment\n        ),\n        isSticky: true,\n        placement: 'below',\n      });\n\n      this.isVisible = true;\n      this.changeDetector.markForCheck();\n    });\n  }\n}\n","<div class=\"sky-dropdown\">\n  <button\n    class=\"sky-btn sky-dropdown-button\"\n    type=\"button\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-controls]=\"isOpen ? menuId : null\"\n    [attr.aria-haspopup]=\"menuAriaRole\"\n    [attr.aria-label]=\"\n      label || ('skyux_dropdown_context_menu_default_label' | skyLibResources)\n    \"\n    [attr.title]=\"title\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"[\n      'sky-dropdown-button-type-' + buttonType,\n      'sky-btn-' + buttonStyle\n    ]\"\n    #triggerButton\n  >\n    <ng-container [ngSwitch]=\"buttonType\">\n      <ng-template ngSwitchCase=\"context-menu\">\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"ellipsis-h\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"ellipsis\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </ng-template>\n\n      <ng-template ngSwitchDefault>\n        <div\n          *ngIf=\"buttonType === 'select' || buttonType === 'tab' || !buttonType\"\n          class=\"sky-dropdown-button-container\"\n        >\n          <div class=\"sky-dropdown-button-content-container\">\n            <ng-content select=\"sky-dropdown-button\"> </ng-content>\n          </div>\n          <div class=\"sky-dropdown-button-icon-container\">\n            <sky-icon\n              *skyThemeIf=\"'default'\"\n              class=\"sky-dropdown-caret\"\n              icon=\"caret-down\"\n            >\n            </sky-icon>\n            <sky-icon\n              *skyThemeIf=\"'modern'\"\n              class=\"sky-dropdown-caret\"\n              icon=\"chevron-down\"\n              iconType=\"skyux\"\n            >\n            </sky-icon>\n          </div>\n        </div>\n        <div\n          *ngIf=\"buttonType !== 'select' && buttonType !== 'tab' && buttonType\"\n        >\n          <sky-icon [icon]=\"buttonType\" size=\"lg\"></sky-icon>\n        </div>\n      </ng-template>\n    </ng-container>\n  </button>\n</div>\n\n<ng-template #menuContainerTemplateRef>\n  <div\n    class=\"sky-dropdown-menu-container\"\n    [class.hidden]=\"!isVisible\"\n    #menuContainerElementRef\n  >\n    <ng-content select=\"sky-dropdown-menu\"></ng-content>\n  </div>\n</ng-template>\n"]}

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

@@ -28,7 +28,7 @@ export class SkyPopoverContentComponent {
         this.dismissOnBlur = true;
         this.enableAnimations = true;
         this.isOpen = false;
-        this.popoverType = 'info';
+        this.placement = null;
         this.ngUnsubscribe = new Subject();
         this._closed = new Subject();
         this._isMouseEnter = new Subject();
@@ -47,9 +47,7 @@ export class SkyPopoverContentComponent {
         return this._isMouseEnter.asObservable();
     }
     ngOnInit() {
-        var _a;
-        /*istanbul ignore next*/
-        this.contentTarget.createEmbeddedView((_a = this.context) === null || _a === void 0 ? void 0 : _a.contentTemplateRef);
+        this.contentTarget.createEmbeddedView(this.context.contentTemplateRef);
         this.addEventListeners();
         /*istanbul ignore else*/
         if (this.themeSvc) {
@@ -71,27 +69,19 @@ export class SkyPopoverContentComponent {
         /* istanbul ignore else */
         if (this.affixer) {
             this.affixer.destroy();
+            this.affixer = undefined;
         }
-        this._closed =
-            this._isMouseEnter =
-                this._opened =
-                    this.affixer =
-                        this.ngUnsubscribe =
-                            undefined;
     }
     onAnimationEvent(event) {
-        var _a, _b;
         if (event.fromState === 'void') {
             return;
         }
         if (event.phaseName === 'done') {
             if (event.toState === 'open') {
-                /*istanbul ignore next*/
-                (_a = this._opened) === null || _a === void 0 ? void 0 : _a.next();
+                this._opened.next();
             }
             else {
-                /*istanbul ignore next*/
-                (_b = this._closed) === null || _b === void 0 ? void 0 : _b.next();
+                this._closed.next();
             }
         }
     }
@@ -102,9 +92,7 @@ export class SkyPopoverContentComponent {
         this.horizontalAlignment = config.horizontalAlignment;
         this.placement = config.placement;
         this.popoverTitle = config.popoverTitle;
-        if (config.popoverType) {
-            this.popoverType = config.popoverType;
-        }
+        this.popoverType = config.popoverType;
         this.changeDetector.markForCheck();
         // Indicates if the popover should be displayed statically.
         // Please note: This feature is internal-only and used by the visual tests to capture multiple
@@ -117,11 +105,7 @@ export class SkyPopoverContentComponent {
         }
         // Let the styles render before gauging the affix dimensions.
         setTimeout(() => {
-            var _a;
-            /*istanbul ignore next*/
-            if (!((_a = this.popoverRef) === null || _a === void 0 ? void 0 : _a.nativeElement) ||
-                !this.ngUnsubscribe ||
-                this.ngUnsubscribe.isStopped) {
+            if (!this.popoverRef.nativeElement || this.ngUnsubscribe.isStopped) {
                 return;
             }
             if (!this.affixer) {
@@ -134,18 +118,11 @@ export class SkyPopoverContentComponent {
                 isSticky: true,
                 placement: parseAffixPlacement(this.placement),
             };
-            // Ensure that we are positioning the vertical alginment correctly. These
-            // are the default alignments for all popovers but ensure that we are future proof here.
+            // Ensure vertical alignment is set according to the popover's placement value.
             if (affixOptions.placement === 'left' ||
                 affixOptions.placement === 'right') {
                 affixOptions.verticalAlignment = 'middle';
             }
-            else if (affixOptions.placement === 'above') {
-                affixOptions.verticalAlignment = 'bottom';
-            }
-            else {
-                affixOptions.verticalAlignment = 'top';
-            }
             this.affixer.affixTo(this.caller.nativeElement, affixOptions);
             this.updateArrowOffset();
             this.isOpen = true;
@@ -180,13 +157,15 @@ export class SkyPopoverContentComponent {
         this.affixer = affixer;
     }
     updateArrowOffset() {
-        const { top, left } = this.adapterService.getArrowCoordinates({
-            caller: this.caller,
-            popover: this.popoverRef,
-            popoverArrow: this.arrowRef,
-        }, this.placement, this.themeName);
-        this.arrowTop = top;
-        this.arrowLeft = left;
+        if (this.placement) {
+            const { top, left } = this.adapterService.getArrowCoordinates({
+                caller: this.caller,
+                popover: this.popoverRef,
+                popoverArrow: this.arrowRef,
+            }, this.placement, this.themeName);
+            this.arrowTop = top;
+            this.arrowLeft = left;
+        }
     }
     isFocusLeavingElement(event) {
         const focusableItems = this.coreAdapterService.getFocusableChildren(this.elementRef.nativeElement);
@@ -234,7 +213,7 @@ export class SkyPopoverContentComponent {
         });
     }
 }
-SkyPopoverContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverContentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyAffixService }, { token: i1.SkyCoreAdapterService }, { token: i2.SkyPopoverAdapterService }, { token: i3.SkyPopoverContext, optional: true }, { token: i4.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyPopoverContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverContentComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyAffixService }, { token: i1.SkyCoreAdapterService }, { token: i2.SkyPopoverAdapterService }, { token: i3.SkyPopoverContext }, { token: i4.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
 SkyPopoverContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPopoverContentComponent, selector: "sky-popover-content", providers: [SkyPopoverAdapterService], viewQueries: [{ propertyName: "arrowRef", first: true, predicate: ["arrowRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "popoverRef", first: true, predicate: ["popoverRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "contentTarget", first: true, predicate: ["contentTarget"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<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", styles: [".sky-popover-container{position:fixed;min-width:276px;max-width:276px}.sky-popover-container.sky-popover-hidden{visibility:hidden;opacity:0;pointer-events:none!important}.sky-popover-container.sky-popover-hidden *{pointer-events:none!important}.sky-popover-container.sky-popover-static .sky-popover-arrow{position:absolute}.sky-popover-container:focus{outline:none}@media (max-width: 276px){.sky-popover-container{max-width:100%;min-width:auto}}.sky-popover{background-color:#fff}.sky-popover-header{padding-bottom:0}.sky-popover-header+.sky-popover-body{padding-top:2px}.sky-popover-title{margin:0}.sky-popover-arrow{width:0;height:0;position:fixed;border:10px solid transparent}.sky-popover-placement-above{padding-bottom:10px}.sky-popover-placement-above .sky-popover{border-bottom:10px solid #00b4f1}.sky-popover-placement-above .sky-popover-arrow{border-bottom:0;border-top-color:#00b4f1;bottom:0;left:50%;margin-left:-10px}.sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}.sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044}.sky-popover-placement-below{padding-top:10px}.sky-popover-placement-below .sky-popover{border-top:10px solid #00b4f1}.sky-popover-placement-below .sky-popover-arrow{border-top:0;border-bottom-color:#00b4f1;top:0;left:50%;margin-left:-10px}.sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}.sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044}.sky-popover-placement-right{padding-left:10px}.sky-popover-placement-right .sky-popover{border-left:10px solid #00b4f1}.sky-popover-placement-right .sky-popover-arrow{border-left:0;border-right-color:#00b4f1;left:0;top:50%;margin-top:-10px}.sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}.sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{border-right-color:#ef4044}.sky-popover-placement-left{padding-right:10px}.sky-popover-placement-left .sky-popover{border-right:10px solid #00b4f1}.sky-popover-placement-left .sky-popover-arrow{border-right:0;border-left-color:#00b4f1;right:0;top:50%;margin-top:-10px}.sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}.sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{border-left-color:#ef4044}.sky-popover-placement-above.sky-popover-alignment-left .sky-popover-arrow,.sky-popover-placement-below.sky-popover-alignment-left .sky-popover-arrow{left:40px;right:auto}.sky-popover-placement-above.sky-popover-alignment-right .sky-popover-arrow,.sky-popover-placement-below.sky-popover-alignment-right .sky-popover-arrow{left:auto;right:40px}.sky-popover-max-height .sky-popover{overflow-y:auto;overflow-x:hidden;min-height:35px;max-height:calc(50vh - 50px)}:host-context(.sky-theme-modern) .sky-popover{border-radius:6px}:host-context(.sky-theme-modern) .sky-popover-arrow{transform:rotate(45deg);border-color:transparent}:host-context(.sky-theme-modern) .sky-popover-placement-above{padding-bottom:10px}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover{border-bottom:6px solid #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-above .sky-popover-arrow{bottom:1px;border-radius:0 0 3px;border-bottom:solid 10px #00b4f1;border-right:solid 10px #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}:host-context(.sky-theme-modern) .sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044;border-right-color:#ef4044;border-top-color:transparent;border-left-color:transparent}:host-context(.sky-theme-modern) .sky-popover-placement-below{padding-top:10px}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover{border-top:6px solid #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-below .sky-popover-arrow{top:1px;border-radius:3px 0 0;border-top:solid 10px #00b4f1;border-left:solid 10px #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}:host-context(.sky-theme-modern) .sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044;border-left-color:#ef4044;border-bottom-color:transparent;border-right-color:transparent}:host-context(.sky-theme-modern) .sky-popover-placement-right{padding-left:10px}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover{border-left:6px solid #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-right .sky-popover-arrow{left:1px;border-radius:0 0 0 3px;border-bottom:solid 10px #00b4f1;border-left:solid 10px #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}:host-context(.sky-theme-modern) .sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044;border-left-color:#ef4044;border-top-color:transparent;border-right-color:transparent}:host-context(.sky-theme-modern) .sky-popover-placement-left{padding-right:10px}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover{border-right:6px solid #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-left .sky-popover-arrow{right:1px;border-radius:0 3px 0 0;border-top:solid 10px #00b4f1;border-right:solid 10px #00b4f1}:host-context(.sky-theme-modern) .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}:host-context(.sky-theme-modern) .sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044;border-right-color:#ef4044;border-bottom-color:transparent;border-left-color:transparent}.sky-theme-modern .sky-popover{border-radius:6px}.sky-theme-modern .sky-popover-arrow{transform:rotate(45deg);border-color:transparent}.sky-theme-modern .sky-popover-placement-above{padding-bottom:10px}.sky-theme-modern .sky-popover-placement-above .sky-popover{border-bottom:6px solid #00b4f1}.sky-theme-modern .sky-popover-placement-above .sky-popover-arrow{bottom:1px;border-radius:0 0 3px;border-bottom:solid 10px #00b4f1;border-right:solid 10px #00b4f1}.sky-theme-modern .sky-popover-placement-above.sky-popover-danger .sky-popover{border-bottom-color:#ef4044}.sky-theme-modern .sky-popover-placement-above.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044;border-right-color:#ef4044;border-top-color:transparent;border-left-color:transparent}.sky-theme-modern .sky-popover-placement-below{padding-top:10px}.sky-theme-modern .sky-popover-placement-below .sky-popover{border-top:6px solid #00b4f1}.sky-theme-modern .sky-popover-placement-below .sky-popover-arrow{top:1px;border-radius:3px 0 0;border-top:solid 10px #00b4f1;border-left:solid 10px #00b4f1}.sky-theme-modern .sky-popover-placement-below.sky-popover-danger .sky-popover{border-top-color:#ef4044}.sky-theme-modern .sky-popover-placement-below.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044;border-left-color:#ef4044;border-bottom-color:transparent;border-right-color:transparent}.sky-theme-modern .sky-popover-placement-right{padding-left:10px}.sky-theme-modern .sky-popover-placement-right .sky-popover{border-left:6px solid #00b4f1}.sky-theme-modern .sky-popover-placement-right .sky-popover-arrow{left:1px;border-radius:0 0 0 3px;border-bottom:solid 10px #00b4f1;border-left:solid 10px #00b4f1}.sky-theme-modern .sky-popover-placement-right.sky-popover-danger .sky-popover{border-left-color:#ef4044}.sky-theme-modern .sky-popover-placement-right.sky-popover-danger .sky-popover-arrow{border-bottom-color:#ef4044;border-left-color:#ef4044;border-top-color:transparent;border-right-color:transparent}.sky-theme-modern .sky-popover-placement-left{padding-right:10px}.sky-theme-modern .sky-popover-placement-left .sky-popover{border-right:6px solid #00b4f1}.sky-theme-modern .sky-popover-placement-left .sky-popover-arrow{right:1px;border-radius:0 3px 0 0;border-top:solid 10px #00b4f1;border-right:solid 10px #00b4f1}.sky-theme-modern .sky-popover-placement-left.sky-popover-danger .sky-popover{border-right-color:#ef4044}.sky-theme-modern .sky-popover-placement-left.sky-popover-danger .sky-popover-arrow{border-top-color:#ef4044;border-right-color:#ef4044;border-bottom-color:transparent;border-left-color:transparent}\n"], directives: [{ type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [skyPopoverAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPopoverContentComponent, decorators: [{
             type: Component,
@@ -245,9 +224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     animations: [skyPopoverAnimation],
                     providers: [SkyPopoverAdapterService],
                 }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyAffixService }, { type: i1.SkyCoreAdapterService }, { type: i2.SkyPopoverAdapterService }, { type: i3.SkyPopoverContext, decorators: [{
-                    type: Optional
-                }] }, { type: i4.SkyThemeService, decorators: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyAffixService }, { type: i1.SkyCoreAdapterService }, { type: i2.SkyPopoverAdapterService }, { type: i3.SkyPopoverContext }, { type: i4.SkyThemeService, decorators: [{
                     type: Optional
                 }] }]; }, propDecorators: { arrowRef: [{
                 type: ViewChild,