@tylertech/forge 3.0.0-next.14 → 3.0.0-next.16

package/esm/label/label-foundation.js

@@ -3,22 +3,25 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
+import { task } from '../core/utils/event-utils';
 import { LABEL_CONSTANTS } from './label-constants';
 export class LabelFoundation {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._dynamic = false;
+        this._static = false;
+        this._legend = false;
         this._isConnected = false;
         this._clickListener = (evt) => this._handleClick(evt);
         this._slotChangeListener = () => this._handleSlotChange();
         this._mutationCallback = () => this._handleMutation();
     }
     initialize() {
-        var _a;
-        this._adapter.addSlotChangeListener(this._slotChangeListener);
-        this._adapter.trySetTarget((_a = this._for) !== null && _a !== void 0 ? _a : null);
-        if (this._adapter.hasTargetElement()) {
-            this._connect();
+        if (this._legend) {
+            this._initializeAsLegend();
+        }
+        else {
+            this._initializeAsLabel();
         }
     }
     disconnect() {
@@ -28,6 +31,25 @@ export class LabelFoundation {
     update() {
         this._adapter.updateTargetLabel();
     }
+    /**
+     * Emit an event to give ancestor elements a chance to connect
+     */
+    async _initializeAsLegend() {
+        // Give ancestor elements a chance to connect to the DOM
+        await task();
+        this._adapter.emitHostEvent(LABEL_CONSTANTS.events.CONNECTED);
+    }
+    /**
+     * Search for child or id-targetted elements to connect to
+     */
+    async _initializeAsLabel() {
+        var _a;
+        this._adapter.addSlotChangeListener(this._slotChangeListener);
+        this._adapter.trySetTarget((_a = this._for) !== null && _a !== void 0 ? _a : null);
+        if (this._adapter.hasTargetElement()) {
+            this._connect();
+        }
+    }
     _handleClick(evt) {
         // Prevent duplicate clicks from a nested target element or if the event originates
         // from within the target element
@@ -47,7 +69,9 @@ export class LabelFoundation {
         this._adapter.updateTargetLabel();
     }
     _connect() {
-        this._adapter.addHostListener('click', this._clickListener);
+        if (!this._static) {
+            this._adapter.addHostListener('click', this._clickListener);
+        }
         this._adapter.updateTargetLabel();
         if (this._dynamic) {
             this._adapter.addMutationObserver(this._mutationCallback);
@@ -105,4 +129,43 @@ export class LabelFoundation {
             }
         }
     }
+    get static() {
+        return this._static;
+    }
+    set static(value) {
+        if (this._static !== value) {
+            this._static = value;
+            this._adapter.toggleHostAttribute(LABEL_CONSTANTS.attributes.STATIC, this._static);
+            // The click listener is only added if the label is connected
+            if (!this._isConnected) {
+                return;
+            }
+            if (this._static) {
+                this._adapter.removeHostListener('click', this._clickListener);
+            }
+            else {
+                this._adapter.addHostListener('click', this._clickListener);
+            }
+        }
+    }
+    get legend() {
+        return this._legend;
+    }
+    set legend(value) {
+        var _a;
+        if (this._legend !== value) {
+            this._legend = value;
+            this._adapter.toggleHostAttribute(LABEL_CONSTANTS.attributes.LEGEND, this._legend);
+            if (this._legend) {
+                this._adapter.removerSlotChangeListener(this._slotChangeListener);
+                this._adapter.emitHostEvent(LABEL_CONSTANTS.events.CONNECTED);
+                return;
+            }
+            this._adapter.addSlotChangeListener(this._slotChangeListener);
+            this._adapter.trySetTarget((_a = this._for) !== null && _a !== void 0 ? _a : null);
+            if (this._adapter.hasTargetElement()) {
+                this._connect();
+            }
+        }
+    }
 }

package/esm/label/label.d.ts

@@ -8,6 +8,8 @@ export interface ILabelComponent extends IBaseComponent {
     for: string | null | undefined;
     forElement: HTMLElement | null | undefined;
     dynamic: boolean;
+    static: boolean;
+    legend: boolean;
     update(): void;
 }
 declare global {
@@ -24,9 +26,13 @@ declare global {
  * @property {string | null | undefined} for - The id of the associated element.
  * @property {HTMLElement | null | undefined} forElement - The associated element.
  * @property {boolean} dynamic - Propagates changes in the label's text content to the associated element.
+ * @property {boolean} static - Removes click handling from the label.
+ * @property {boolean} legend - Whether or not the label should be associated with an ancestor element.
  *
  * @attribute {string} for - The id of the associated form component.
  * @attribute {boolean} dynamic - Propagates changes in the label's text content to the associated element.
+ * @attribute {boolean} static - Removes click handling from the label.
+ * @attribute {boolean} legend - Whether or not the label should be associated with an ancestor element.
  *
  * @method update - Updates the targetted element with the label's current text content.
  *
@@ -42,6 +48,8 @@ export declare class LabelComponent extends BaseComponent implements ILabelCompo
     for: string | null | undefined;
     forElement: HTMLElement | null | undefined;
     dynamic: boolean;
+    static: boolean;
+    legend: boolean;
     /**
      * Updates the targetted element with the label's current text content.
      */

package/esm/label/label.js

@@ -9,8 +9,8 @@ import { BaseComponent } from '../core';
 import { LabelAdapter } from './label-adapter';
 import { LABEL_CONSTANTS } from './label-constants';
 import { LabelFoundation } from './label-foundation';
-const template = '<template><span class=\"forge-label\" part=\"label\"><slot></slot></span></template>';
-const style = ':host{display:inline-block}:host([hidden]){display:none}.forge-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label-font-weight,400);line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit);display:contents;cursor:default}';
+const template = '<template><slot></slot></template>';
+const style = ':host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label-font-weight,400);line-height:var(--forge-typography-label-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-label-text-decoration,inherit);text-decoration:var(--forge-typography-label-text-decoration,inherit);display:inline-block;cursor:default}:host([hidden]){display:none}';
 /**
  * @tag forge-label
  *
@@ -20,9 +20,13 @@ const style = ':host{display:inline-block}:host([hidden]){display:none}.forge-la
  * @property {string | null | undefined} for - The id of the associated element.
  * @property {HTMLElement | null | undefined} forElement - The associated element.
  * @property {boolean} dynamic - Propagates changes in the label's text content to the associated element.
+ * @property {boolean} static - Removes click handling from the label.
+ * @property {boolean} legend - Whether or not the label should be associated with an ancestor element.
  *
  * @attribute {string} for - The id of the associated form component.
  * @attribute {boolean} dynamic - Propagates changes in the label's text content to the associated element.
+ * @attribute {boolean} static - Removes click handling from the label.
+ * @attribute {boolean} legend - Whether or not the label should be associated with an ancestor element.
  *
  * @method update - Updates the targetted element with the label's current text content.
  *
@@ -32,7 +36,9 @@ let LabelComponent = class LabelComponent extends BaseComponent {
     static get observedAttributes() {
         return [
             LABEL_CONSTANTS.attributes.FOR,
-            LABEL_CONSTANTS.attributes.DYNAMIC
+            LABEL_CONSTANTS.attributes.DYNAMIC,
+            LABEL_CONSTANTS.attributes.STATIC,
+            LABEL_CONSTANTS.attributes.LEGEND
         ];
     }
     constructor() {
@@ -54,6 +60,12 @@ let LabelComponent = class LabelComponent extends BaseComponent {
             case LABEL_CONSTANTS.attributes.DYNAMIC:
                 this.dynamic = coerceBoolean(newValue);
                 break;
+            case LABEL_CONSTANTS.attributes.STATIC:
+                this.static = coerceBoolean(newValue);
+                break;
+            case LABEL_CONSTANTS.attributes.LEGEND:
+                this.legend = coerceBoolean(newValue);
+                break;
         }
     }
     /**
@@ -72,6 +84,12 @@ __decorate([
 __decorate([
     FoundationProperty()
 ], LabelComponent.prototype, "dynamic", void 0);
+__decorate([
+    FoundationProperty()
+], LabelComponent.prototype, "static", void 0);
+__decorate([
+    FoundationProperty()
+], LabelComponent.prototype, "legend", void 0);
 LabelComponent = __decorate([
     CustomElement({
         name: LABEL_CONSTANTS.elementName

package/esm/linear-progress/linear-progress-adapter.js

@@ -4,6 +4,7 @@
  * License: Apache-2.0
  */
 import { getShadowElement } from '@tylertech/forge-core';
+import { setDefaultAria } from '../constants';
 import { BaseAdapter } from '../core/base/base-adapter';
 import { LINEAR_PROGRESS_CONSTANTS } from './linear-progress-constants';
 export class LinearProgressAdapter extends BaseAdapter {
@@ -14,26 +15,26 @@ export class LinearProgressAdapter extends BaseAdapter {
         this._bufferElement = getShadowElement(component, LINEAR_PROGRESS_CONSTANTS.selectors.BUFFER);
     }
     initialize() {
-        if (!this._component.hasAttribute('role')) {
-            this._component.setAttribute('role', 'progressbar');
-        }
-        if (!this._component.hasAttribute('aria-valuemin')) {
-            this._component.setAttribute('aria-valuemin', '0');
-        }
-        if (!this._component.hasAttribute('aria-valuemax')) {
-            this._component.setAttribute('aria-valuemax', '1');
-        }
+        this._component[setDefaultAria]({
+            role: 'progressbar',
+            ariaValueMin: '0',
+            ariaValueMax: '1',
+            ariaValueNow: this._component.determinate ? `${this._component.progress}` : null
+        });
     }
     setDeterminate(value) {
-        if (!value) {
-            this._component.removeAttribute('aria-valuenow');
+        this._component[setDefaultAria]({ ariaValueNow: value ? `${this._component.progress}` : null });
+        if (value) {
+            this.setProgress(this._component.progress);
+        }
+        else {
             this._progressElement.style.transform = '';
             this._bufferElement.style.transform = '';
         }
         this._rootElement.classList.toggle(LINEAR_PROGRESS_CONSTANTS.classes.INDETERMINATE, !value);
     }
     setProgress(value) {
-        this._component.setAttribute('aria-valuenow', `${value}`);
+        this._component[setDefaultAria]({ ariaValueNow: `${value}` });
         this._progressElement.style.transform = `scaleX(${value * 100}%)`;
     }
     setBuffer(value) {

package/esm/linear-progress/linear-progress-constants.d.ts

@@ -20,5 +20,11 @@ export declare const LINEAR_PROGRESS_CONSTANTS: {
         BUFFER: string;
         THEME: string;
     };
+    observedAttributes: {
+        DETERMINATE: string;
+        PROGRESS: string;
+        BUFFER: string;
+        THEME: string;
+    };
 };
 export type LinearProgressTheme = Theme;

package/esm/linear-progress/linear-progress-constants.js

@@ -13,15 +13,17 @@ const selectors = {
     PROGRESS: '.primary-bar',
     BUFFER: '.buffer-bar'
 };
-const attributes = {
+const observedAttributes = {
     DETERMINATE: 'determinate',
     PROGRESS: 'progress',
     BUFFER: 'buffer',
     THEME: 'theme'
 };
+const attributes = Object.assign({}, observedAttributes);
 export const LINEAR_PROGRESS_CONSTANTS = {
     elementName,
     classes,
     selectors,
-    attributes
+    attributes,
+    observedAttributes
 };

package/esm/linear-progress/linear-progress-foundation.js

@@ -19,6 +19,7 @@ export class LinearProgressFoundation {
         return this._determinate;
     }
     set determinate(value) {
+        value = Boolean(value);
         if (this._determinate !== value) {
             this._determinate = value;
             this._adapter.setBuffer(this._determinate ? this._buffer : 1);
@@ -36,7 +37,7 @@ export class LinearProgressFoundation {
             if (this._determinate) {
                 this._adapter.setProgress(this._progress);
             }
-            this._adapter.setHostAttribute(LINEAR_PROGRESS_CONSTANTS.attributes.PROGRESS, this._progress.toString());
+            this._adapter.setHostAttribute(LINEAR_PROGRESS_CONSTANTS.attributes.PROGRESS, String(this._progress));
         }
     }
     get buffer() {

package/esm/linear-progress/linear-progress.d.ts

@@ -3,9 +3,11 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
-import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { BaseComponent } from '../core/base/base-component';
+import { IWithDefaultAria } from '../core/mixins/internals/with-default-aria';
+import { IWithElementInternals } from '../core/mixins/internals/with-element-internals';
 import { LinearProgressTheme } from './linear-progress-constants';
-export interface ILinearProgressComponent extends IBaseComponent {
+export interface ILinearProgressComponent extends IWithElementInternals, IWithDefaultAria {
     determinate: boolean;
     progress: number;
     buffer: number;
@@ -16,6 +18,7 @@ declare global {
         'forge-linear-progress': ILinearProgressComponent;
     }
 }
+declare const LinearProgressComponent_base: import("..").AbstractConstructor<import("../core/mixins/internals/with-element-internals").WithElementInternalsContract> & import("..").AbstractConstructor<import("../core/mixins/internals/with-default-aria").WithDefaultAriaContract> & typeof BaseComponent;
 /**
  * @tag forge-linear-progress
  *
@@ -50,7 +53,7 @@ declare global {
  *
  * @csspart progressbar - Styles the progress bar container element
  */
-export declare class LinearProgressComponent extends BaseComponent implements ILinearProgressComponent {
+export declare class LinearProgressComponent extends LinearProgressComponent_base implements ILinearProgressComponent {
     static get observedAttributes(): string[];
     private _foundation;
     constructor();
@@ -61,3 +64,4 @@ export declare class LinearProgressComponent extends BaseComponent implements IL
     buffer: number;
     theme: LinearProgressTheme;
 }
+export {};

package/esm/linear-progress/linear-progress.js

@@ -6,6 +6,8 @@
 import { __decorate } from "tslib";
 import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';
 import { BaseComponent } from '../core/base/base-component';
+import { WithDefaultAria } from '../core/mixins/internals/with-default-aria';
+import { WithElementInternals } from '../core/mixins/internals/with-element-internals';
 import { LinearProgressAdapter } from './linear-progress-adapter';
 import { LINEAR_PROGRESS_CONSTANTS } from './linear-progress-constants';
 import { LinearProgressFoundation } from './linear-progress-foundation';
@@ -45,14 +47,9 @@ const styles = ':host{--_linear-progress-track-height:var(--forge-linear-progres
  *
  * @csspart progressbar - Styles the progress bar container element
  */
-let LinearProgressComponent = class LinearProgressComponent extends BaseComponent {
+let LinearProgressComponent = class LinearProgressComponent extends WithElementInternals(WithDefaultAria(BaseComponent)) {
     static get observedAttributes() {
-        return [
-            LINEAR_PROGRESS_CONSTANTS.attributes.DETERMINATE,
-            LINEAR_PROGRESS_CONSTANTS.attributes.PROGRESS,
-            LINEAR_PROGRESS_CONSTANTS.attributes.BUFFER,
-            LINEAR_PROGRESS_CONSTANTS.attributes.THEME
-        ];
+        return Object.values(LINEAR_PROGRESS_CONSTANTS.observedAttributes);
     }
     constructor() {
         super();
@@ -64,16 +61,16 @@ let LinearProgressComponent = class LinearProgressComponent extends BaseComponen
     }
     attributeChangedCallback(name, oldValue, newValue) {
         switch (name) {
-            case LINEAR_PROGRESS_CONSTANTS.attributes.DETERMINATE:
+            case LINEAR_PROGRESS_CONSTANTS.observedAttributes.DETERMINATE:
                 this.determinate = coerceBoolean(newValue);
                 break;
-            case LINEAR_PROGRESS_CONSTANTS.attributes.PROGRESS:
+            case LINEAR_PROGRESS_CONSTANTS.observedAttributes.PROGRESS:
                 this.progress = coerceNumber(newValue);
                 break;
-            case LINEAR_PROGRESS_CONSTANTS.attributes.BUFFER:
+            case LINEAR_PROGRESS_CONSTANTS.observedAttributes.BUFFER:
                 this.buffer = coerceNumber(newValue);
                 break;
-            case LINEAR_PROGRESS_CONSTANTS.attributes.THEME:
+            case LINEAR_PROGRESS_CONSTANTS.observedAttributes.THEME:
                 this.theme = newValue;
                 break;
         }

package/esm/list/list/list.js

@@ -10,7 +10,7 @@ import { ListAdapter } from './list-adapter';
 import { ListFoundation } from './list-foundation';
 import { LIST_CONSTANTS } from './list-constants';
 const template = '<template><div class=\"forge-list\" part=\"root\"><slot></slot></div></template>';
-const styles = ':host{display:block}:host([hidden]){display:none}:host([navlist]){--forge-list-item-height:40px;--forge-list-item-margin:4px 8px;--forge-list-item-shape:4px;--forge-list-item-supporting-text-font-size:0.875rem;--forge-list-item-supporting-text-font-weight:500}.forge-list{--_list-container-color:var(--forge-list-container-color, transparent);--_list-block-padding:var(--forge-list-block-padding, 8px);--_list-inline-padding:var(--forge-list-inline-padding, 0)}.forge-list{display:block;outline:0;background-color:var(--_list-container-color);padding:var(--_list-block-padding) var(--_list-inline-padding);margin:0;border-radius:inherit;min-width:inherit}';
+const styles = ':host{display:block}:host([hidden]){display:none}:host([navlist]){--forge-list-item-height:40px;--forge-list-item-margin:4px 8px;--forge-list-item-padding:0 8px;--forge-list-item-shape:4px;--forge-list-item-supporting-text-font-size:0.875rem;--forge-list-item-supporting-text-font-weight:500}.forge-list{--_list-container-color:var(--forge-list-container-color, transparent);--_list-block-padding:var(--forge-list-block-padding, 8px);--_list-inline-padding:var(--forge-list-inline-padding, 0)}.forge-list{display:block;outline:0;background-color:var(--_list-container-color);padding:var(--_list-block-padding) var(--_list-inline-padding);margin:0;border-radius:inherit;min-width:inherit}';
 import { ListItemComponent } from '../list-item';
 /**
  * @tag forge-list

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

@@ -11,7 +11,7 @@ import { LIST_ITEM_CONSTANTS } from './list-item-constants';
 import { StateLayerComponent } from '../../state-layer';
 import { FocusIndicatorComponent } from '../../focus-indicator';
 const template = '<template><div class=\"forge-list-item\" tabindex=\"0\" part=\"root\"><slot name=\"leading\"></slot><slot name=\"avatar\"></slot><div class=\"text-container\" part=\"text-container\"><slot></slot><slot name=\"title\"></slot><slot name=\"primary-text\"></slot><slot name=\"subtitle\"></slot><slot name=\"secondary-text\"></slot><slot name=\"tertiary-text\"></slot><slot name=\"tertiary-title\"></slot></div><slot name=\"trailing\"></slot><forge-state-layer exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator part=\"focus-indicator\" inward></forge-focus-indicator></div></template>';
-const styles = ':host{--_list-item-indent:var(--forge-list-item-indent, 56px);--_list-item-dense-indent:var(--forge-list-item-dense-indent, 48px)}:host{display:block;outline:0}:host([hidden]){display:none}:host([non-interactive]) .forge-list-item{cursor:initial}:host([disabled]) .forge-list-item{cursor:var(--_list-item-disabled-cursor);opacity:var(--_list-item-disabled-opacity)}:host([two-line]) .forge-list-item{height:var(--_list-item-two-line-height);min-height:var(--_list-item-two-line-height)}:host([three-line]) .forge-list-item{height:var(--_list-item-three-line-height);min-height:var(--_list-item-three-line-height)}:host([dense]) .forge-list-item{height:var(--_list-item-dense-one-line-height);min-height:var(--_list-item-dense-one-line-height)}:host([dense]) .text-container{font-size:var(--_list-item-dense-font-size)}:host([dense][indented]){-webkit-margin-start:var(--_list-item-dense-indent);margin-inline-start:var(--_list-item-dense-indent)}:host([dense][two-line]) .forge-list-item{height:var(--_list-item-dense-two-line-height);min-height:var(--_list-item-dense-two-line-height)}:host([dense][three-line]) .forge-list-item{height:var(--_list-item-dense-three-line-height);min-height:var(--_list-item-dense-three-line-height)}:host([selected]) .forge-list-item{color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item::before{content:\"\";position:absolute;inset:0;border-radius:inherit;opacity:var(--_list-item-selected-opacity);background-color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=leading]),:host([selected]) .forge-list-item ::slotted([slot=trailing]){color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=leading]){color:var(--_list-item-leading-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=trailing]){color:var(--_list-item-trailing-selected-color)}:host([selected]) .text-container{color:var(--_list-item-selected-color)}:host([selected]) forge-state-layer{--forge-state-layer-color:var(--_list-item-selected-color)}:host([indented]){-webkit-margin-start:var(--_list-item-indent);margin-inline-start:var(--_list-item-indent)}.forge-list-item{--_list-item-background-color:var(--forge-list-item-background-color, transparent);--_list-item-shape:var(--forge-list-item-shape, 0);--_list-item-padding:var(--forge-list-item-padding, 8px 16px);--_list-item-margin:var(--forge-list-item-margin, 0);--_list-item-height:var(--forge-list-item-height, 48px);--_list-item-dense-height:var(--forge-list-item-dense-height, 32px);--_list-item-cursor:var(--forge-list-item-cursor, pointer);--_list-item-supporting-text-color:var(--forge-list-item-supporting-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.54)));--_list-item-supporting-text-font-size:var(--forge-list-item-supporting-text-font-size, var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1))));--_list-item-supporting-text-font-weight:var(--forge-list-item-supporting-text-font-weight, var(--forge-typography-body2-font-weight, 400));--_list-item-supporting-text-line-height:var(--forge-list-item-supporting-text-line-height, 1.5rem);--_list-item-selected-color:var(--forge-list-item-selected-color, var(--forge-theme-primary, #3f51b5));--_list-item-selected-opacity:var(--forge-list-item-selected-opacity, 0.08);--_list-item-selected-leading-color:var(--forge-list-item-selected-leading-color, var(--_list-item-selected-color));--_list-item-selected-trailing-color:var(--forge-list-item-selected-trailing-color, var(--_list-item-selected-color));--_list-item-selected-supporting-text-color:var(--forge-list-item-selected-supporting-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.54)));--_list-item-disabled-opacity:var(--forge-list-item-disabled-opacity, 0.38);--_list-item-disabled-cursor:var(--forge-list-item-disabled-cursor, not-allowed);--_list-item-one-line-height:var(--forge-list-item-one-line-height, var(--_list-item-height));--_list-item-two-line-height:var(--forge-list-item-two-line-height, var(--forge-list-item-height, 72px));--_list-item-three-line-height:var(--forge-list-item-three-line-height, var(--forge-list-item-height, 88px));--_list-item-dense-one-line-height:var(--forge-list-item-dense-one-line-height, var(--_list-item-dense-height));--_list-item-dense-two-line-height:var(--forge-list-item-dense-two-line-height, var(--forge-list-item-dense-height, 56px));--_list-item-dense-three-line-height:var(--forge-list-item-dense-three-line-height, var(--forge-list-item-dense-height, 72px));--_list-item-dense-font-size:var(--forge-list-item-dense-font-size, 0.875rem);--_list-item-dense-leading-margin-end:var(--forge-list-item-dense-leading-margin-end, var(--forge-list-item-leading-margin-end, 24px));--_list-item-dense-trailing-margin-start:var(--forge-list-item-dense-trailing-margin-start, var(--forge-list-item-trailing-margin-start, 24px));--_list-item-leading-margin-start:var(--forge-list-item-leading-margin-start, 0);--_list-item-leading-margin-end:var(--forge-list-item-leading-margin-end, 32px);--_list-item-leading-selected-color:var(--forge-list-item-leading-selected-color, var(--_list-item-selected-color));--_list-item-trailing-margin-start:var(--forge-list-item-trailing-margin-start, 32px);--_list-item-trailing-margin-end:var(--forge-list-item-trailing-margin-end, 0);--_list-item-trailing-selected-color:var(--forge-list-item-trailing-selected-color, var(--_list-item-selected-color));--_list-item-avatar-background-color:var(--forge-list-item-avatar-background-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.54)));--_list-item-avatar-color:var(--forge-list-item-avatar-color, var(--forge-theme-on-primary, #ffffff));--_list-item-avatar-shape:var(--forge-list-item-avatar-shape, var(--forge-shape-round, 50%));--_list-item-avatar-margin-start:var(--forge-list-item-avatar-margin-start, 0);--_list-item-avatar-margin-end:var(--forge-list-item-avatar-margin-end, 16px);--_list-item-avatar-size:var(--forge-list-item-avatar-size, 40px)}.forge-list-item{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;text-decoration:none;background-color:var(--_list-item-background-color);border-radius:var(--_list-item-shape);-webkit-tap-highlight-color:transparent;height:var(--_list-item-height);min-height:var(--_list-item-height);padding:var(--_list-item-padding);margin:var(--_list-item-margin);cursor:var(--_list-item-cursor)}a.forge-list-item{color:inherit}.text-container{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--_list-item-supporting-text-font-size);font-weight:var(--_list-item-supporting-text-font-weight);line-height:var(--_list-item-supporting-text-line-height);-webkit-box-flex:1;flex:1}slot[name=secondary-text]::slotted(*),slot[name=subtitle]::slotted(*),slot[name=tertiary-text]::slotted(*),slot[name=tertiary-title]::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body1-text-decoration,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_list-item-supporting-text-color);display:block}:host([selected]) slot[name=secondary-text]::slotted(*),:host([selected]) slot[name=subtitle]::slotted(*),:host([selected]) slot[name=tertiary-text]::slotted(*),:host([selected]) slot[name=tertiary-title]::slotted(*){color:var(--_list-item-selected-supporting-text-color)}::slotted([slot=avatar]){background-color:var(--_list-item-avatar-background-color);color:var(--_list-item-avatar-color);display:-webkit-inline-box;display:inline-flex;flex-shrink:0;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;fill:currentColor;-webkit-margin-start:var(--_list-item-avatar-margin-start);margin-inline-start:var(--_list-item-avatar-margin-start);-webkit-margin-end:var(--_list-item-avatar-margin-end);margin-inline-end:var(--_list-item-avatar-margin-end);min-width:var(--_list-item-avatar-size);min-height:var(--_list-item-avatar-size);border-radius:var(--_list-item-avatar-shape)}::slotted([slot=leading]),::slotted([slot=trailing]){color:var(--_list-item-supporting-text-color);display:-webkit-inline-box;display:inline-flex;flex-shrink:0;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;fill:currentColor}::slotted([slot=leading]){-webkit-margin-start:var(--_list-item-leading-margin-start);margin-inline-start:var(--_list-item-leading-margin-start);-webkit-margin-end:var(--_list-item-leading-margin-end);margin-inline-end:var(--_list-item-leading-margin-end)}:host([selected]) ::slotted([slot=leading]){color:var(--_list-item-leading-selected-color)}:host([dense]) ::slotted([slot=leading]){-webkit-margin-end:var(--_list-item-dense-leading-margin-end);margin-inline-end:var(--_list-item-dense-leading-margin-end)}::slotted([slot=trailing]){-webkit-margin-start:var(--_list-item-trailing-margin-start);margin-inline-start:var(--_list-item-trailing-margin-start);-webkit-margin-end:var(--_list-item-trailing-margin-end);margin-inline-end:var(--_list-item-trailing-margin-end)}:host([selected]) ::slotted([slot=trailing]){color:var(--_list-item-trailing-selected-color)}:host([dense]) ::slotted([slot=trailing]){-webkit-margin-start:var(--_list-item-dense-trailing-margin-start);margin-inline-start:var(--_list-item-dense-trailing-margin-start)}:host([wrap]) .forge-list-item{height:auto}:host([wrap]) .text-container{white-space:normal;overflow:visible;text-overflow:clip}:host([wrap]) slot[name=secondary-text]::slotted(*),:host([wrap]) slot[name=subtitle]::slotted(*),:host([wrap]) slot[name=tertiary-text]::slotted(*),:host([wrap]) slot[name=tertiary-title]::slotted(*){white-space:normal;overflow:visible;text-overflow:clip}forge-focus-indicator{z-index:1;--forge-focus-indicator-shape:var(--forge-shape-medium, 4px)}forge-state-layer{border-radius:inherit}';
+const styles = ':host{--_list-item-indent:var(--forge-list-item-indent, 56px);--_list-item-dense-indent:var(--forge-list-item-dense-indent, 48px)}:host{display:block;outline:0}:host([hidden]){display:none}.forge-list-item{--_list-item-background-color:var(--forge-list-item-background-color, transparent);--_list-item-shape:var(--forge-list-item-shape, 0);--_list-item-padding:var(--forge-list-item-padding, 8px 16px);--_list-item-margin:var(--forge-list-item-margin, 0);--_list-item-height:var(--forge-list-item-height, 48px);--_list-item-dense-height:var(--forge-list-item-dense-height, 32px);--_list-item-cursor:var(--forge-list-item-cursor, pointer);--_list-item-supporting-text-color:var(--forge-list-item-supporting-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_list-item-supporting-text-font-size:var(--forge-list-item-supporting-text-font-size, var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1))));--_list-item-supporting-text-font-weight:var(--forge-list-item-supporting-text-font-weight, var(--forge-typography-body2-font-weight, 400));--_list-item-supporting-text-line-height:var(--forge-list-item-supporting-text-line-height, 1.5rem);--_list-item-selected-color:var(--forge-list-item-selected-color, var(--forge-theme-primary, #3f51b5));--_list-item-selected-opacity:var(--forge-list-item-selected-opacity, 0.08);--_list-item-selected-leading-color:var(--forge-list-item-selected-leading-color, var(--_list-item-selected-color));--_list-item-selected-trailing-color:var(--forge-list-item-selected-trailing-color, var(--_list-item-selected-color));--_list-item-selected-supporting-text-color:var(--forge-list-item-selected-supporting-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_list-item-disabled-opacity:var(--forge-list-item-disabled-opacity, 0.38);--_list-item-disabled-cursor:var(--forge-list-item-disabled-cursor, not-allowed);--_list-item-one-line-height:var(--forge-list-item-one-line-height, var(--_list-item-height));--_list-item-two-line-height:var(--forge-list-item-two-line-height, var(--forge-list-item-height, 72px));--_list-item-three-line-height:var(--forge-list-item-three-line-height, var(--forge-list-item-height, 88px));--_list-item-dense-one-line-height:var(--forge-list-item-dense-one-line-height, var(--_list-item-dense-height));--_list-item-dense-two-line-height:var(--forge-list-item-dense-two-line-height, var(--forge-list-item-dense-height, 56px));--_list-item-dense-three-line-height:var(--forge-list-item-dense-three-line-height, var(--forge-list-item-dense-height, 72px));--_list-item-dense-font-size:var(--forge-list-item-dense-font-size, 0.875rem);--_list-item-dense-leading-margin-end:var(--forge-list-item-dense-leading-margin-end, var(--forge-list-item-leading-margin-end, 24px));--_list-item-dense-trailing-margin-start:var(--forge-list-item-dense-trailing-margin-start, var(--forge-list-item-trailing-margin-start, 24px));--_list-item-leading-margin-start:var(--forge-list-item-leading-margin-start, 0);--_list-item-leading-margin-end:var(--forge-list-item-leading-margin-end, 32px);--_list-item-leading-selected-color:var(--forge-list-item-leading-selected-color, var(--_list-item-selected-color));--_list-item-trailing-margin-start:var(--forge-list-item-trailing-margin-start, 32px);--_list-item-trailing-margin-end:var(--forge-list-item-trailing-margin-end, 0);--_list-item-trailing-selected-color:var(--forge-list-item-trailing-selected-color, var(--_list-item-selected-color));--_list-item-avatar-background-color:var(--forge-list-item-avatar-background-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));--_list-item-avatar-color:var(--forge-list-item-avatar-color, var(--forge-theme-on-primary, #ffffff));--_list-item-avatar-shape:var(--forge-list-item-avatar-shape, var(--forge-shape-round, 50%));--_list-item-avatar-margin-start:var(--forge-list-item-avatar-margin-start, 0);--_list-item-avatar-margin-end:var(--forge-list-item-avatar-margin-end, 16px);--_list-item-avatar-size:var(--forge-list-item-avatar-size, 40px)}.forge-list-item{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;text-decoration:none;background-color:var(--_list-item-background-color);border-radius:var(--_list-item-shape);-webkit-tap-highlight-color:transparent;height:var(--_list-item-height);min-height:var(--_list-item-height);padding:var(--_list-item-padding);margin:var(--_list-item-margin);cursor:var(--_list-item-cursor)}:host([non-interactive]) .forge-list-item{cursor:initial}:host([disabled]) .forge-list-item{cursor:var(--_list-item-disabled-cursor);opacity:var(--_list-item-disabled-opacity)}:host([two-line]) .forge-list-item{height:var(--_list-item-two-line-height);min-height:var(--_list-item-two-line-height)}:host([three-line]) .forge-list-item{height:var(--_list-item-three-line-height);min-height:var(--_list-item-three-line-height)}:host([dense]) .forge-list-item{height:var(--_list-item-dense-one-line-height);min-height:var(--_list-item-dense-one-line-height)}:host([dense]) .text-container{font-size:var(--_list-item-dense-font-size)}:host([dense][indented]){-webkit-margin-start:var(--_list-item-dense-indent);margin-inline-start:var(--_list-item-dense-indent)}:host([dense][two-line]) .forge-list-item{height:var(--_list-item-dense-two-line-height);min-height:var(--_list-item-dense-two-line-height)}:host([dense][three-line]) .forge-list-item{height:var(--_list-item-dense-three-line-height);min-height:var(--_list-item-dense-three-line-height)}:host([selected]) .forge-list-item{color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item::before{content:\"\";position:absolute;inset:0;border-radius:inherit;opacity:var(--_list-item-selected-opacity);background-color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=leading]),:host([selected]) .forge-list-item ::slotted([slot=trailing]){color:var(--_list-item-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=leading]){color:var(--_list-item-leading-selected-color)}:host([selected]) .forge-list-item ::slotted([slot=trailing]){color:var(--_list-item-trailing-selected-color)}:host([selected]) .text-container{color:var(--_list-item-selected-color)}:host([selected]) forge-state-layer{--forge-state-layer-color:var(--_list-item-selected-color)}:host([indented]){-webkit-margin-start:var(--_list-item-indent);margin-inline-start:var(--_list-item-indent)}a.forge-list-item{color:inherit}.text-container{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));letter-spacing:var(--forge-typography-body2-letter-spacing, .015625em);text-transform:var(--forge-typography-body2-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body2-text-decoration,inherit);text-decoration:var(--forge-typography-body2-text-decoration,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--_list-item-supporting-text-font-size);font-weight:var(--_list-item-supporting-text-font-weight);line-height:var(--_list-item-supporting-text-line-height);-webkit-box-flex:1;flex:1}slot[name=secondary-text]::slotted(*),slot[name=subtitle]::slotted(*),slot[name=tertiary-text]::slotted(*),slot[name=tertiary-title]::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-body1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, .875)));font-weight:var(--forge-typography-body1-font-weight,400);line-height:var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-body1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-body1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-body1-text-decoration,inherit);text-decoration:var(--forge-typography-body1-text-decoration,inherit);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--_list-item-supporting-text-color);display:block}:host([selected]) slot[name=secondary-text]::slotted(*),:host([selected]) slot[name=subtitle]::slotted(*),:host([selected]) slot[name=tertiary-text]::slotted(*),:host([selected]) slot[name=tertiary-title]::slotted(*){color:var(--_list-item-selected-supporting-text-color)}::slotted([slot=avatar]){background-color:var(--_list-item-avatar-background-color);color:var(--_list-item-avatar-color);display:-webkit-inline-box;display:inline-flex;flex-shrink:0;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;fill:currentColor;-webkit-margin-start:var(--_list-item-avatar-margin-start);margin-inline-start:var(--_list-item-avatar-margin-start);-webkit-margin-end:var(--_list-item-avatar-margin-end);margin-inline-end:var(--_list-item-avatar-margin-end);min-width:var(--_list-item-avatar-size);min-height:var(--_list-item-avatar-size);border-radius:var(--_list-item-avatar-shape)}::slotted([slot=leading]),::slotted([slot=trailing]){color:var(--_list-item-supporting-text-color);display:-webkit-inline-box;display:inline-flex;flex-shrink:0;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;fill:currentColor}::slotted([slot=leading]){-webkit-margin-start:var(--_list-item-leading-margin-start);margin-inline-start:var(--_list-item-leading-margin-start);-webkit-margin-end:var(--_list-item-leading-margin-end);margin-inline-end:var(--_list-item-leading-margin-end)}:host([selected]) ::slotted([slot=leading]){color:var(--_list-item-leading-selected-color)}:host([dense]) ::slotted([slot=leading]){-webkit-margin-end:var(--_list-item-dense-leading-margin-end);margin-inline-end:var(--_list-item-dense-leading-margin-end)}::slotted([slot=trailing]){-webkit-margin-start:var(--_list-item-trailing-margin-start);margin-inline-start:var(--_list-item-trailing-margin-start);-webkit-margin-end:var(--_list-item-trailing-margin-end);margin-inline-end:var(--_list-item-trailing-margin-end)}:host([selected]) ::slotted([slot=trailing]){color:var(--_list-item-trailing-selected-color)}:host([dense]) ::slotted([slot=trailing]){-webkit-margin-start:var(--_list-item-dense-trailing-margin-start);margin-inline-start:var(--_list-item-dense-trailing-margin-start)}:host([wrap]) .forge-list-item{height:auto}:host([wrap]) .text-container{white-space:normal;overflow:visible;text-overflow:clip}:host([wrap]) slot[name=secondary-text]::slotted(*),:host([wrap]) slot[name=subtitle]::slotted(*),:host([wrap]) slot[name=tertiary-text]::slotted(*),:host([wrap]) slot[name=tertiary-title]::slotted(*){white-space:normal;overflow:visible;text-overflow:clip}forge-focus-indicator{z-index:1;--forge-focus-indicator-shape:var(--forge-shape-medium, 4px)}forge-state-layer{border-radius:inherit}';
 /**
  * @tag forge-list-item
  *

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

@@ -6,7 +6,7 @@
 import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
 import { IMenuOption } from './index';
 import { IMenuComponent } from './menu';
-import { IMenuSelectEventData } from './menu-constants';
+import { IMenuSelectEventData, IMenuOptionGroup } from './menu-constants';
 import { IListDropdownConfig } from '../list-dropdown';
 export interface IMenuAdapter extends IBaseAdapter {
     getDropdownElement(): HTMLElement | null;
@@ -17,7 +17,7 @@ export interface IMenuAdapter extends IBaseAdapter {
     removeTargetListener(event: string, callback: (event: Event) => void): void;
     attachMenu(config: IListDropdownConfig): void;
     detachMenu(): void;
-    setOptions(options: IMenuOption[]): void;
+    setOptions(options: Array<IMenuOption | IMenuOptionGroup>): void;
     getActiveOptionIndex(): number;
     setActiveOption(index: number): void;
     activateFirstOption(): void;
@@ -46,7 +46,7 @@ export declare class MenuAdapter extends BaseAdapter<IMenuComponent> implements
     addTargetListener(event: string, callback: (event: Event) => void, bubbles?: boolean): void;
     removeTargetListener(event: string, callback: (event: Event) => void): void;
     attachMenu(config: IListDropdownConfig): void;
-    setOptions(options: IMenuOption[]): void;
+    setOptions(options: Array<IMenuOption | IMenuOptionGroup>): void;
     detachMenu(): void;
     setActiveOption(index: number): void;
     activateFirstOption(): void;

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

@@ -55,5 +55,5 @@ export interface IMenuOption<T = any> extends IListDropdownOption<T> {
 export interface IMenuOptionGroup extends IListDropdownOptionGroup {
 }
 export type MenuOptionBuilder = (option: IMenuOption, parentElement: HTMLElement) => HTMLElement | string | void;
-export type MenuOptionFactory = (() => IMenuOption[]) | (() => Promise<IMenuOption[]>);
+export type MenuOptionFactory = (() => Array<IMenuOption | IMenuOptionGroup>) | (() => Promise<Array<IMenuOption | IMenuOptionGroup>>);
 export type MenuMode = 'click' | 'cascade';

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

@@ -57,6 +57,7 @@ export declare class MenuFoundation extends CascadingListDropdownAwareFoundation
     protected _detachCascadingListeners(): void;
     private get _nonDividerOptions();
     private get _flatOptions();
+    private _flattenOptions;
     private _onTargetClick;
     private _onTargetBlur;
     private _onActiveOptionChanged;

package/esm/menu/menu-foundation.js

@@ -86,10 +86,16 @@ export class MenuFoundation extends CascadingListDropdownAwareFoundation {
         return this._flatOptions.filter(o => !o.divider);
     }
     get _flatOptions() {
-        if (isListDropdownOptionType(this._options, ListDropdownOptionType.Group)) {
-            return this._options.reduce((previousValue, currentValue) => previousValue.concat(currentValue.options), []);
+        return this._flattenOptions(this._options);
+    }
+    _flattenOptions(options) {
+        if (isListDropdownOptionType(options, ListDropdownOptionType.Group)) {
+            return options
+                .reduce((previousValue, currentValue) => {
+                return currentValue.options ? previousValue.concat(currentValue.options) : previousValue;
+            }, []);
         }
-        return this._options;
+        return options;
     }
     _onTargetClick(evt) {
         if (this._open) {
@@ -283,7 +289,8 @@ export class MenuFoundation extends CascadingListDropdownAwareFoundation {
         return Promise.resolve(this._optionsFactory())
             .then(results => {
             if (!this._persistSelection) {
-                results.forEach(o => o.selected = false);
+                const flatResults = this._flattenOptions(results);
+                flatResults.filter(o => o.selected).forEach(o => o.selected = false);
             }
             if (this._open) {
                 if (results && isArray(results) && results.length) {

package/esm/menu/menu.js

@@ -6,9 +6,7 @@
 import { __decorate } from "tslib";
 import { attachShadowTemplate, coerceBoolean, CustomElement, ensureChild, FoundationProperty, isDefined } from '@tylertech/forge-core';
 import { tylIconArrowRight } from '@tylertech/tyler-icons/standard';
-import { CircularProgressComponent } from '../circular-progress';
 import { IconRegistry } from '../icon';
-import { LinearProgressComponent } from '../linear-progress';
 import { ListComponent } from '../list';
 import { ListDropdownAware } from '../list-dropdown/list-dropdown-aware';
 import { PopupComponent } from '../popup';
@@ -138,9 +136,7 @@ MenuComponent = __decorate([
         name: MENU_CONSTANTS.elementName,
         dependencies: [
             PopupComponent,
-            ListComponent,
-            CircularProgressComponent,
-            LinearProgressComponent
+            ListComponent
         ]
     })
 ], MenuComponent);

package/esm/open-icon/open-icon.js

@@ -5,7 +5,7 @@
  */
 import { __decorate } from "tslib";
 import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';
-import { tylIconKeyboardArrowLeft, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';
+import { tylIconKeyboardArrowRight, tylIconKeyboardArrowDown } from '@tylertech/tyler-icons/standard';
 import { OpenIconFoundation } from './open-icon-foundation';
 import { OpenIconAdapter } from './open-icon-adapter';
 import { OPEN_ICON_CONSTANTS } from './open-icon-constants';
@@ -27,7 +27,7 @@ let OpenIconComponent = class OpenIconComponent extends BaseComponent {
     }
     constructor() {
         super();
-        IconRegistry.define([tylIconKeyboardArrowLeft, tylIconKeyboardArrowDown]);
+        IconRegistry.define([tylIconKeyboardArrowRight, tylIconKeyboardArrowDown]);
         attachShadowTemplate(this, template, styles);
         this._foundation = new OpenIconFoundation(new OpenIconAdapter(this));
     }

package/esm/overlay/base/base-overlay-foundation.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IBaseAdapter } from '../../core';
+import { PositionPlacement, VirtualElement } from '../../core/utils/position-utils';
+import { IOverlayOffset, OverlayFlipState, OverlayHideState, OverlayPlacement, OverlayPositionStrategy } from '../overlay-constants';
+export interface IBaseOverlayFoundation extends ICustomElementFoundation {
+    initialize(): void;
+    destroy(): void;
+    position(): void;
+    anchorElement: HTMLElement | VirtualElement | null;
+    anchor: string | null;
+    open: boolean;
+    inline: boolean;
+    placement: OverlayPlacement;
+    positionStrategy: OverlayPositionStrategy;
+    offset: IOverlayOffset;
+    hide: OverlayHideState;
+    persistent: boolean;
+    shift: boolean;
+    flip: OverlayFlipState;
+    boundary: string | null;
+    boundaryElement: HTMLElement | null;
+    fallbackPlacements: PositionPlacement[] | null;
+}
+export declare abstract class BaseOverlayFoundation<T extends IBaseAdapter> implements IBaseOverlayFoundation {
+    protected _adapter: T;
+    constructor(_adapter: T);
+    initialize(): void;
+    abstract destroy(): void;
+    abstract position(): void;
+    abstract anchorElement: HTMLElement | VirtualElement | null;
+    abstract anchor: string | null;
+    abstract noAnchor: boolean;
+    abstract open: boolean;
+    abstract inline: boolean;
+    abstract placement: OverlayPlacement;
+    abstract positionStrategy: OverlayPositionStrategy;
+    abstract offset: IOverlayOffset;
+    abstract hide: OverlayHideState;
+    abstract persistent: boolean;
+    abstract shift: boolean;
+    abstract flip: OverlayFlipState;
+    abstract boundary: string | null;
+    abstract boundaryElement: HTMLElement | null;
+    abstract fallbackPlacements: PositionPlacement[] | null;
+}

package/esm/overlay/base/base-overlay-foundation.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2023 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export class BaseOverlayFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+    }
+    initialize() { }
+}