@skyux/popovers 5.9.3 → 5.9.4

package/lib/modules/dropdown/dropdown.component.d.ts

@@ -10,6 +10,7 @@ import * as i0 from "@angular/core";
  * Creates a dropdown menu that displays menu items that users may select.
  */
 export declare class SkyDropdownComponent implements OnInit, OnDestroy {
+    #private;
     private changeDetector;
     private affixService;
     private overlayService;
@@ -20,7 +21,7 @@ export declare class SkyDropdownComponent implements OnInit, OnDestroy {
      * [secondary and primary button classes](https://developer.blackbaud.com/skyux/components/button) respectively.
      * @default "default"
      */
-    set buttonStyle(value: string);
+    set buttonStyle(value: string | undefined);
     get buttonStyle(): string;
     /**
      * Specifies the type of button to render as the dropdown's trigger element. To display a button
@@ -30,13 +31,13 @@ export declare class SkyDropdownComponent implements OnInit, OnDestroy {
      * For example, to display the `fa-filter` icon, specify `filter`.
      * @default "select"
      */
-    set buttonType(value: string);
+    set buttonType(value: string | undefined);
     get buttonType(): string;
     /**
      * Indicates whether to disable the dropdown button.
      * @default false
      */
-    set disabled(value: boolean);
+    set disabled(value: boolean | undefined);
     get disabled(): boolean;
     /**
      * Indicates whether to close the dropdown when users click away from the menu.
@@ -48,12 +49,12 @@ export declare class SkyDropdownComponent implements OnInit, OnDestroy {
      * Specifies an ARIA label for the dropdown. This sets the dropdown's `aria-label` attribute
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      */
-    label: string;
+    label: string | undefined;
     /**
      * Specifies the horizontal alignment of the dropdown menu in relation to the dropdown button.
      * @default "left"
      */
-    set horizontalAlignment(value: SkyDropdownHorizontalAlignment);
+    set horizontalAlignment(value: SkyDropdownHorizontalAlignment | undefined);
     get horizontalAlignment(): SkyDropdownHorizontalAlignment;
     /**
      * Provides an observable to send commands to the dropdown. The commands should respect
@@ -63,7 +64,7 @@ export declare class SkyDropdownComponent implements OnInit, OnDestroy {
     /**
      * Specifies a title to display in a tooltip when users hover the mouse over the dropdown button.
      */
-    title: string;
+    title: string | undefined;
     /**
      * Specifies how users interact with the dropdown button to expose the dropdown menu.
      * We recommend the default `click` value because the `hover` value can pose
@@ -74,16 +75,16 @@ export declare class SkyDropdownComponent implements OnInit, OnDestroy {
      * property. (This property will be removed in the next major version release.)
      * @default "click"
      */
-    set trigger(value: SkyDropdownTriggerType);
+    set trigger(value: SkyDropdownTriggerType | undefined);
     get trigger(): SkyDropdownTriggerType;
     set isOpen(value: boolean);
     get isOpen(): boolean;
-    set menuContainerElementRef(value: ElementRef);
-    get menuContainerElementRef(): ElementRef;
+    set menuContainerElementRef(value: ElementRef | undefined);
+    get menuContainerElementRef(): ElementRef | undefined;
     isMouseEnter: boolean;
     isVisible: boolean;
-    menuId: string;
-    menuAriaRole: string;
+    menuId: string | undefined;
+    menuAriaRole: string | undefined;
     private menuContainerTemplateRef;
     private triggerButton;
     private affixer;
@@ -97,7 +98,6 @@ export declare class SkyDropdownComponent implements OnInit, OnDestroy {
     private _isOpen;
     private _menuContainerElementRef;
     private _trigger;
-    private _positionTimeout;
     constructor(changeDetector: ChangeDetectorRef, affixService: SkyAffixService, overlayService: SkyOverlayService, themeSvc?: SkyThemeService);
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/modules/popover/popover-content.component.d.ts

@@ -8,6 +8,7 @@ import { SkyPopoverAnimationState } from './popover-animation-state';
 import { SkyPopoverContext } from './popover-context';
 import { SkyPopoverAlignment } from './types/popover-alignment';
 import { SkyPopoverPlacement } from './types/popover-placement';
+import { SkyPopoverType } from './types/popover-type';
 import * as i0 from "@angular/core";
 /**
  * @internal
@@ -18,23 +19,23 @@ export declare class SkyPopoverContentComponent implements OnInit, OnDestroy {
     private affixService;
     private coreAdapterService;
     private adapterService;
-    private context?;
+    private context;
     private themeSvc?;
     get animationState(): SkyPopoverAnimationState;
     get closed(): Observable<void>;
     get opened(): Observable<void>;
     get isMouseEnter(): Observable<boolean>;
-    affixer: SkyAffixer;
-    arrowLeft: number;
-    arrowTop: number;
+    affixer: SkyAffixer | undefined;
+    arrowLeft: number | undefined;
+    arrowTop: number | undefined;
     dismissOnBlur: boolean;
     enableAnimations: boolean;
     horizontalAlignment: SkyPopoverAlignment;
     isOpen: boolean;
-    placement: SkyPopoverPlacement;
-    popoverTitle: string;
-    popoverType: 'danger' | 'info';
-    themeName: string;
+    placement: SkyPopoverPlacement | null;
+    popoverTitle: string | undefined;
+    popoverType: SkyPopoverType;
+    themeName: string | undefined;
     private arrowRef;
     private popoverRef;
     private contentTarget;
@@ -43,7 +44,7 @@ export declare class SkyPopoverContentComponent implements OnInit, OnDestroy {
     private _closed;
     private _isMouseEnter;
     private _opened;
-    constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, affixService: SkyAffixService, coreAdapterService: SkyCoreAdapterService, adapterService: SkyPopoverAdapterService, context?: SkyPopoverContext, themeSvc?: SkyThemeService);
+    constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef, affixService: SkyAffixService, coreAdapterService: SkyCoreAdapterService, adapterService: SkyPopoverAdapterService, context: SkyPopoverContext, themeSvc?: SkyThemeService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onAnimationEvent(event: AnimationEvent): void;
@@ -53,8 +54,8 @@ export declare class SkyPopoverContentComponent implements OnInit, OnDestroy {
         horizontalAlignment: SkyPopoverAlignment;
         isStatic: boolean;
         placement: SkyPopoverPlacement;
-        popoverTitle: string;
-        popoverType?: 'danger' | 'info';
+        popoverTitle?: string;
+        popoverType: SkyPopoverType;
     }): void;
     close(): void;
     applyFocus(): void;
@@ -62,6 +63,6 @@ export declare class SkyPopoverContentComponent implements OnInit, OnDestroy {
     private updateArrowOffset;
     private isFocusLeavingElement;
     private addEventListeners;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyPopoverContentComponent, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyPopoverContentComponent, [null, null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyPopoverContentComponent, "sky-popover-content", never, {}, {}, never, never>;
 }

package/lib/modules/popover/popover.component.d.ts

@@ -11,14 +11,14 @@ export declare class SkyPopoverComponent implements OnDestroy {
      * The `skyPopoverAlignment` property on the popover directive takes precedence over this property when specified.
      * @default "center"
      */
-    set alignment(value: SkyPopoverAlignment);
+    set alignment(value: SkyPopoverAlignment | undefined);
     get alignment(): SkyPopoverAlignment;
     /**
      * Indicates whether to close the popover when it loses focus.
      * To require users to click a trigger button to close the popover, set this input to false.
      * @default true
      */
-    set dismissOnBlur(value: boolean);
+    set dismissOnBlur(value: boolean | undefined);
     get dismissOnBlur(): boolean;
     /**
      * Specifies the placement of the popover in relation to the trigger element.
@@ -30,12 +30,13 @@ export declare class SkyPopoverComponent implements OnDestroy {
     /**
      * Specifies a title for the popover.
      */
-    popoverTitle: string;
+    popoverTitle: string | undefined;
     /**
      * Specifies the type of popover.
      * @default "info"
      */
-    popoverType: SkyPopoverType;
+    set popoverType(value: SkyPopoverType | undefined);
+    get popoverType(): SkyPopoverType;
     /**
      * Fires when users close the popover.
      */
@@ -64,6 +65,7 @@ export declare class SkyPopoverComponent implements OnDestroy {
     private _alignment;
     private _dismissOnBlur;
     private _placement;
+    private _popoverType;
     constructor(overlayService: SkyOverlayService);
     ngOnDestroy(): void;
     /**

package/lib/modules/popover/popover.directive.d.ts

@@ -16,9 +16,8 @@ export declare class SkyPopoverDirective implements OnInit, OnDestroy {
     skyPopover: SkyPopoverComponent;
     /**
      * Specifies the horizontal alignment of the popover in relation to the trigger element.
-     * @default "center"
      */
-    skyPopoverAlignment: SkyPopoverAlignment;
+    skyPopoverAlignment: SkyPopoverAlignment | undefined;
     /**
      * Provides an RxJS `Subject` to send commands to the popover that respect the `SkyPopoverMessage` type.
      */
@@ -27,13 +26,12 @@ export declare class SkyPopoverDirective implements OnInit, OnDestroy {
     private _skyPopoverMessageStream;
     /**
      * Specifies the placement of the popover in relation to the trigger element.
-     * @default "above"
      */
-    skyPopoverPlacement: SkyPopoverPlacement;
+    skyPopoverPlacement: SkyPopoverPlacement | undefined;
     /**
      * Specifies the user action that displays the popover.
      */
-    set skyPopoverTrigger(value: SkyPopoverTrigger);
+    set skyPopoverTrigger(value: SkyPopoverTrigger | undefined);
     get skyPopoverTrigger(): SkyPopoverTrigger;
     private ngUnsubscribe;
     private _trigger;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/popovers",
-  "version": "5.9.3",
+  "version": "5.9.4",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -20,11 +20,11 @@
     "@angular/common": "^12.2.16",
     "@angular/core": "^12.2.16",
     "@angular/platform-browser": "^12.2.16",
-    "@skyux-sdk/testing": "5.9.3",
-    "@skyux/core": "5.9.3",
-    "@skyux/i18n": "5.9.3",
-    "@skyux/indicators": "5.9.3",
-    "@skyux/theme": "5.9.3"
+    "@skyux-sdk/testing": "5.9.4",
+    "@skyux/core": "5.9.4",
+    "@skyux/i18n": "5.9.4",
+    "@skyux/indicators": "5.9.4",
+    "@skyux/theme": "5.9.4"
   },
   "dependencies": {
     "tslib": "^2.3.1"

package/testing/dropdown/dropdown-fixture.d.ts

@@ -12,34 +12,34 @@ export declare class SkyDropdownFixture {
     /**
      * Returns information about the dropdown component.
      */
-    get dropdown(): SkyPopoversFixtureDropdown;
+    get dropdown(): SkyPopoversFixtureDropdown | undefined;
     /**
      * Returns the dropdown button's text.
      */
-    get dropdownButtonText(): string;
+    get dropdownButtonText(): string | undefined;
     /**
      * Returns information about the dropdown menu component.
      */
-    get dropdownMenu(): SkyPopoversFixtureDropdownMenu;
+    get dropdownMenu(): SkyPopoversFixtureDropdownMenu | undefined;
     /**
      * Indicates if the dropdown menu is open and visible.
      */
     get dropdownMenuIsVisible(): boolean;
     private get buttonDebugElement();
     private debugEl;
-    constructor(fixture: ComponentFixture<any>, skyTestId: string);
+    constructor(fixture: ComponentFixture<unknown>, skyTestId: string);
     /**
      * Click the dropdown button to open or close the dropdown menu.
      */
-    clickDropdownButton(): Promise<any>;
+    clickDropdownButton(): Promise<unknown>;
     /**
      * Click the dropdown item at the provided index.
      */
-    clickDropdownItem(index: number): Promise<any>;
+    clickDropdownItem(index: number): Promise<unknown>;
     /**
      * Returns information about the dropdown item at the provided index.
      */
-    getDropdownItem(index: number): SkyPopoversFixtureDropdownItem;
+    getDropdownItem(index: number): SkyPopoversFixtureDropdownItem | undefined;
     /**
      * Returns the contents of the dropdown menu.
      */

package/testing/dropdown/popovers-fixture-dropdown.d.ts

@@ -1,6 +1,6 @@
 export interface SkyPopoversFixtureDropdown {
-    buttonStyle: string;
-    buttonType: string;
+    buttonStyle?: string;
+    buttonType?: string;
     disabled: boolean;
     label: string;
     title: string;

package/testing/popover/popover-fixture.d.ts

@@ -9,28 +9,28 @@ export declare class SkyPopoverFixture {
     /**
      * Returns the popover alignment if the popover is open, otherwise undefined.
      */
-    get alignment(): string;
+    get alignment(): string | undefined;
     /**
      * Returns the popover body element if the popover is open, otherwise undefined.
      */
-    get body(): HTMLElement;
+    get body(): HTMLElement | undefined;
     /**
      * Returns the popover position if the popover is open, otherwise undefined.
      */
-    get placement(): string;
+    get placement(): string | undefined;
     /**
      * Returns the popover title text if the popover is open, otherwise undefined.
      */
-    get popoverTitle(): string;
+    get popoverTitle(): string | undefined;
     /**
      * Indicates if the popover is open and visible.
      */
     get popoverIsVisible(): boolean;
-    constructor(fixture: ComponentFixture<any>);
+    constructor(fixture: ComponentFixture<unknown>);
     /**
      * Triggers the blur event for the popover.
      */
-    blur(): Promise<any>;
+    blur(): Promise<unknown>;
     private get contentElement();
     private get containerElement();
     private get titleElement();