@tylertech/forge 3.13.1 → 3.14.0-dev.0

package/esm/list/list/list-adapter.js

@@ -1,15 +1,18 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { deepQuerySelectorAll, isDeepEqual } from '@tylertech/forge-core';
-import { BaseAdapter } from '../../core/base/base-adapter';
-import { LIST_ITEM_CONSTANTS } from '../list-item/list-item-constants';
-import { LIST_CONSTANTS } from './list-constants';
-export class ListAdapter extends BaseAdapter {
+
+import { getShadowElement, isDeepEqual, toggleClass, deepQuerySelectorAll } from '@tylertech/forge-core';
+import { BaseAdapter } from '../../core/base/base-adapter.js';
+import { LIST_ITEM_CONSTANTS } from '../list-item/list-item-constants.js';
+import { LIST_CONSTANTS } from './list-constants.js';
+
+class ListAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
+        this._innerElement = getShadowElement(component, LIST_CONSTANTS.selectors.INNER);
     }
     /** Select all list items that match values in the provided array of values. */
     setSelectedListItems(value) {
@@ -24,6 +27,9 @@ export class ListAdapter extends BaseAdapter {
     setListItemsProperty(property, value) {
         this._getOwnListItems().forEach(listItem => (listItem[property] = value));
     }
+    toggleInnerClass(className, force) {
+        toggleClass(this._innerElement, force, className);
+    }
     _getOwnListItems() {
         // Find all deeply nested list items
         const allChildListItems = deepQuerySelectorAll(this._component, LIST_ITEM_CONSTANTS.elementName);
@@ -42,3 +48,5 @@ export class ListAdapter extends BaseAdapter {
         return scopedListItems;
     }
 }
+
+export { ListAdapter };

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

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const LIST_CONSTANTS: {
     elementName: string;
     observedAttributes: {
@@ -13,6 +8,7 @@ export declare const LIST_CONSTANTS: {
         THREE_LINE: string;
         WRAP: string;
         NONINTERACTIVE: string;
+        MULTICOLUMN: string;
     };
     attributes: {
         DENSE: string;
@@ -22,8 +18,15 @@ export declare const LIST_CONSTANTS: {
         THREE_LINE: string;
         WRAP: string;
         NONINTERACTIVE: string;
+        MULTICOLUMN: string;
     };
     events: {
         readonly SCOPE_TEST: "forge-list-item-scope-test";
     };
+    classes: {
+        readonly MULTICOLUMN: "multicolumn";
+    };
+    selectors: {
+        readonly INNER: "#inner";
+    };
 };

package/esm/list/list/list-constants.js

@@ -1,9 +1,11 @@
 /**
  * @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}list`;
 const observedAttributes = {
     DENSE: 'dense',
@@ -12,7 +14,8 @@ const observedAttributes = {
     TWO_LINE: 'two-line',
     THREE_LINE: 'three-line',
     WRAP: 'wrap',
-    NONINTERACTIVE: 'noninteractive'
+    NONINTERACTIVE: 'noninteractive',
+    MULTICOLUMN: 'multicolumn'
 };
 const attributes = {
     ...observedAttributes
@@ -20,9 +23,19 @@ const attributes = {
 const events = {
     SCOPE_TEST: `${elementName}-item-scope-test`
 };
-export const LIST_CONSTANTS = {
+const classes = {
+    MULTICOLUMN: 'multicolumn'
+};
+const selectors = {
+    INNER: '#inner'
+};
+const LIST_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
-    events
+    events,
+    classes,
+    selectors
 };
+
+export { LIST_CONSTANTS };

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

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IListAdapter } from './list-adapter';
+import { IListAdapter } from './list-adapter.js';
 export interface IListCore {
     dense: boolean;
     indented: boolean;
@@ -12,6 +7,7 @@ export interface IListCore {
     threeLine: boolean;
     wrap: boolean;
     noninteractive: boolean;
+    multicolumn: boolean;
 }
 export declare class ListCore implements IListCore {
     private _adapter;
@@ -22,6 +18,7 @@ export declare class ListCore implements IListCore {
     private _threeLine;
     private _wrap;
     private _noninteractive;
+    private _multicolumn;
     constructor(_adapter: IListAdapter);
     initialize(): void;
     get dense(): boolean;
@@ -38,4 +35,6 @@ export declare class ListCore implements IListCore {
     set wrap(value: boolean);
     get noninteractive(): boolean;
     set noninteractive(value: boolean);
+    get multicolumn(): boolean;
+    set multicolumn(value: boolean);
 }

package/esm/list/list/list-core.js

@@ -1,10 +1,12 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { LIST_CONSTANTS } from './list-constants';
-export class ListCore {
+
+import { LIST_CONSTANTS } from './list-constants.js';
+
+class ListCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._dense = false;
@@ -13,6 +15,7 @@ export class ListCore {
         this._threeLine = false;
         this._wrap = false;
         this._noninteractive = false;
+        this._multicolumn = false;
     }
     initialize() {
         if (this._selectedValue !== undefined && this._selectedValue !== null) {
@@ -88,4 +91,16 @@ export class ListCore {
             this._adapter.toggleHostAttribute(LIST_CONSTANTS.attributes.NONINTERACTIVE, this._noninteractive);
         }
     }
+    get multicolumn() {
+        return this._multicolumn;
+    }
+    set multicolumn(value) {
+        if (this._multicolumn !== value) {
+            this._multicolumn = value;
+            this._adapter.toggleInnerClass(LIST_CONSTANTS.classes.MULTICOLUMN, this._multicolumn);
+            this._adapter.toggleHostAttribute(LIST_CONSTANTS.attributes.MULTICOLUMN, this._multicolumn);
+        }
+    }
 }
+
+export { ListCore };

package/esm/list/list/list.d.ts

@@ -1,9 +1,4 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component.js';
 export interface IListProperties<T = unknown> {
     dense: boolean;
     indented: boolean;
@@ -12,6 +7,7 @@ export interface IListProperties<T = unknown> {
     threeLine: boolean;
     wrap: boolean;
     noninteractive: boolean;
+    multicolumn: boolean;
 }
 export interface IListComponent<T = unknown> extends IListProperties<T>, IBaseComponent {
 }
@@ -20,7 +16,7 @@ declare global {
         'forge-list': IListComponent;
     }
 }
-declare const ListComponent_base: import("../../constants").AbstractConstructor<import("../../core/mixins/internals/with-element-internals").WithElementInternalsContract> & import("../../constants").AbstractConstructor<import("../../core/mixins/internals/with-default-aria").WithDefaultAriaContract> & typeof BaseComponent;
+declare const ListComponent_base: import("../../constants.js").AbstractConstructor<import("../../core/mixins/internals/with-element-internals.js").WithElementInternalsContract> & import("../../constants.js").AbstractConstructor<import("../../core/mixins/internals/with-default-aria.js").WithDefaultAriaContract> & typeof BaseComponent;
 /**
  * @tag forge-list
  *
@@ -32,6 +28,8 @@ declare const ListComponent_base: import("../../constants").AbstractConstructor<
  *
  * @cssproperty --forge-list-container-color - The background color of the list surface.
  * @cssproperty --forge-list-spacing - The spacing between the list items.
+ * @cssproperty --forge-list-column-width - The minimum width of each column when the list is in multicolumn mode.
+ * @cssproperty --forge-list-column-spacing - The spacing between columns when the list is in multicolumn mode.
  *
  * @property {boolean} [dense=false] - Whether the list has all dense items or not.
  * @property {boolean} [indented=false] - Whether the list items within this list are indented. Default is false.
@@ -40,6 +38,7 @@ declare const ListComponent_base: import("../../constants").AbstractConstructor<
  * @property {boolean} [threeLine=false] - Whether the list has all three-line items or not.
  * @property {boolean} [wrap=false] - Whether the list has all items that wrap their text or not.
  * @property {boolean} [noninteractive=false] - Controls whether the list items will automatically attach themselves to interactive slotted elements or not.
+ * @property {boolean} [multicolumn=false] - Whether the list displays items in multiple columns using a responsive grid layout.
  *
  * @attribute {boolean} [dense=false] - Whether the list has all dense items or not.
  * @attribute {string} selected-value - The selected list item value(s).
@@ -49,6 +48,7 @@ declare const ListComponent_base: import("../../constants").AbstractConstructor<
  * @attribute {boolean} [wrap=false] - Whether the list has all items that wrap their text or not.
  * @attribute {boolean} [navlist=false] - Controls whether the list is styled a navigation list or not.
  * @attribute {boolean} [noninteractive=false] - Controls whether the list items will automatically attach themselves to interactive slotted elements or not.
+ * @attribute {boolean} [multicolumn=false] - Whether the list displays items in multiple columns using a responsive grid layout.
  *
  * @cssclass forge-list - The list container element.
  * @cssclass forge-list--dense - Applies a dense style to the list items.
@@ -58,6 +58,7 @@ declare const ListComponent_base: import("../../constants").AbstractConstructor<
  * @cssclass forge-list--indented - Indents the list items.
  * @cssclass forge-list--wrap - Wraps the text of the list items.
  * @cssclass forge-list--disabled - Applies a disabled style to the list items.
+ * @cssclass forge-list--multicolumn - Applies a responsive multi-column grid layout to the list.
  */
 export declare class ListComponent extends ListComponent_base implements IListComponent {
     static get observedAttributes(): string[];
@@ -72,5 +73,6 @@ export declare class ListComponent extends ListComponent_base implements IListCo
     threeLine: boolean;
     wrap: boolean;
     noninteractive: boolean;
+    multicolumn: boolean;
 }
 export {};

package/esm/list/list/list.html.js

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

package/esm/list/list/list.js

@@ -1,20 +1,23 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { __decorate } from "tslib";
-import { customElement, attachShadowTemplate, coreProperty, coerceBoolean } from '@tylertech/forge-core';
-import { BaseComponent } from '../../core/base/base-component';
-import { ListAdapter } from './list-adapter';
-import { ListCore } from './list-core';
-import { LIST_CONSTANTS } from './list-constants';
-import { ListItemComponent } from '../list-item';
-import { setDefaultAria } from '../../constants';
-import { WithElementInternals } from '../../core/mixins/internals/with-element-internals';
-import { WithDefaultAria } from '../../core/mixins/internals/with-default-aria';
-const template = '<template><div class=\"forge-list\" part=\"root\"><div class=\"inner\"><slot></slot></div></div></template>';
-const styles = ':host{--_list-navlist-spacing:var(--forge-list-navlist-spacing, var(--forge-spacing-xxsmall, 4px));--_list-navlist-margin:var(--forge-list-navlist-margin, var(--forge-spacing-xxsmall, 4px) var(--forge-spacing-xsmall, 8px));--_list-navlist-height:var(--forge-list-navlist-height, 40px);--_list-navlist-padding:var(--forge-list-navlist-padding, 0 var(--forge-spacing-xsmall, 8px));--_list-navlist-shape:var(--forge-list-navlist-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_list-navlist-font-size:var(--forge-list-navlist-font-size, calc(var(--forge-typography-font-size, 1rem) * 0.875));--_list-navlist-font-weight:var(--forge-list-navlist-font-weight, 500)}:host{display:block}:host([hidden]){display:none}:host([navlist]) .forge-list{margin-block:var(--_list-navlist-spacing)}:host([navlist]){--forge-list-item-height:var(--_list-navlist-height);--forge-list-item-margin:var(--_list-navlist-margin);--forge-list-item-padding:var(--_list-navlist-padding);--forge-list-item-shape:var(--_list-navlist-shape);--forge-list-item-text-font-size:var(--_list-navlist-font-size);--forge-list-item-text-font-weight:var(--_list-navlist-font-weight)}.forge-list{--_list-spacing:var(--forge-list-spacing, 0);--_list-container-color:var(--forge-list-container-color, transparent)}.forge-list{outline:0;background-color:var(--_list-container-color);margin:0;border-radius:inherit;min-width:inherit}.inner{display:grid;gap:var(--_list-spacing);min-width:0}.inner ::slotted(*){min-width:0}';
+
+import { __decorate } from 'tslib';
+import { attachShadowTemplate, coerceBoolean, coreProperty, customElement } from '@tylertech/forge-core';
+import { BaseComponent } from '../../core/base/base-component.js';
+import { ListAdapter } from './list-adapter.js';
+import { ListCore } from './list-core.js';
+import { LIST_CONSTANTS } from './list-constants.js';
+import '../list-item/index.js';
+import { setDefaultAria } from '../../constants.js';
+import { WithElementInternals } from '../../core/mixins/internals/with-element-internals.js';
+import { WithDefaultAria } from '../../core/mixins/internals/with-default-aria.js';
+import template from './list.html.js';
+import styles from './list.scss.js';
+import { ListItemComponent } from '../list-item/list-item.js';
+
 /**
  * @tag forge-list
  *
@@ -26,6 +29,8 @@ const styles = ':host{--_list-navlist-spacing:var(--forge-list-navlist-spacing,
  *
  * @cssproperty --forge-list-container-color - The background color of the list surface.
  * @cssproperty --forge-list-spacing - The spacing between the list items.
+ * @cssproperty --forge-list-column-width - The minimum width of each column when the list is in multicolumn mode.
+ * @cssproperty --forge-list-column-spacing - The spacing between columns when the list is in multicolumn mode.
  *
  * @property {boolean} [dense=false] - Whether the list has all dense items or not.
  * @property {boolean} [indented=false] - Whether the list items within this list are indented. Default is false.
@@ -34,6 +39,7 @@ const styles = ':host{--_list-navlist-spacing:var(--forge-list-navlist-spacing,
  * @property {boolean} [threeLine=false] - Whether the list has all three-line items or not.
  * @property {boolean} [wrap=false] - Whether the list has all items that wrap their text or not.
  * @property {boolean} [noninteractive=false] - Controls whether the list items will automatically attach themselves to interactive slotted elements or not.
+ * @property {boolean} [multicolumn=false] - Whether the list displays items in multiple columns using a responsive grid layout.
  *
  * @attribute {boolean} [dense=false] - Whether the list has all dense items or not.
  * @attribute {string} selected-value - The selected list item value(s).
@@ -43,6 +49,7 @@ const styles = ':host{--_list-navlist-spacing:var(--forge-list-navlist-spacing,
  * @attribute {boolean} [wrap=false] - Whether the list has all items that wrap their text or not.
  * @attribute {boolean} [navlist=false] - Controls whether the list is styled a navigation list or not.
  * @attribute {boolean} [noninteractive=false] - Controls whether the list items will automatically attach themselves to interactive slotted elements or not.
+ * @attribute {boolean} [multicolumn=false] - Whether the list displays items in multiple columns using a responsive grid layout.
  *
  * @cssclass forge-list - The list container element.
  * @cssclass forge-list--dense - Applies a dense style to the list items.
@@ -52,6 +59,7 @@ const styles = ':host{--_list-navlist-spacing:var(--forge-list-navlist-spacing,
  * @cssclass forge-list--indented - Indents the list items.
  * @cssclass forge-list--wrap - Wraps the text of the list items.
  * @cssclass forge-list--disabled - Applies a disabled style to the list items.
+ * @cssclass forge-list--multicolumn - Applies a responsive multi-column grid layout to the list.
  */
 let ListComponent = class ListComponent extends WithElementInternals(WithDefaultAria(BaseComponent)) {
     static get observedAttributes() {
@@ -89,6 +97,9 @@ let ListComponent = class ListComponent extends WithElementInternals(WithDefault
             case LIST_CONSTANTS.attributes.NONINTERACTIVE:
                 this.noninteractive = coerceBoolean(newValue);
                 break;
+            case LIST_CONSTANTS.attributes.MULTICOLUMN:
+                this.multicolumn = coerceBoolean(newValue);
+                break;
         }
     }
 };
@@ -113,10 +124,14 @@ __decorate([
 __decorate([
     coreProperty()
 ], ListComponent.prototype, "noninteractive", void 0);
+__decorate([
+    coreProperty()
+], ListComponent.prototype, "multicolumn", void 0);
 ListComponent = __decorate([
     customElement({
         name: LIST_CONSTANTS.elementName,
         dependencies: [ListItemComponent]
     })
 ], ListComponent);
+
 export { ListComponent };

package/esm/list/list/list.scss.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var styles = ":host{--_list-navlist-spacing:var(--forge-list-navlist-spacing, var(--forge-spacing-xxsmall, 4px));--_list-navlist-margin:var(--forge-list-navlist-margin, var(--forge-spacing-xxsmall, 4px) var(--forge-spacing-xsmall, 8px));--_list-navlist-height:var(--forge-list-navlist-height, 40px);--_list-navlist-padding:var(--forge-list-navlist-padding, 0 var(--forge-spacing-xsmall, 8px));--_list-navlist-shape:var(--forge-list-navlist-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_list-navlist-font-size:var(--forge-list-navlist-font-size, calc(var(--forge-typography-font-size, 1rem) * 0.875));--_list-navlist-font-weight:var(--forge-list-navlist-font-weight, 500)}:host{display:block}:host([hidden]){display:none}:host([navlist]) .forge-list{margin-block:var(--_list-navlist-spacing)}:host([navlist]){--forge-list-item-height: var(--_list-navlist-height);--forge-list-item-margin: var(--_list-navlist-margin);--forge-list-item-padding: var(--_list-navlist-padding);--forge-list-item-shape: var(--_list-navlist-shape);--forge-list-item-text-font-size: var(--_list-navlist-font-size);--forge-list-item-text-font-weight: var(--_list-navlist-font-weight)}.forge-list{--_list-spacing:var(--forge-list-spacing, 0);--_list-container-color:var(--forge-list-container-color, transparent);--_list-column-width:var(--forge-list-column-width, 256px);--_list-column-spacing:var(--forge-list-column-spacing, var(--_list-spacing))}.forge-list{outline:none;background-color:var(--_list-container-color);margin:0;border-radius:inherit;min-width:inherit}.inner{display:grid;gap:var(--_list-spacing);min-width:0}.inner ::slotted(*){min-width:0}.multicolumn{grid-template-columns:repeat(auto-fit, minmax(var(--_list-column-width), 1fr));column-gap:var(--_list-column-spacing)}";
+
+export { styles as default };

package/esm/list/list-item/index.d.ts

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

package/esm/list/list-item/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 { ListItemComponent } from './list-item';
-export * from './list-item-adapter';
-export * from './list-item-constants';
-export * from './list-item-core';
-export * from './list-item';
-export function defineListItemComponent() {
+import { ListItemComponent } from './list-item.js';
+export { ListItemAdapter } from './list-item-adapter.js';
+export { LIST_ITEM_CONSTANTS } from './list-item-constants.js';
+export { ListItemCore } from './list-item-core.js';
+
+function defineListItemComponent() {
     defineCustomElement(ListItemComponent);
 }
+
+export { ListItemComponent, defineListItemComponent };

package/esm/list/list-item/list-item-adapter.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';
-import { IListItemComponent } from './list-item';
+import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter.js';
+import { IListItemComponent } from './list-item.js';
 export interface IListItemAdapter extends IBaseAdapter<IListItemComponent> {
     readonly interactiveElement: HTMLElement | HTMLAnchorElement | undefined;
     initialize(): void;

package/esm/list/list-item/list-item-adapter.js

@@ -1,14 +1,16 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
+
 import { getShadowElement, isDeepEqual } from '@tylertech/forge-core';
-import { BaseAdapter } from '../../core/base/base-adapter';
-import { LIST_CONSTANTS } from '../list/list-constants';
-import { LIST_ITEM_CONSTANTS } from './list-item-constants';
-import { setDefaultAria } from '../../constants';
-export class ListItemAdapter extends BaseAdapter {
+import { BaseAdapter } from '../../core/base/base-adapter.js';
+import { LIST_CONSTANTS } from '../list/list-constants.js';
+import { LIST_ITEM_CONSTANTS } from './list-item-constants.js';
+import { setDefaultAria } from '../../constants.js';
+
+class ListItemAdapter extends BaseAdapter {
     constructor(component) {
         super(component);
         this._slotListener = this._onSlotChange.bind(this);
@@ -211,3 +213,5 @@ export class ListItemAdapter extends BaseAdapter {
         this._anchorAttrObserver = undefined;
     }
 }
+
+export { ListItemAdapter };

package/esm/list/list-item/list-item-constants.d.ts

@@ -1,8 +1,3 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
 export declare const LIST_ITEM_CONSTANTS: {
     elementName: string;
     observedAttributes: {

package/esm/list/list-item/list-item-constants.js

@@ -1,9 +1,11 @@
 /**
  * @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}list-item`;
 const observedAttributes = {
     SELECTED: 'selected',
@@ -33,7 +35,7 @@ const selectors = {
     ROOT: `.${classes.ROOT}`,
     FORM_CONTROL_LIKE: ':is([forge-list-item-interactive],forge-radio,forge-checkbox,forge-switch,input[type=checkbox],input[type=radio]):is([slot=start],[slot=end],[slot=leading],[slot=trailing]):not([forge-ignore])',
     BUTTON_LIKE: ':is(button,[role=button][tabindex]:not([tabindex=-1]),[forge-list-item-interactive]):not([forge-ignore])',
-    IGNORE: '[forge-ignore],[data-forge-ignore],[slot="additional-content"],forge-menu *',
+    IGNORE: '[forge-ignore],[data-forge-ignore],[slot="additional-content"],forge-menu > forge-list-item > button:not([slot])',
     INTERNAL_ANCHOR: `#${ids.INTERNAL_ANCHOR}`,
     SLOTTED_START_END: ':is([slot=start],[slot=end],[slot=leading],[slot=trailing])'
 };
@@ -43,7 +45,7 @@ const events = {
 const defaults = {
     FOCUS_PROPAGATION: 'allow'
 };
-export const LIST_ITEM_CONSTANTS = {
+const LIST_ITEM_CONSTANTS = {
     elementName,
     observedAttributes,
     attributes,
@@ -53,3 +55,5 @@ export const LIST_ITEM_CONSTANTS = {
     events,
     defaults
 };
+
+export { LIST_ITEM_CONSTANTS };

package/esm/list/list-item/list-item-core.d.ts

@@ -1,10 +1,5 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IListItemAdapter } from './list-item-adapter';
-import { ListItemFocusPropagation } from './list-item-constants';
+import { IListItemAdapter } from './list-item-adapter.js';
+import { ListItemFocusPropagation } from './list-item-constants.js';
 export interface IListItemCore {
     selected: boolean;
     active: boolean;

package/esm/list/list-item/list-item-core.js

@@ -1,11 +1,13 @@
 /**
  * @license
- * Copyright Tyler Technologies, Inc. 
+ * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-import { composedPathFrom } from '../../core/utils/event-utils';
-import { LIST_ITEM_CONSTANTS } from './list-item-constants';
-export class ListItemCore {
+
+import { composedPathFrom } from '../../core/utils/event-utils.js';
+import { LIST_ITEM_CONSTANTS } from './list-item-constants.js';
+
+class ListItemCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._selected = false;
@@ -267,3 +269,5 @@ export class ListItemCore {
         }
     }
 }
+
+export { ListItemCore };

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

@@ -1,12 +1,7 @@
-/**
- * @license
- * Copyright Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import { IListItemSelectEventData, ListItemFocusPropagation } from './list-item-constants';
-import { IWithElementInternals } from '../../core/mixins/internals/with-element-internals';
-import { IWithDefaultAria } from '../../core/mixins/internals/with-default-aria';
-import { BaseComponent } from '../../core/base/base-component';
+import { IListItemSelectEventData, ListItemFocusPropagation } from './list-item-constants.js';
+import { IWithElementInternals } from '../../core/mixins/internals/with-element-internals.js';
+import { IWithDefaultAria } from '../../core/mixins/internals/with-default-aria.js';
+import { BaseComponent } from '../../core/base/base-component.js';
 export interface IListItemProperties<T = unknown> {
     selected: boolean;
     active: boolean;
@@ -29,7 +24,7 @@ declare global {
         'forge-list-item-select': CustomEvent<IListItemSelectEventData>;
     }
 }
-declare const ListItemComponent_base: import("../..").AbstractConstructor<import("../../core/mixins/internals/with-element-internals").WithElementInternalsContract> & import("../..").AbstractConstructor<import("../../core/mixins/internals/with-default-aria").WithDefaultAriaContract> & typeof BaseComponent;
+declare const ListItemComponent_base: import("../../constants.js").AbstractConstructor<import("../../core/mixins/internals/with-element-internals.js").WithElementInternalsContract> & import("../../constants.js").AbstractConstructor<import("../../core/mixins/internals/with-default-aria.js").WithDefaultAriaContract> & typeof BaseComponent;
 /**
  * @tag forge-list-item
  *

package/esm/list/list-item/list-item.html.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+var template = "<template>\n  <div class=\"forge-list-item\" part=\"root\">\n    <slot name=\"start\">\n      <slot name=\"leading\"></slot>\n    </slot>\n    <div class=\"text-container\" part=\"text-container\">\n      <slot></slot>\n      <slot name=\"secondary-text\"></slot>\n      <slot name=\"tertiary-text\"></slot>\n    </div>\n    <slot name=\"end\">\n      <slot name=\"trailing\"></slot>\n    </slot>\n  </div>\n  <slot name=\"additional-content\"></slot>\n</template>\n";
+
+export { template as default };