@skyux/popovers 8.2.6 → 8.3.0

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

@@ -15,6 +15,7 @@ import * as i0 from "@angular/core";
  */
 export declare class SkyPopoverContentComponent implements OnInit, OnDestroy {
     #private;
+    protected popoverId: string | undefined;
     animationState: SkyPopoverAnimationState;
     get closed(): Observable<void>;
     get opened(): Observable<void>;
@@ -42,6 +43,7 @@ export declare class SkyPopoverContentComponent implements OnInit, OnDestroy {
         dismissOnBlur: boolean;
         enableAnimations: boolean;
         horizontalAlignment: SkyPopoverAlignment;
+        id: string;
         isStatic: boolean;
         placement: SkyPopoverPlacement;
         popoverTitle?: string;

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

@@ -57,6 +57,7 @@ export declare class SkyPopoverComponent implements OnDestroy {
      */
     enableAnimations: boolean;
     isMouseEnter: boolean;
+    popoverId: string;
     templateRef: TemplateRef<unknown> | undefined;
     constructor(overlayService: SkyOverlayService, stackingContext?: SkyStackingContext);
     ngOnDestroy(): void;

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

@@ -8,11 +8,22 @@ import { SkyPopoverTrigger } from './types/popover-trigger';
 import * as i0 from "@angular/core";
 export declare class SkyPopoverDirective implements OnInit, OnDestroy {
     #private;
+    /**
+     * Appends the `sky-popover-trigger` class to the trigger element.
+     * @internal
+     */
+    protected directiveClass: string;
+    /**
+     * Appends the `data-popover-id` attribute to the trigger element set to a unique ID generated by the popover component.
+     * @internal
+     */
+    protected popoverId: string | undefined;
     /**
      * The popover component to display. Add this directive to the trigger element that opens the popover.
      * @required
      */
-    skyPopover: SkyPopoverComponent | undefined;
+    set skyPopover(value: SkyPopoverComponent | undefined);
+    get skyPopover(): SkyPopoverComponent | undefined;
     /**
      * The horizontal alignment of the popover in relation to the trigger element.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/popovers",
-  "version": "8.2.6",
+  "version": "8.3.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -45,11 +45,11 @@
     "@angular/common": "^15.2.9",
     "@angular/core": "^15.2.9",
     "@angular/platform-browser": "^15.2.9",
-    "@skyux-sdk/testing": "8.2.6",
-    "@skyux/core": "8.2.6",
-    "@skyux/i18n": "8.2.6",
-    "@skyux/indicators": "8.2.6",
-    "@skyux/theme": "8.2.6"
+    "@skyux-sdk/testing": "8.3.0",
+    "@skyux/core": "8.3.0",
+    "@skyux/i18n": "8.3.0",
+    "@skyux/indicators": "8.3.0",
+    "@skyux/theme": "8.3.0"
   },
   "dependencies": {
     "tslib": "^2.5.0"

package/testing/popover/harness/popover-body-harness.d.ts

@@ -0,0 +1,31 @@
+import { ComponentHarness, HarnessQuery, TestElement } from '@angular/cdk/testing';
+/**
+ * Harness for interacting with a popover body in tests.
+ * @internal
+ */
+export declare class SkyPopoverBodyHarness extends ComponentHarness {
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Returns a child harness.
+     */
+    queryHarness<T extends ComponentHarness>(harness: HarnessQuery<T>): Promise<T | null>;
+    /**
+     * Returns child harnesses.
+     */
+    queryHarnesses<T extends ComponentHarness>(harness: HarnessQuery<T>): Promise<T[]>;
+    /**
+     * Returns a child test element.
+     */
+    querySelector(selector: string): Promise<TestElement | null>;
+    /**
+     * Returns child test elements.
+     */
+    querySelectorAll(selector: string): Promise<TestElement[]>;
+    /**
+     * Gets the text of the popover content body.
+     */
+    getText(): Promise<string>;
+}

package/testing/popover/harness/popover-content-harness-filters.d.ts

@@ -0,0 +1,7 @@
+import { BaseHarnessFilters } from '@angular/cdk/testing';
+/**
+ * A set of criteria that can be used to filter a list of `SkyComponentHarness` instances.
+ * @internal
+ */
+export interface SkyPopoverContentHarnessFilters extends BaseHarnessFilters {
+}

package/testing/popover/harness/popover-content-harness.d.ts

@@ -0,0 +1,53 @@
+import { ComponentHarness, HarnessPredicate, HarnessQuery, TestElement } from '@angular/cdk/testing';
+import { SkyPopoverContentHarnessFilters } from './popover-content-harness-filters';
+/**
+ * Harness for interacting with a popover content component in tests.
+ */
+export declare class SkyPopoverContentHarness extends ComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyPopoverContentHarness` that meets certain criteria.
+     */
+    static with(filters: SkyPopoverContentHarnessFilters): HarnessPredicate<SkyPopoverContentHarness>;
+    /**
+     * Returns a child harness.
+     */
+    queryHarness<T extends ComponentHarness>(harness: HarnessQuery<T>): Promise<T | null>;
+    /**
+     * Returns child harnesses.
+     */
+    queryHarnesses<T extends ComponentHarness>(harness: HarnessQuery<T>): Promise<T[]>;
+    /**
+     * Returns a child test element.
+     */
+    querySelector(selector: string): Promise<TestElement | null>;
+    /**
+     * Returns child test elements.
+     */
+    querySelectorAll(selector: string): Promise<TestElement[]>;
+    /**
+     * Gets the placement of the popover content.
+     */
+    getPlacement(): Promise<string>;
+    /**
+     * Gets the alignment of the popover content.
+     */
+    getAlignment(): Promise<string>;
+    /**
+     * Gets the text of the popover content title.
+     */
+    getTitleText(): Promise<string | undefined>;
+    /**
+     * Gets the text of the popover content body.
+     */
+    getBodyText(): Promise<string>;
+    /**
+     * Clicks out of the popover. If `dismissOnBlur` property is set to false, then the popover does not close.
+     */
+    clickOut(): Promise<void>;
+}

package/testing/popover/harness/popover-harness-filters.d.ts

@@ -0,0 +1,6 @@
+import { SkyHarnessFilters } from '@skyux/core/testing';
+/**
+ * A set of criteria that can be used to filter a list of SkyPopoverHarness instances.
+ */
+export interface SkyPopoverHarnessFilters extends SkyHarnessFilters {
+}

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

@@ -0,0 +1,31 @@
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyComponentHarness } from '@skyux/core/testing';
+import { SkyPopoverContentHarness } from './popover-content-harness';
+import { SkyPopoverHarnessFilters } from './popover-harness-filters';
+/**
+ * Harness for interacting with a popover component in tests.
+ */
+export declare class SkyPopoverHarness extends SkyComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyPopoverHarness` that meets certain criteria.
+     */
+    static with(filters: SkyPopoverHarnessFilters): HarnessPredicate<SkyPopoverHarness>;
+    /**
+     * Toggles a popover open or closed.
+     */
+    clickPopoverButton(): Promise<void>;
+    /**
+     * Gets the popover content component.
+     */
+    getPopoverContent(): Promise<SkyPopoverContentHarness>;
+    /**
+     * Whether the popover is open.
+     */
+    isOpen(): Promise<boolean>;
+}

package/testing/public-api.d.ts

@@ -11,3 +11,7 @@ export * from './dropdown/harness/dropdown-menu-harness';
 export * from './dropdown/harness/dropdown-menu-harness.filters';
 export * from './dropdown/harness/dropdown-item-harness';
 export * from './dropdown/harness/dropdown-item-harness.filters';
+export * from './popover/harness/popover-content-harness';
+export * from './popover/harness/popover-content-harness-filters';
+export * from './popover/harness/popover-harness';
+export * from './popover/harness/popover-harness-filters';