@momentum-ui/web-components 3.2.5 → 3.2.7

package/dist/types/[sandbox]/examples/editable-field.d.ts

@@ -10,7 +10,7 @@ export declare class EditableFieldTemplateSandbox extends LitElement {
     disconnectedCallback(): void;
     setErrorMessage: () => void;
     resetErrorMessage: () => void;
-    renderErrorMessage(): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderErrorMessage(): typeof nothing | import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
 export declare const editableField: import("lit-html").TemplateResult<1>;

package/dist/types/[sandbox]/examples/popover.d.ts

@@ -4,6 +4,7 @@ import "../../components/coachmark-popover/CoachmarkPopover";
 import "../../components/icon/Icon";
 import "../../components/list/List";
 import "../../components/list/ListItem";
+import "../../components/modal/Modal";
 import "../../components/popover/Popover";
 import "../../components/radio/Radio";
 import "../../components/radio/RadioGroup";
@@ -19,6 +20,7 @@ export declare class PopoverTemplateSandbox extends LitElement {
     private thirdOpen;
     private fourthOpen;
     private isButtonWithTooltipPopoverOpen;
+    private isEscapeModalOpen;
     private openFirstCoach;
     private openSecondCoach;
     private openThirdCoach;

package/dist/types/components/avatar/Avatar.d.ts

@@ -75,7 +75,7 @@ export declare namespace Avatar {
         private get chatIconSize();
         private get presenceSize();
         private get iconSize();
-        get renderIsTyping(): import("lit-html").TemplateResult<1> | typeof nothing;
+        get renderIsTyping(): typeof nothing | import("lit-html").TemplateResult<1>;
         private get avatarLetter();
         private get avatarIcon();
         private get avatarImage();
@@ -85,8 +85,8 @@ export declare namespace Avatar {
         handleKeyDown(event: KeyboardEvent): void;
         handleClick(event: MouseEvent): void;
         private getBrandOrDesignIconSet;
-        get avatarContent(): import("lit-html").TemplateResult<1> | typeof nothing;
-        renderPresence(): import("lit-html").TemplateResult<1> | typeof nothing;
+        get avatarContent(): typeof nothing | import("lit-html").TemplateResult<1>;
+        renderPresence(): typeof nothing | import("lit-html").TemplateResult<1>;
         private renderAvatarContent;
         render(): import("lit-html").TemplateResult<1>;
     }

package/dist/types/components/badge/Badge.d.ts

@@ -31,7 +31,7 @@ export declare namespace Badge {
         renderTextColor: () => string | typeof nothing;
         renderHeight: () => string | typeof nothing;
         renderWidth: () => string | typeof nothing;
-        getStyles: () => import("lit-html").TemplateResult<1> | typeof nothing;
+        getStyles: () => typeof nothing | import("lit-html").TemplateResult<1>;
         static get styles(): import("lit").CSSResult[];
         private get computedAriaHiddenSplits();
         private get computedTabIndex();

package/dist/types/components/button/Button.d.ts

@@ -129,10 +129,10 @@ export declare namespace Button {
         get slottedText(): string | undefined;
         get hasIcon(): boolean;
         iconTemplate: () => import("lit-html").TemplateResult<1>;
-        textTemplate: () => import("lit-html").TemplateResult<1> | typeof nothing;
+        textTemplate: () => typeof nothing | import("lit-html").TemplateResult<1>;
         childrenTemplate(): import("lit-html").TemplateResult<1>;
         get computedAriaExpand(): "true" | "false" | undefined;
-        buttonTemplate(tag: Button.Tag): import("lit-html").TemplateResult<1> | typeof nothing;
+        buttonTemplate(tag: Button.Tag): typeof nothing | import("lit-html").TemplateResult<1>;
         get buttonContainerClassMap(): {
             "md-button__container": boolean;
             "md-button__container--small": boolean;

package/dist/types/components/chip/Chip.d.ts

@@ -52,10 +52,10 @@ export declare namespace Chip {
         protected renderBgColor: () => string | typeof nothing;
         protected renderTextColor: () => string | typeof nothing;
         protected renderHeight: () => string | typeof nothing;
-        protected getStyles: () => import("lit-html").TemplateResult<1> | typeof nothing;
+        protected getStyles: () => typeof nothing | import("lit-html").TemplateResult<1>;
         static get styles(): import("lit").CSSResult[];
-        protected loadingTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
-        protected iconTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
+        protected loadingTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
+        protected iconTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
         getToolTipContent(): string;
         private get textContentClassMap();
         private get textContentTemplate();

package/dist/types/components/combobox/ComboBox.d.ts

@@ -199,7 +199,7 @@ export declare namespace ComboBox {
         arrowButtonTemplate(): TemplateResult<1>;
         groupArrowButtonTemplate(data: string): TemplateResult<1>;
         getSelectAllOption(): TemplateResult<1>;
-        getSelctedCount(): TemplateResult<1> | typeof nothing;
+        getSelctedCount(): typeof nothing | TemplateResult<1>;
         checkForVirtualScroll(): boolean;
         rangeChanged(): void;
         getCustomErrorContent(): DocumentFragment;
@@ -210,8 +210,8 @@ export declare namespace ComboBox {
         addStyle(): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/style-map.js").StyleMapDirective>;
         renderItem(option: OptionMember | string, index: number): TemplateResult;
         inputTitle(): string;
-        helpTextTemplate(): TemplateResult<1> | typeof nothing;
-        messagesTemplate(): TemplateResult<1> | typeof nothing;
+        helpTextTemplate(): typeof nothing | TemplateResult<1>;
+        messagesTemplate(): typeof nothing | TemplateResult<1>;
         get newArrowButtonTemplate(): TemplateResult<1>;
         get renderNewMomentumArrow(): TemplateResult;
         get renderTrailingInputControls(): TemplateResult;

package/dist/types/components/dropdown/Dropdown.d.ts

@@ -138,8 +138,8 @@ export declare namespace Dropdown {
         };
         handleInput(event: Event): void;
         private notifyInputValueChanged;
-        helpTextTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
-        messagesTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
+        helpTextTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
+        messagesTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
         iconTemplate(): import("lit-html").TemplateResult<1>;
         clearButtonTemplate(): import("lit-html").TemplateResult<1>;
         arrowButtonTemplate(): import("lit-html").TemplateResult<1>;

package/dist/types/components/editable-textfield/EditableTextfield.d.ts

@@ -40,7 +40,7 @@ export declare namespace EditableTextfield {
         showAlert(): void;
         static get styles(): CSSResultArray;
         get overflowStyles(): string | false | 0;
-        messagesTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
+        messagesTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
         render(): import("lit-html").TemplateResult<1>;
     }
 }

package/dist/types/components/input/Input.d.ts

@@ -161,15 +161,15 @@ export declare namespace Input {
         get ariaExpandedValue(): "true" | "false" | undefined;
         get hasRightIcon(): boolean;
         inputTemplate(): import("lit-html").TemplateResult<1>;
-        inputLeftTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
+        inputLeftTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
         private get inputRightTemplateClassMap();
         inputRightTemplate(): import("lit-html").TemplateResult<1> | undefined;
         private get comboBoxButtonTemplate();
         private characterCountLabelTemplate;
-        secondaryLabelTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
-        helpTextTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
-        messagesTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
-        labelTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
+        secondaryLabelTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
+        helpTextTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
+        messagesTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
+        labelTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
         static get styles(): import("lit").CSSResult[];
         render(): import("lit-html").TemplateResult<1>;
     }

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

@@ -42,6 +42,9 @@ declare const DEFAULTS: {
     readonly HIDE_ON_BLUR: false;
     readonly HIDE_ON_WINDOW_BLUR: false;
     readonly HIDE_ON_CLICK_OUTSIDE: false;
+    readonly HIDE_ON_POINTER_DOWN_OUTSIDE: false;
+    readonly HIDE_ON_SCROLL: false;
+    readonly HIDE_ON_WHEEL: false;
     readonly FOCUS_BACK: false;
     readonly BACKDROP: false;
     readonly FLIP: true;

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

@@ -160,6 +160,21 @@ export declare class Popover extends Popover_base {
      * @default false
      */
     hideOnOutsideClick: boolean;
+    /**
+     * Hide on outside pointerdown of the popover.
+     * @default false
+     */
+    hideOnOutsidePointerDown: boolean;
+    /**
+     * Hide on scroll event outside popover/trigger.
+     * @default false
+     */
+    hideOnScroll: boolean;
+    /**
+     * Hide on wheel event outside popover/trigger.
+     * @default false
+     */
+    hideOnWheel: boolean;
     /**
      * The focus back to trigger after the popover hide.
      * @default false
@@ -273,6 +288,15 @@ export declare class Popover extends Popover_base {
      * @param event - The mouse event.
      */
     private readonly onOutsidePopoverClick;
+    /**
+     * Handles outside pointerdown to close the popover.
+     */
+    private readonly onOutsidePopoverPointerDown;
+    /**
+     * Handles outside scroll and wheel to close the popover.
+     */
+    private readonly onOutsidePopoverScrollOrWheel;
+    private shouldIgnoreDismissEvent;
     private readonly hideThisPopover;
     /**
      * Handles the escape keydown event to close the popover.
@@ -324,6 +348,11 @@ export declare class Popover extends Popover_base {
     private readonly onMouseEnterTrigger;
     private readonly onFocusInTrigger;
     private readonly onTriggerClick;
+    /**
+     * Bridges focus-trap keyboard handling when trigger receives Tab/Shift+Tab.
+     * Needed when append-to moves popover outside the trigger's DOM subtree.
+     */
+    private readonly onTriggerKeydown;
     private isRectOverTrigger;
     private isMouseOverTrigger;
     /**

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

@@ -0,0 +1 @@
+import "./Popover";

package/dist/types/components/radio/Radio.d.ts

@@ -23,7 +23,7 @@ export declare namespace Radio {
         private get inputAriaLabel();
         static get styles(): import("lit").CSSResult[];
         private get helpTextClassMap();
-        messagesTemplate(): import("lit-html").TemplateResult<1> | typeof nothing;
+        messagesTemplate(): typeof nothing | import("lit-html").TemplateResult<1>;
         render(): import("lit-html").TemplateResult<1>;
     }
     export {};

package/dist/types/components/taskitem/TaskItem.utils.d.ts

@@ -6,5 +6,5 @@ export declare const getChannelAvatar: (selected: boolean, status: string | null
 export declare const renderTaskType: (mediaType: string, selected: boolean, status: string | null, iconSrc: string) => TemplateResult<1>;
 export declare const renderStatus: (status: string) => TemplateResult<1>;
 export declare const renderLegacyTaskType: (mediaType: string, selected: boolean, iconSrc: string) => TemplateResult<1>;
-export declare const renderChatCount: (quantity: number, isRestyle: boolean, element: HTMLElement) => TemplateResult<1> | typeof nothing;
+export declare const renderChatCount: (quantity: number, isRestyle: boolean, element: HTMLElement) => typeof nothing | TemplateResult<1>;
 export {};

package/dist/types/internal-components/color-table/ColorTable.d.ts

@@ -3,7 +3,7 @@ import { LitElement, nothing, PropertyValues } from "lit";
 export declare class ColorTableSandbox extends LitElement {
     private colorTokenTableData;
     firstUpdated(changedProperties: PropertyValues): void;
-    renderColorTable(): import("lit-html").TemplateResult<1> | typeof nothing;
+    renderColorTable(): typeof nothing | import("lit-html").TemplateResult<1>;
     static get styles(): import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/types/mixins/FocusTrapMixin.d.ts

@@ -10,6 +10,7 @@ export interface FocusTrapClassInterface extends FocusClassInterface {
     preventClickOutside: boolean;
     preventScroll: boolean;
     focusTrapIndex: number;
+    handleKeydownFocusTrap: (event: KeyboardEvent) => void;
 }
 /**
  * Abstract class used internally for super calls within the mixin implementation.
@@ -20,6 +21,7 @@ export declare abstract class FocusTrapClass extends FocusClass {
     preventClickOutside: boolean;
     preventScroll: boolean;
     focusTrapIndex: number;
+    handleKeydownFocusTrap: (event: KeyboardEvent) => void;
     protected focusableElements?: HTMLElement[];
     protected initialFocusComplete?: boolean;
     protected deactivateFocusTrap?(): void;

package/package.json

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