@nova-design-system/nova-webcomponents 3.4.0 → 3.6.0

package/dist/types/components/nv-accordion-item/nv-accordion-item.d.ts

@@ -0,0 +1,79 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * Accordion item element for nv-accordion.
+ *
+ * @slot header - Custom header (replaces itemtitle/subtitle)
+ * @slot content - Main content (expandable area)
+ */
+export declare class NvAccordionItem {
+    el: HTMLNvAccordionItemElement;
+    private contentRef?;
+    private mutationObserver?;
+    /****************************************************************************/
+    /** Item title (displayed if header slot is absent) */
+    readonly itemtitle?: string;
+    /** Item subtitle (displayed if header slot is absent) */
+    readonly subtitle?: string;
+    /** Open or closed */
+    open: boolean;
+    /** Disables the item */
+    readonly disabled: boolean;
+    /** Maximum content height (in px, optional). If not defined, auto height. */
+    readonly maxContentHeight?: number;
+    /** Parent expansion mode (accordion or multi) */
+    readonly mode?: 'accordion' | 'multi';
+    /****************************************************************************/
+    /**
+     * Event emitted on toggle (header click)
+     */
+    itemToggle: EventEmitter<boolean>;
+    /****************************************************************************/
+    /** Internal state for open/close rendering */
+    currentOpenState: boolean;
+    /**
+     * Controls if the panel has been initialized for animations
+     */
+    isInitialized: boolean;
+    /**
+     * Animation in progress
+     */
+    isAnimating: boolean;
+    /****************************************************************************/
+    onOpenChanged(newValue: boolean, oldValue: boolean): Promise<void>;
+    /****************************************************************************/
+    /**
+     * Updates the visibility state with Nova animation system
+     * @param {boolean} open - Whether the accordion item should be open
+     */
+    private updateVisibility;
+    /****************************************************************************/
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    /****************************************************************************/
+    /**
+     * Toggle open/close (Public API)
+     */
+    toggle(): Promise<void>;
+    /**
+     * Handler for header click
+     */
+    private handleHeaderClick;
+    /**
+     * Handler for iconbutton click
+     * @param {Event} e - Click event
+     */
+    private handleIconClick;
+    /**
+     * Handler for keyboard events on iconbutton
+     * @param {KeyboardEvent} e - Keyboard event
+     */
+    private handleHeaderKeyDown;
+    /**
+     * Get the chevron icon name based on open state
+     * @returns {string} The icon name to display in the chevron button
+     */
+    private get chevronIconName();
+    /****************************************************************************/
+    render(): any;
+}

package/dist/types/components/nv-accordion-item/nv-accordion-item.docs.d.ts

@@ -0,0 +1,4 @@
+import type { NovaDocs } from '../../nova-docs';
+import { Components } from '../../components';
+declare const NvAccordionItemDocs: NovaDocs<Components.NvAccordionItem>;
+export default NvAccordionItemDocs;

package/dist/types/components/nv-calendar/partials/calendar-grid.d.ts

@@ -1,12 +1,13 @@
 import { FunctionalComponent } from '../../../stencil-public-runtime';
 /**
  * Day data structure
+ * @internal
  */
 interface DayData {
     /** Day of the month (1-31) */
-    dayOfMonth: number;
+    dayOfMonth: number | null;
     /** Complete date */
-    date: Date;
+    date: Date | null;
     /** If the day belongs to the current month */
     isCurrentMonth: boolean;
     /** If the day is disabled */
@@ -14,6 +15,7 @@ interface DayData {
 }
 /**
  * Props for the CalendarGrid component
+ * @internal
  */
 interface CalendarGridProps {
     /** Array of day data for the month */

package/dist/types/components/nv-dialog/nv-dialog.d.ts

@@ -50,6 +50,11 @@ export declare class NvDialog {
      * If true, the dialog takes full width styling.
      */
     readonly full: boolean;
+    /**
+     * Controls whether the dialog should automatically focus the first focusable element when opened.
+     * When disabled, prevents unwanted tooltip triggers on dialog open.
+     */
+    readonly autofocus: boolean;
     /****************************************************************************/
     /**
      * Call this method to show the dialog, making it visible on the screen.
@@ -77,10 +82,12 @@ export declare class NvDialog {
     private attachEventListeners;
     /**
      * Prevents the body from scrolling when the dialog is open.
+     * Compensates for scrollbar width to prevent layout shift.
      */
     private preventScroll;
     /**
      * Allows the body to scroll when the dialog is closed.
+     * Removes the applied overflow and padding styles.
      */
     private allowScroll;
     private ensureFormId;

package/dist/types/components/nv-fielddate/nv-fielddate.d.ts

@@ -1,5 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 /**
+ * A field date component that combines an input with a calendar popover.
+ *
  * @slot default - Child content of the component.
  * @slot leading-input - Content to be placed before the input text, within the input container.
  * @slot before-input - Content to be placed before the input text, outside the input container.
@@ -72,6 +74,10 @@ export declare class NvFielddate {
      * The current value of the input date in string format.
      */
     singleValue: string;
+    /**
+     * The placeholder to display in the input.
+     */
+    currentPlaceholder: string;
     /**
      * Controls the opening of the popover.
      */
@@ -155,14 +161,24 @@ export declare class NvFielddate {
      */
     private handleInput;
     /**
-     * Toggles the opening/closing of the popover.
+     * Initializes the input mask.
      */
-    private toggleCalendar;
+    private initializeInputMask;
+    /**
+     * Handles keydown events on the input before the mask is initialized.
+     * Initializes the mask on the first number input.
+     * @param {KeyboardEvent} event - The keyboard event.
+     */
+    private handleKeydownBeforeMask;
     /**
      * Handles focus events on the input element.
      * @param {FocusEvent} event - The focus event.
      */
     private handleFocus;
+    /**
+     * Handles blur events on the input element.
+     */
+    private handleBlur;
     /**
      * Prevents the valueChanged event from the calendar from propagating up.
      * @param {CustomEvent} event - The valueChanged event from nv-calendar.
@@ -178,6 +194,10 @@ export declare class NvFielddate {
      * @param {HTMLInputElement} el - The input element.
      */
     private setInputRef;
+    /**
+     * Toggles the opening/closing of the popover.
+     */
+    private toggleCalendar;
     /****************************************************************************/
     connectedCallback(): void;
     componentWillLoad(): void;

package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts

@@ -57,9 +57,10 @@ export declare class NvFieldmultiselect {
      */
     readonly autocomplete: `${TextInputAutocomplete}`;
     /**
-     * Specifies the value of the input field.
+     * Specifies the selected values of the multiselect field.
+     * This is the canonical value for the component and is used for form submission.
      */
-    value: string;
+    value: string[];
     /**
      * Marks the input field as required.
      */
@@ -147,15 +148,11 @@ export declare class NvFieldmultiselect {
      * Text for the badge showing the number of selected items.
      */
     readonly badgeLabel: string;
-    /****************************************************************************/
     /**
      * The text entered by the user for filtering multiselect items.
      */
     filterText: string;
-    /**
-     * List of selected values in the multiselect.
-     */
-    selectedValues: string[];
+    /****************************************************************************/
     /**
      * Sorted options for display.
      */
@@ -170,15 +167,14 @@ export declare class NvFieldmultiselect {
     private isHandlingEscape;
     /****************************************************************************/
     /**
-     * Emitted when the input value changes.
+     * Emitted when the selected values change.
      * @bind value
      */
-    valueChanged: EventEmitter<string>;
+    valueChanged: EventEmitter<string[]>;
     /**
-     * Event emitted when the selection changes in the multiselect.
-     * Emits the current list of selected values.
+     * Emitted when the filter text changes.
      */
-    multiselectChange: EventEmitter<string[]>;
+    filterTextChanged: EventEmitter<string>;
     /****************************************************************************/
     handleOptionsChange(newValue: typeof this.options): void;
     /**
@@ -225,10 +221,6 @@ export declare class NvFieldmultiselect {
      * @returns {string} The filter text.
      */
     getFilterText(): Promise<string>;
-    /**
-     * Set the initial selection based on the current value and update the inputElement value.
-     */
-    private setInitialSelection;
     /**
      * Reset the filter and make all items visible.
      */
@@ -354,6 +346,11 @@ export declare class NvFieldmultiselect {
      */
     private togglePopoverSlots;
     private manageDivider;
+    /**
+     * Synchronizes the checked state of all child nv-fielddropdownitemcheck components
+     * with the current selectedValues state.
+     */
+    private syncChildComponents;
     /****************************************************************************/
     /**
      * Renders the component in options mode

package/dist/types/components/nv-fieldslider/nv-fieldslider.utils.d.ts

@@ -1,6 +1,12 @@
 /**
  * Utility functions for nv-fieldslider.
  */
+/**
+ * Gets the number of decimal places in a number.
+ * @param {number} num - The number to check
+ * @returns {number} The number of decimal places
+ */
+export declare function getDecimalPlaces(num: number): number;
 /**
  * Clamp a value between min and max.
  * @param {number} value - The value to clamp
@@ -44,3 +50,10 @@ export declare function snapToTicks(value: number, ticks: {
     /** The value of the tick */
     value: number;
 }[]): number;
+/**
+ * Format a numeric value for display, preserving trailing zeros based on step precision
+ * @param {number} value - The value to format
+ * @param {number} step - The step size that determines decimal precision
+ * @returns {string} Formatted value string with appropriate decimal places
+ */
+export declare function formatValueForDisplay(value: number, step: number): string;

package/dist/types/components/nv-fieldslider/partials/range-thumb.d.ts

@@ -17,6 +17,8 @@ interface RangeThumbProps {
     min: number;
     /** Maximum allowed value */
     max: number;
+    /** Step size of the slider */
+    step: number;
     /** Whether the slider is disabled */
     disabled: boolean;
     /** Whether the slider is readonly */

package/dist/types/components/nv-fieldslider/partials/single-thumb.d.ts

@@ -9,6 +9,8 @@ interface SingleThumbProps {
     min: number;
     /** Maximum allowed value */
     max: number;
+    /** Step size of the slider */
+    step: number;
     /** Raw position during dragging */
     rawPosition: number;
     /** Whether the thumb is currently being dragged */

package/dist/types/components/nv-icon/nv-icons.d.ts

@@ -1,3 +1,3 @@
 /** Available icons */
-export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sizexl", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
+export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "compass", "contract", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "engine", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "sizexl", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-minus", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

package/dist/types/components/nv-tooltip/nv-tooltip.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import type { Placement } from '@floating-ui/dom';
 /**
  * @slot default - Content to be placed as the trigger.
@@ -31,6 +32,12 @@ export declare class NvTooltip {
      */
     readonly enterDelay: number;
     /****************************************************************************/
+    /**
+     * Emitted when the tooltip is opened or closed. Bubbles up from the popover
+     * element.
+     */
+    openChanged: EventEmitter<boolean>;
+    /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/
     render(): any;