@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/list-dropdown/list-dropdown-utils.js

@@ -1,18 +1,24 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { addClass, getEventPath, isDeepEqual, isDefined, isObject } from '@tylertech/forge-core';
+
+import { getEventPath, addClass, isDeepEqual, isDefined, isObject } from '@tylertech/forge-core';
 import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons';
-import { ICON_CLASS_NAME } from '../constants';
-import { LINEAR_PROGRESS_CONSTANTS } from '../linear-progress';
-import { LIST_CONSTANTS } from '../list/list';
-import { POPOVER_CONSTANTS } from '../popover';
-import { SKELETON_CONSTANTS } from '../skeleton';
-import { ListDropdownAsyncStyle, ListDropdownType, LIST_DROPDOWN_CONSTANTS } from './list-dropdown-constants';
-import { frame } from '../core/utils/utils';
-export var ListDropdownOptionType;
+import { ICON_CLASS_NAME } from '../constants.js';
+import '../linear-progress/index.js';
+import '../list/list/index.js';
+import '../popover/index.js';
+import '../skeleton/index.js';
+import { LIST_DROPDOWN_CONSTANTS, ListDropdownType, ListDropdownAsyncStyle } from './list-dropdown-constants.js';
+import { frame } from '../core/utils/utils.js';
+import { POPOVER_CONSTANTS } from '../popover/popover-constants.js';
+import { LIST_CONSTANTS } from '../list/list/list-constants.js';
+import { SKELETON_CONSTANTS } from '../skeleton/skeleton-constants.js';
+import { LINEAR_PROGRESS_CONSTANTS } from '../linear-progress/linear-progress-constants.js';
+
+var ListDropdownOptionType;
 (function (ListDropdownOptionType) {
     ListDropdownOptionType[ListDropdownOptionType["Option"] = 0] = "Option";
     ListDropdownOptionType[ListDropdownOptionType["Group"] = 1] = "Group";
@@ -22,7 +28,7 @@ export var ListDropdownOptionType;
  * @param config
  * @param targetElement
  */
-export function createDropdown(config, targetElement) {
+function createDropdown(config, targetElement) {
     const dropdownElement = createPopupDropdown(config, targetElement);
     const dropdownId = `list-dropdown-popup-${config.id}`;
     // Prevent mousedown events from changing focus. We keep focus in the target element at all times while open.
@@ -46,7 +52,7 @@ export function createDropdown(config, targetElement) {
     }
     return dropdownElement;
 }
-export function createPopupDropdown(config, targetElement) {
+function createPopupDropdown(config, targetElement) {
     const popoverElement = document.createElement('forge-popover');
     popoverElement.anchorElement = targetElement;
     popoverElement.placement = config.popupPlacement || 'bottom-start';
@@ -76,7 +82,7 @@ export function createPopupDropdown(config, targetElement) {
     }
     return popoverElement;
 }
-export function createList(config) {
+function createList(config) {
     const listElement = document.createElement(LIST_CONSTANTS.elementName);
     listElement.id = `list-dropdown-list-${config.id}`;
     // Set roles and other attributes based on our type
@@ -100,7 +106,7 @@ export function createList(config) {
  * Creates the list to place inside of the dropdown.
  * @param config
  */
-export function createListItems(config, listElement, options, startIndex = 0, renderSelected = true) {
+function createListItems(config, listElement, options, startIndex = 0, renderSelected = true) {
     // Add select all option if enabled and in multiple mode
     let optionsToRender = options || config.options;
     if (config.showSelectAll && config.multiple && startIndex === 0) {
@@ -326,7 +332,7 @@ export function createListItems(config, listElement, options, startIndex = 0, re
         }
     }
 }
-export function createListItemTooltip(tooltip, configId, optionIdIndex, listItemElement, buttonElement) {
+function createListItemTooltip(tooltip, configId, optionIdIndex, listItemElement, buttonElement) {
     const { text, type = 'presentation', ...restConfig } = tooltip;
     const tooltipElement = document.createElement('forge-tooltip');
     tooltipElement.id = `list-dropdown-option-${configId}-${optionIdIndex++}-tooltip`;
@@ -343,7 +349,7 @@ export function createListItemTooltip(tooltip, configId, optionIdIndex, listItem
     Object.assign(tooltipElement, restConfig);
     return tooltipElement;
 }
-export async function asyncCreateListItemTooltipIfTextOverflows(tooltip, configId, optionIdIndex, listItemElement, buttonElement, secondaryLabelElement) {
+async function asyncCreateListItemTooltipIfTextOverflows(tooltip, configId, optionIdIndex, listItemElement, buttonElement, secondaryLabelElement) {
     await frame();
     // Only append the tooltip if the button or secondary label overflow the width of the parent list item.
     if (buttonElement.scrollWidth > buttonElement.clientWidth || secondaryLabelElement.scrollWidth > secondaryLabelElement.clientWidth) {
@@ -351,7 +357,7 @@ export async function asyncCreateListItemTooltipIfTextOverflows(tooltip, configI
         listItemElement.appendChild(tooltipElement);
     }
 }
-export function createCheckboxElement(selected) {
+function createCheckboxElement(selected) {
     const checkboxElement = document.createElement('forge-icon');
     checkboxElement.setAttribute(LIST_DROPDOWN_CONSTANTS.attributes.CHECKBOX_ELEMENT, '');
     checkboxElement.name = selected ? tylIconCheckBox.name : tylIconCheckBoxOutlineBlank.name;
@@ -382,7 +388,7 @@ function createIconElement(type = 'font', iconName, iconClass, componentProps) {
     iconElement.textContent = iconName;
     return iconElement;
 }
-export function createAsyncElement(asyncStyle) {
+function createAsyncElement(asyncStyle) {
     switch (asyncStyle) {
         case ListDropdownAsyncStyle.Skeleton:
             return createSkeletonElement();
@@ -414,7 +420,7 @@ function createSkeletonElement() {
     list.appendChild(div);
     return list;
 }
-export function createBusyElement() {
+function createBusyElement() {
     const linearProgress = document.createElement(LINEAR_PROGRESS_CONSTANTS.elementName);
     linearProgress.determinate = false;
     linearProgress.style.position = 'absolute';
@@ -424,6 +430,22 @@ export function createBusyElement() {
     linearProgress.style.width = '100%';
     return linearProgress;
 }
+function createEmptyStateElement(content) {
+    const container = document.createElement('div');
+    container.style.textAlign = 'center';
+    container.style.paddingInline = '16px';
+    container.style.color = 'var(--forge-theme-text-medium)';
+    container.style.fontSize = '0.875rem';
+    container.setAttribute(LIST_DROPDOWN_CONSTANTS.attributes.DATA_EMPTY_STATE, '');
+    container.setAttribute(LIST_DROPDOWN_CONSTANTS.attributes.DATA_ALLOW_FOCUS, '');
+    if (typeof content === 'string') {
+        container.textContent = content;
+    }
+    else {
+        container.appendChild(content);
+    }
+    return container;
+}
 function getOptionsByGroup(options) {
     return isListDropdownOptionType(options, ListDropdownOptionType.Group)
         ? options
@@ -434,7 +456,7 @@ function getOptionsByGroup(options) {
  * @param options The options either grouped or individual.
  * @param type The type of option to detect.
  */
-export function isListDropdownOptionType(options, type) {
+function isListDropdownOptionType(options, type) {
     const isOptionGroups = options.some((o) => isDefined(o) &&
         isObject(o) &&
         Object.prototype.hasOwnProperty.call(o, 'options') &&
@@ -442,10 +464,12 @@ export function isListDropdownOptionType(options, type) {
     const isOptionTypes = options.some((o) => isDefined(o) && isObject(o) && Object.prototype.hasOwnProperty.call(o, 'label') && Object.prototype.hasOwnProperty.call(o, 'value'));
     return (isOptionGroups && type === ListDropdownOptionType.Group) || (isOptionTypes && type === ListDropdownOptionType.Option);
 }
-export function getFlattenedOptions(options) {
+function getFlattenedOptions(options) {
     if (isListDropdownOptionType(options, ListDropdownOptionType.Group)) {
         const groups = options;
         return groups.reduce((flatOpts, group) => flatOpts.concat(group.options), []);
     }
     return [...options];
 }
+
+export { ListDropdownOptionType, asyncCreateListItemTooltipIfTextOverflows, createAsyncElement, createBusyElement, createCheckboxElement, createDropdown, createEmptyStateElement, createList, createListItemTooltip, createListItems, createPopupDropdown, getFlattenedOptions, isListDropdownOptionType };

package/esm/list-dropdown/list-dropdown.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IListDropdownConfig, IListDropdownOption, IListDropdownOptionGroup } from './list-dropdown-constants';
+import { IListDropdownConfig, IListDropdownOption, IListDropdownOptionGroup, ListDropdownEmptyStateBuilder } from './list-dropdown-constants.js';
 export interface IListDropdown {
     dropdownElement: HTMLElement | undefined;
     open(): void;
@@ -18,7 +13,7 @@ export interface IListDropdown {
     activateInitialOption(): void;
     clearActiveOption(): void;
     setSelectedValues(values: any[]): void;
-    setOptions(options: Array<IListDropdownOption | IListDropdownOptionGroup>): void;
+    setOptions(options: Array<IListDropdownOption | IListDropdownOptionGroup>, filterText?: string, emptyMessage?: string, emptyStateBuilder?: ListDropdownEmptyStateBuilder): void;
     appendOptions(options: Array<IListDropdownOption | IListDropdownOptionGroup>): void;
     scrollSelectedOptionIntoView(animate?: boolean): void;
     setScrollBottomListener(listener: () => void, threshold?: number): void;
@@ -53,7 +48,7 @@ export declare class ListDropdown implements IListDropdown {
     /** Sets the selected values. Only applies when in multiselect mode. */
     setSelectedValues(values: any[]): void;
     get dropdownElement(): HTMLElement | undefined;
-    setOptions(options: Array<IListDropdownOption | IListDropdownOptionGroup>): void;
+    setOptions(options: Array<IListDropdownOption | IListDropdownOptionGroup>, filterText?: string, emptyMessage?: string, emptyStateBuilder?: ListDropdownEmptyStateBuilder): void;
     appendOptions(options: Array<IListDropdownOption | IListDropdownOptionGroup>): void;
     scrollSelectedOptionIntoView(animate?: boolean): void;
     setScrollBottomListener(listener: () => void, threshold?: number): void;

package/esm/list-dropdown/list-dropdown.js

@@ -1,13 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { tylIconCheckBox, tylIconCheckBoxOutlineBlank } from '@tylertech/tyler-icons';
-import { ListDropdownCore } from './list-dropdown-core';
-import { ListDropdownAdapter } from './list-dropdown-adapter';
-import { IconRegistry } from '../icon';
-export class ListDropdown {
+import { ListDropdownCore } from './list-dropdown-core.js';
+import { ListDropdownAdapter } from './list-dropdown-adapter.js';
+import '../icon/index.js';
+import { IconRegistry } from '../icon/icon-registry.js';
+
+class ListDropdown {
     constructor(_targetElement, config) {
         this._targetElement = _targetElement;
         IconRegistry.define([tylIconCheckBox, tylIconCheckBoxOutlineBlank]);
@@ -62,8 +65,8 @@ export class ListDropdown {
     get dropdownElement() {
         return this._core.dropdownElement;
     }
-    setOptions(options) {
-        this._core.setOptions(options);
+    setOptions(options, filterText, emptyMessage, emptyStateBuilder) {
+        this._core.setOptions(options, filterText, emptyMessage, emptyStateBuilder);
     }
     appendOptions(options) {
         this._core.appendOptions(options);
@@ -84,3 +87,5 @@ export class ListDropdown {
         this._core.handleKey(key);
     }
 }
+
+export { ListDropdown };

package/esm/menu/index.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './menu-adapter';
-export * from './menu-constants';
-export * from './menu-core';
-export * from './menu';
+export * from './menu-adapter.js';
+export * from './menu-constants.js';
+export * from './menu-core.js';
+export * from './menu.js';
 export declare function defineMenuComponent(): void;

package/esm/menu/index.js

@@ -1,14 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { defineCustomElement } from '@tylertech/forge-core';
-import { MenuComponent } from './menu';
-export * from './menu-adapter';
-export * from './menu-constants';
-export * from './menu-core';
-export * from './menu';
-export function defineMenuComponent() {
+import { MenuComponent } from './menu.js';
+export { MenuAdapter } from './menu-adapter.js';
+export { MENU_CONSTANTS } from './menu-constants.js';
+export { MenuCore } from './menu-core.js';
+
+function defineMenuComponent() {
     defineCustomElement(MenuComponent);
 }
+
+export { MenuComponent, defineMenuComponent };

package/esm/menu/menu-adapter.d.ts

@@ -1,13 +1,8 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
-import { IMenuOption } from './index';
-import { IMenuComponent } from './menu';
-import { IMenuSelectEventData, IMenuOptionGroup } from './menu-constants';
-import { IListDropdownConfig } from '../list-dropdown';
+import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter.js';
+import { IMenuOption } from './index.js';
+import { IMenuComponent } from './menu.js';
+import { IMenuSelectEventData, IMenuOptionGroup } from './menu-constants.js';
+import { IListDropdownConfig } from '../list-dropdown/index.js';
 export interface IMenuAdapter extends IBaseAdapter {
     readonly targetElement: HTMLElement | null;
     getDropdownElement(): HTMLElement | null;
@@ -39,6 +34,7 @@ export interface IMenuAdapter extends IBaseAdapter {
 }
 export declare class MenuAdapter extends BaseAdapter<IMenuComponent> implements IMenuAdapter {
     private _targetElement;
+    private _accessibilityTarget;
     private _listDropdown;
     private _childMenus;
     constructor(component: IMenuComponent);

package/esm/menu/menu-adapter.js

@@ -1,13 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { BaseAdapter } from '../core/base/base-adapter';
-import { MENU_CONSTANTS } from './menu-constants';
-import { ListDropdown } from '../list-dropdown';
-import { LIST_CONSTANTS, LIST_ITEM_CONSTANTS } from '../list';
-export class MenuAdapter extends BaseAdapter {
+
+import { BaseAdapter } from '../core/base/base-adapter.js';
+import { MENU_CONSTANTS } from './menu-constants.js';
+import '../list-dropdown/index.js';
+import '../list/index.js';
+import { ListDropdown } from '../list-dropdown/list-dropdown.js';
+import { LIST_CONSTANTS } from '../list/list/list-constants.js';
+import { LIST_ITEM_CONSTANTS } from '../list/list-item/list-item-constants.js';
+
+class MenuAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._childMenus = new Map();
@@ -22,21 +27,33 @@ export class MenuAdapter extends BaseAdapter {
         return !!this._targetElement;
     }
     initializeTarget() {
+        const firstChild = this._component.firstElementChild;
+        if (this._component.mode === 'cascade' && firstChild?.matches('forge-list-item')) {
+            this._targetElement = firstChild;
+            return;
+        }
         this._targetElement = this._component.querySelector(MENU_CONSTANTS.selectors.TOGGLE);
         if (!this._targetElement) {
-            this._targetElement = this._component.firstElementChild;
+            this._targetElement = firstChild;
         }
     }
     initializeAccessibility(id) {
         if (!this._targetElement) {
             return;
         }
-        this._targetElement.setAttribute('aria-atomic', 'true');
-        this._targetElement.setAttribute('aria-live', 'assertive');
-        this._targetElement.setAttribute('aria-haspopup', 'true');
-        this._targetElement.setAttribute('aria-expanded', 'false');
-        if (!this._targetElement.hasAttribute('aria-label')) {
-            this._targetElement.setAttribute('aria-label', this._targetElement.textContent || '');
+        this._accessibilityTarget = this._targetElement;
+        if (this._targetElement.matches('forge-list-item')) {
+            this._accessibilityTarget = this._targetElement.querySelector('button');
+        }
+        if (!this._accessibilityTarget) {
+            return;
+        }
+        this._accessibilityTarget.setAttribute('aria-atomic', 'true');
+        this._accessibilityTarget.setAttribute('aria-live', 'assertive');
+        this._accessibilityTarget.setAttribute('aria-haspopup', 'true');
+        this._accessibilityTarget.setAttribute('aria-expanded', 'false');
+        if (!this._accessibilityTarget.hasAttribute('aria-label')) {
+            this._accessibilityTarget.setAttribute('aria-label', this._accessibilityTarget.textContent || '');
         }
     }
     addTargetListener(event, callback, bubbles = false) {
@@ -51,8 +68,8 @@ export class MenuAdapter extends BaseAdapter {
         }
         this._listDropdown = new ListDropdown(config.referenceElement, config);
         this._listDropdown.open();
-        this._targetElement.setAttribute('aria-expanded', 'true');
-        this._targetElement.setAttribute('aria-controls', `list-dropdown-popup-${config.id}`);
+        this._accessibilityTarget?.setAttribute('aria-expanded', 'true');
+        this._accessibilityTarget?.setAttribute('aria-controls', `list-dropdown-popup-${config.id}`);
     }
     setOptions(options) {
         this._listDropdown?.setOptions(options);
@@ -62,9 +79,9 @@ export class MenuAdapter extends BaseAdapter {
         this._listDropdown = undefined;
     }
     async detachMenu() {
-        this._targetElement?.removeAttribute('aria-activedescendant');
-        this._targetElement?.removeAttribute('aria-expanded');
-        this._targetElement?.removeAttribute('aria-controls');
+        this._accessibilityTarget?.removeAttribute('aria-activedescendant');
+        this._accessibilityTarget?.removeAttribute('aria-expanded');
+        this._accessibilityTarget?.removeAttribute('aria-controls');
         await this._listDropdown?.close();
         this._listDropdown?.destroy();
         this._listDropdown = undefined;
@@ -93,14 +110,14 @@ export class MenuAdapter extends BaseAdapter {
         return document.activeElement === this._targetElement;
     }
     updateActiveDescendant(id) {
-        if (!this._targetElement) {
+        if (!this._accessibilityTarget) {
             return;
         }
         if (id) {
-            this._targetElement.setAttribute('aria-activedescendant', id);
+            this._accessibilityTarget.setAttribute('aria-activedescendant', id);
         }
         else {
-            this._targetElement.removeAttribute('aria-activedescendant');
+            this._accessibilityTarget.removeAttribute('aria-activedescendant');
         }
     }
     addDropdownListener(type, listener) {
@@ -206,3 +223,5 @@ export class MenuAdapter extends BaseAdapter {
         return contextDocument.getElementById(id);
     }
 }
+
+export { MenuAdapter };

package/esm/menu/menu-constants.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IListDropdownOption, IListDropdownOptionGroup } from '../list-dropdown';
+import { IListDropdownOption, IListDropdownOptionGroup } from '../list-dropdown/index.js';
 export declare const MENU_CONSTANTS: {
     elementName: "forge-menu";
     classes: {

package/esm/menu/menu-constants.js

@@ -1,15 +1,17 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { COMPONENT_NAME_PREFIX } from '../constants';
+
+import { COMPONENT_NAME_PREFIX } from '../constants.js';
+
 const elementName = `${COMPONENT_NAME_PREFIX}menu`;
 const classes = {
     POPUP: 'forge-menu__popup'
 };
 const selectors = {
-    TOGGLE: `.${elementName}__toggle,[${elementName}-toggle],forge-button,forge-icon-button,forge-fab,button,[type=button],[role=button],a,forge-list-item > button,[tabindex]:not([tabindex^="-"])`,
+    TOGGLE: `.${elementName}__toggle,[${elementName}-toggle],forge-button,forge-icon-button,forge-fab,button,[type=button],[role=button],a,forge-list-item > button:not([slot]),[tabindex]:not([tabindex^="-"])`,
     MENU_LIST: 'forge-list'
 };
 const attributes = {
@@ -38,7 +40,7 @@ const numbers = {
     CHILD_MOUSE_LEAVE_TIMEOUT: 300,
     POPUP_MOUSE_LEAVE_TIMEOUT: 500
 };
-export const MENU_CONSTANTS = {
+const MENU_CONSTANTS = {
     elementName,
     classes,
     selectors,
@@ -46,3 +48,5 @@ export const MENU_CONSTANTS = {
     events,
     numbers
 };
+
+export { MENU_CONSTANTS };

package/esm/menu/menu-core.d.ts

@@ -1,14 +1,9 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { PositionPlacement } from '../core/utils/position-utils';
-import { CascadingListDropdownAwareCore } from '../list-dropdown';
-import type { IOverlayOffset } from '../overlay/overlay-constants';
-import { IMenuOption } from './index';
-import { IMenuAdapter } from './menu-adapter';
-import { IMenuOptionGroup, IMenuSelectEventData, MenuMode, MenuOptionBuilder, MenuOptionFactory } from './menu-constants';
+import { PositionPlacement } from '../core/utils/position-utils.js';
+import { CascadingListDropdownAwareCore } from '../list-dropdown/index.js';
+import type { IOverlayOffset } from '../overlay/overlay-constants.js';
+import { IMenuOption } from './index.js';
+import { IMenuAdapter } from './menu-adapter.js';
+import { IMenuOptionGroup, IMenuSelectEventData, MenuMode, MenuOptionBuilder, MenuOptionFactory } from './menu-constants.js';
 export interface IMenuCore {
     initialize(): void;
     destroy(): void;

package/esm/menu/menu-core.js

@@ -1,14 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { isArray, randomChars } from '@tylertech/forge-core';
-import { ICON_CLASS_NAME } from '../constants';
-import { CascadingListDropdownAwareCore, ListDropdownAsyncStyle, ListDropdownType } from '../list-dropdown';
-import { isListDropdownOptionType, ListDropdownOptionType } from '../list-dropdown/list-dropdown-utils';
-import { MENU_CONSTANTS } from './menu-constants';
-export class MenuCore extends CascadingListDropdownAwareCore {
+
+import { randomChars, isArray } from '@tylertech/forge-core';
+import { ICON_CLASS_NAME } from '../constants.js';
+import '../list-dropdown/index.js';
+import { isListDropdownOptionType, ListDropdownOptionType } from '../list-dropdown/list-dropdown-utils.js';
+import { MENU_CONSTANTS } from './menu-constants.js';
+import { CascadingListDropdownAwareCore } from '../list-dropdown/cascading-list-dropdown-aware-core.js';
+import { ListDropdownAsyncStyle, ListDropdownType } from '../list-dropdown/list-dropdown-constants.js';
+
+class MenuCore extends CascadingListDropdownAwareCore {
     constructor(_adapter) {
         super({
             popupTimeout: MENU_CONSTANTS.numbers.POPUP_MOUSE_LEAVE_TIMEOUT,
@@ -132,6 +136,7 @@ export class MenuCore extends CascadingListDropdownAwareCore {
                 break;
             case 'Space':
                 evt.preventDefault();
+                evt.stopPropagation();
                 if (this._open) {
                     this._closeDropdown();
                 }
@@ -149,7 +154,7 @@ export class MenuCore extends CascadingListDropdownAwareCore {
             case 'Enter': {
                 evt.preventDefault();
                 if (!this._open) {
-                    evt.preventDefault();
+                    evt.stopPropagation();
                     this._openDropdown({ fromKeyboard: true });
                     return;
                 }
@@ -565,3 +570,5 @@ export class MenuCore extends CascadingListDropdownAwareCore {
         return this._adapter.getDropdownElement();
     }
 }
+
+export { MenuCore };

package/esm/menu/menu.d.ts

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { PositionPlacement } from '../core/utils/position-utils';
-import { IListDropdownAware, ListDropdownAware } from '../list-dropdown/list-dropdown-aware';
-import type { IOverlayOffset } from '../overlay/overlay-constants';
-import { IMenuActiveChangeEventData, IMenuOption, IMenuOptionGroup, IMenuSelectEventData, MenuMode, MenuOptionBuilder, MenuOptionFactory } from './menu-constants';
+import { PositionPlacement } from '../core/utils/position-utils.js';
+import { IListDropdownAware, ListDropdownAware } from '../list-dropdown/list-dropdown-aware.js';
+import type { IOverlayOffset } from '../overlay/overlay-constants.js';
+import { IMenuActiveChangeEventData, IMenuOption, IMenuOptionGroup, IMenuSelectEventData, MenuMode, MenuOptionBuilder, MenuOptionFactory } from './menu-constants.js';
 export interface IMenuComponent extends IListDropdownAware {
     open: boolean;
     options: Array<IMenuOption | IMenuOptionGroup> | MenuOptionFactory;

package/esm/menu/menu.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <slot></slot>\n</template>\n";
+
+export { template as default };

package/esm/menu/menu.js

@@ -1,21 +1,27 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { attachShadowTemplate, coerceBoolean, customElement, ensureChild, coreProperty, isDefined } from '@tylertech/forge-core';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, ensureChild, isDefined, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
 import { tylIconArrowRightAlt } from '@tylertech/tyler-icons';
-import { IconRegistry } from '../icon';
-import { ListComponent } from '../list';
-import { ListDropdownAware } from '../list-dropdown/list-dropdown-aware';
-import { PopoverComponent } from '../popover';
-import { MenuAdapter } from './menu-adapter';
-import { MENU_CONSTANTS } from './menu-constants';
-import { MenuCore } from './menu-core';
-import { TooltipComponent } from '../tooltip';
-const template = '<template><slot></slot></template>';
-const styles = ':host{display:inline-flex}:host([hidden]){display:none}';
+import '../icon/index.js';
+import '../list/index.js';
+import { ListDropdownAware } from '../list-dropdown/list-dropdown-aware.js';
+import '../popover/index.js';
+import { MenuAdapter } from './menu-adapter.js';
+import { MENU_CONSTANTS } from './menu-constants.js';
+import { MenuCore } from './menu-core.js';
+import '../tooltip/index.js';
+import template from './menu.html.js';
+import styles from './menu.scss.js';
+import { IconRegistry } from '../icon/icon-registry.js';
+import { PopoverComponent } from '../popover/popover.js';
+import { ListComponent } from '../list/list/list.js';
+import { TooltipComponent } from '../tooltip/tooltip.js';
+
 /**
  * @tag forge-menu
  *
@@ -159,4 +165,5 @@ MenuComponent = __decorate([
         dependencies: [PopoverComponent, ListComponent, TooltipComponent]
     })
 ], MenuComponent);
+
 export { MenuComponent };

package/esm/menu/menu.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{display:inline-flex}:host([hidden]){display:none}";
+
+export { styles as default };

package/esm/meter/index.d.ts

@@ -1,7 +1,2 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './meter';
-export * from './meter-group';
+export * from './meter/index.js';
+export * from './meter-group/index.js';

package/esm/meter/index.js

@@ -1,7 +1,8 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-export * from './meter';
-export * from './meter-group';
+
+export { defineMeterComponent } from './meter/index.js';
+export { defineMeterGroupComponent } from './meter-group/index.js';

package/esm/meter/meter/index.d.ts

@@ -1,7 +1,2 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-export * from './meter';
+export * from './meter.js';
 export declare function defineMeterComponent(): void;