@momentum-ui/web-components 2.23.0 → 2.23.2

package/dist/index.js

@@ -1 +1 @@
-require("./7678"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./3135"),require("./1598"),require("./4977"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6700"),require("./528"),require("./4548"),require("./6795"),require("./76"),require("./1392"),require("./9164"),require("./8004"),require("./1214"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./8612"),require("./9618"),require("./8521"),require("./2019"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./4392"),require("./630"),require("./3604"),require("./7833"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7997"),require("./7875"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");
+require("./7678"),require("./7103"),require("./1890"),require("./6272"),require("./6325"),require("./6283"),require("./9217"),require("./5830"),require("./8889"),require("./8210"),require("./4977"),require("./3135"),require("./1598"),require("./1572"),require("./6366"),require("./7251"),require("./4974"),require("./2243"),require("./7919"),require("./3553"),require("./6700"),require("./6795"),require("./528"),require("./4548"),require("./76"),require("./1392"),require("./9164"),require("./8004"),require("./1214"),require("./1625"),require("./3625"),require("./6067"),require("./8841"),require("./3112"),require("./3866"),require("./1107"),require("./7330"),require("./7092"),require("./9719"),require("./6979"),require("./9130"),require("./6273"),require("./8612"),require("./9618"),require("./8521"),require("./2019"),require("./779"),require("./573"),require("./5801"),require("./2043"),require("./8171"),require("./2798"),require("./5467"),require("./2984"),require("./1869"),require("./2215"),require("./4392"),require("./630"),require("./3604"),require("./8728"),require("./8227"),require("./1250"),require("./1705"),require("./7997"),require("./6953"),require("./7875"),require("./7833"),require("./6400"),require("./587"),require("./6441"),require("./6015"),require("./3663"),module.exports=require("./index-entry");

package/dist/types/components/card-v2/CardV2.d.ts

@@ -29,6 +29,7 @@ export declare namespace CardV2 {
         private get cardClassMap();
         private get contentClassMap();
         private get footerClassMap();
+        private get expandCardHandler();
         private renderHeader;
         private renderFooter;
         render(): import("lit-element").TemplateResult;

package/dist/types/components/country-code-picker/CountryCodePicker.d.ts

@@ -0,0 +1,54 @@
+import "@/components/combobox/ComboBox";
+import { LitElement } from "lit-element";
+export declare namespace CountryCodePicker {
+    interface Country {
+        name: string;
+        value: string;
+        code: string;
+    }
+    type Attributes = {
+        codePlaceholder: string;
+        countryCallingCode: string;
+        pill: boolean;
+        flagClass: string;
+    };
+    type CountryCalling = {
+        id: string;
+        value: string;
+    };
+    class ELEMENT extends LitElement {
+        codePlaceholder: string;
+        countryCallingCode: string;
+        showFlags: boolean;
+        pill: boolean;
+        disabled: boolean;
+        clearIconHeight: string;
+        ariaLabel: string;
+        clearAriaLabel: string;
+        id: string;
+        newMomentum: boolean;
+        isDropdownArrow: boolean;
+        private countryCode;
+        private codeList;
+        combobox: HTMLElement;
+        connectedCallback(): void;
+        getCountryFlag(code: string): import("lit-element").TemplateResult;
+        countryCodeOptionTemplate(country: CountryCodePicker.Country, index: number): import("lit-element").TemplateResult;
+        handleCountryChange(event: CustomEvent): void;
+        get flagClassMap(): {
+            "new-momentum": boolean;
+        };
+        getFormatedCountryCallingCode(): {
+            id: string;
+            value: string;
+        };
+        getModStyle(): import("lit-element").TemplateResult;
+        static get styles(): import("lit-element").CSSResult[];
+        render(): import("lit-element").TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-country-code-picker": CountryCodePicker.ELEMENT;
+    }
+}

package/dist/types/components/grabber/Grabber.d.ts

@@ -81,7 +81,7 @@ export declare namespace Grabber {
             visible: boolean;
         };
         private get grabberContainerClassMap();
-        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-left-bold" | "arrow-right-bold";
+        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
         get iconSize(): "10" | "12";
         render(): import("lit-element").TemplateResult;
     }

package/dist/types/components/phone-input/PhoneInput.d.ts

@@ -2,11 +2,6 @@ import "@/components/combobox/ComboBox";
 import "@/components/input/Input";
 import { LitElement } from "lit-element";
 export declare namespace PhoneInput {
-    interface Country {
-        name: string;
-        value: string;
-        code: string;
-    }
     type Attributes = {
         codePlaceholder: string;
         numberPlaceholder: string;
@@ -17,10 +12,6 @@ export declare namespace PhoneInput {
         flagClass: string;
         showErrorMessage: string;
     };
-    type CountryCalling = {
-        id: string;
-        value: string;
-    };
     class ELEMENT extends LitElement {
         codePlaceholder: string;
         numberPlaceholder: string;
@@ -39,15 +30,11 @@ export declare namespace PhoneInput {
         id: string;
         newMomentum: boolean;
         private countryCode;
-        private codeList;
         private formattedValue;
         private isValid;
-        combobox: HTMLElement;
         connectedCallback(): void;
-        getCountryFlag(code: string): import("lit-element").TemplateResult;
-        countryCodeOptionTemplate(country: PhoneInput.Country, index: number): import("lit-element").TemplateResult;
         validateNumber(): void;
-        handleCountryChange(event: CustomEvent): void;
+        handleCountryChange(e: CustomEvent): void;
         handlePhoneChange(event: CustomEvent): void;
         handleKeydown(event: Event): void;
         handleBlur(event: Event): void;
@@ -56,11 +43,6 @@ export declare namespace PhoneInput {
         get flagClassMap(): {
             "new-momentum": boolean;
         };
-        getFormatedCountryCallingCode(): {
-            id: string;
-            value: string;
-        };
-        getModStyle(): import("lit-element").TemplateResult;
         static get styles(): import("lit-element").CSSResult[];
         render(): import("lit-element").TemplateResult;
     }

package/dist/types/components/popover/Popover.constants.d.ts

@@ -40,6 +40,7 @@ declare const DEFAULTS: {
     readonly PREVENT_SCROLL: false;
     readonly HIDE_ON_ESCAPE: false;
     readonly HIDE_ON_BLUR: false;
+    readonly HIDE_ON_WINDOW_BLUR: false;
     readonly HIDE_ON_CLICK_OUTSIDE: false;
     readonly FOCUS_BACK: false;
     readonly BACKDROP: false;

package/dist/types/components/popover/Popover.d.ts

@@ -8,7 +8,13 @@
 import "@/components/button/Button";
 import "@/components/icon/Icon";
 import { LitElement, PropertyValues } from "lit-element";
-import { PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./Popover.types";
+import { IPopoverController, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./Popover.types";
+export declare class PopoverController implements IPopoverController {
+    show(_useDelay?: boolean): void;
+    hide(): void;
+    toggle(): void;
+    isVisible(): boolean;
+}
 declare const Popover_base: typeof LitElement & import("@/mixins/FocusTrapMixin").AnyConstructor<import("@/mixins/FocusTrapMixin").FocusTrapClass & import("@/mixins/FocusTrapMixin").FocusTrapInterface & import("../../mixins/FocusMixin").FocusClass>;
 /**
  * Popover component is a lightweight floating UI element that displays additional content when triggered.
@@ -144,6 +150,11 @@ export declare class Popover extends Popover_base {
      * @default false
      */
     hideOnBlur: boolean;
+    /**
+     * Hide popover on window blur.
+     * @default false
+     */
+    hideOnWindowBlur: boolean;
     /**
      * Hide on outside click of the popover.
      * @default false
@@ -205,6 +216,20 @@ export declare class Popover extends Popover_base {
      * @default false
      */
     disableAriaExpanded: boolean;
+    /**
+     * Controller object that provides methods to programmatically control the popover.
+     * This is especially useful when the popover is appended to another part of the DOM.
+     *
+     * @example
+     * ```js
+     * const controller = {};
+     * popover.controller = controller;
+     * // Now you can use controller.show(), controller.hide(), controller.toggle()
+     * ```
+     */
+    set controller(value: PopoverController | null | undefined);
+    get controller(): PopoverController | null;
+    private _controller;
     arrowElement: HTMLElement | null;
     triggerElement: HTMLElement | null;
     /** @internal */
@@ -239,6 +264,7 @@ export declare class Popover extends Popover_base {
      * @param event - The mouse event.
      */
     private readonly onOutsidePopoverClick;
+    private readonly hideThisPopover;
     /**
      * Handles the escape keydown event to close the popover.
      *
@@ -251,6 +277,7 @@ export declare class Popover extends Popover_base {
      * @param event - The focus event.
      */
     private readonly onPopoverFocusOut;
+    private readonly handleWindowBlurEvent;
     /**
      * Handles the popover visibility change and position the popover.
      * Handles the exit event to close the popover.
@@ -270,8 +297,12 @@ export declare class Popover extends Popover_base {
     readonly cancelCloseDelay: () => void;
     /**
      * Shows the popover.
+     * By default (`useOpenDelay = false`), or if `openDelay` is 0 or less, the popover opens immediately.
+     * If `useOpenDelay` is true and `openDelay` is greater than 0, the `openDelay` will be applied before showing the popover.
+     * This allows programmatic calls (e.g., for `trigger="manual"`) to optionally use the `openDelay`.
+     * @param {boolean} [useOpenDelay=false] - Indicates if the `openDelay` should be applied.
      */
-    showPopover: () => void;
+    showPopover: (useOpenDelay?: boolean) => void;
     /**
      * Hides the popover.
      */
@@ -280,7 +311,9 @@ export declare class Popover extends Popover_base {
      * Toggles the popover visibility.
      */
     togglePopoverVisible: () => void;
-    private onTriggerClick;
+    private readonly onMouseEnterTrigger;
+    private readonly onFocusInTrigger;
+    private readonly onTriggerClick;
     private isMouseOverTrigger;
     /**
      * Sets the focusable elements inside the popover.

package/dist/types/components/popover/Popover.stack.d.ts

@@ -23,6 +23,7 @@ declare class PopoverStack {
      * @returns The last popover in the stack
      */
     pop(): Popover | undefined;
+    removeItem(popover: Popover): void;
     /**
      * Returns the last popover in the stack
      * without removing it
@@ -40,6 +41,15 @@ declare class PopoverStack {
      * Clears the stack
      */
     clear(): void;
+    /**
+     * Determines if the currentPopover should defer closing to the topmost popover
+     * in the case of an outside click, based on nesting.
+     *
+     * @param currentPopover - The popover instance being checked.
+     * @returns True if the currentPopover is nested with the top popover and is not the top itself,
+     *          meaning it should defer closing. False otherwise.
+     */
+    shouldDeferToTopForOutsideClick(currentPopover: Popover): boolean;
 }
 export declare const popoverStack: PopoverStack;
 export {};

package/dist/types/components/popover/Popover.types.d.ts

@@ -11,10 +11,16 @@ interface Events {
     onCreatedEvent: Event;
     onDestroyedEvent: Event;
 }
+interface IPopoverController {
+    show: (useDelay?: boolean) => void;
+    hide: () => void;
+    toggle: () => void;
+    isVisible: () => boolean;
+}
 export declare const Strategy: readonly ["fixed", "absolute"];
 export declare const PopoverRole: readonly ["dialog", "menu", "tooltip"];
 export declare const Triggers: readonly ["click", "mouseenter", "manual"];
 export type PlacementType = (typeof Placement)[number];
 export type StrategyType = (typeof Strategy)[number];
 export type PopoverRoleType = (typeof PopoverRole)[number];
-export type { Events, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger };
+export type { Events, IPopoverController, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger };

package/dist/types/components/theme/Theme.d.ts

@@ -49,6 +49,7 @@ export declare namespace Theme {
         virtualReference: HTMLDivElement;
         private placement;
         private popperInstance;
+        private activeTooltipTrigger;
         private setTheme;
         getStyleElement(): HTMLStyleElement;
         applyStyle(): void;

package/dist/types/index.d.ts

@@ -30,6 +30,7 @@ export { CoachmarkPopover } from "./components/coachmark-popover/CoachmarkPopove
 export { Coachmark } from "./components/coachmark/Coachmark";
 export { CodeEditor } from "./components/code-editor/CodeEditor";
 export { ComboBox } from "./components/combobox/ComboBox";
+export { CountryCodePicker } from "./components/country-code-picker/CountryCodePicker";
 export { DateRangePicker } from "./components/date-range-picker/DateRangePicker";
 export { DateTimePicker } from "./components/date-time-picker/DateTimePicker";
 export { DatePicker } from "./components/datepicker/DatePicker";
@@ -63,7 +64,7 @@ export { MenuItem } from "./components/menu/MenuItem";
 export { Modal } from "./components/modal/Modal";
 export { Pagination } from "./components/pagination/Pagination";
 export { PhoneInput } from "./components/phone-input/PhoneInput";
-export { Popover } from "./components/popover/Popover";
+export { Popover, PopoverController } from "./components/popover/Popover";
 export { ProgressBar } from "./components/progress-bar/ProgressBar";
 export { Radio } from "./components/radio/Radio";
 export { RadioGroup } from "./components/radio/RadioGroup";
@@ -81,4 +82,4 @@ export { ToggleSwitch } from "./components/toggle-switch/ToggleSwitch";
 export { Tooltip } from "./components/tooltip/Tooltip";
 export { iconUrlManager } from "./managers/IconUrlManager";
 export { ThemeManager, themeManager } from "./managers/ThemeManager";
-export type { Events, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./components/popover/Popover.types";
+export type { Events, IPopoverController, PopoverColor, PopoverPlacement, PopoverStrategy, PopoverTrigger } from "./components/popover/Popover.types";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.23.0",
+  "version": "2.23.2",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",