@tylertech/forge 3.0.0-next.15 → 3.0.0-next.17

package/esm/index.js

@@ -6,7 +6,7 @@
 /// <reference types="./typings" />
 /**
  * @license
- * Copyright (c) 2024 Tyler Technologies, Inc.
+ * Copyright (c) Tyler Technologies, Inc.
  * License: Apache-2.0
  */
 import { defineCustomElements } from '@tylertech/forge-core';
@@ -49,8 +49,10 @@ import { ListComponent } from './list';
 import { ListItemComponent } from './list/list-item';
 import { MenuComponent } from './menu';
 import { OpenIconComponent } from './open-icon';
+import { OverlayComponent } from './overlay';
 import { PageStateComponent } from './page-state';
 import { PaginatorComponent } from './paginator';
+import { PopoverComponent } from './popover';
 import { PopupComponent } from './popup';
 import { ProductIconComponent } from './product-icon';
 import { QuantityFieldComponent } from './quantity-field';
@@ -74,6 +76,10 @@ import { ToastComponent } from './toast';
 import { ToolbarComponent } from './toolbar';
 import { TooltipComponent } from './tooltip';
 import { ViewComponent, ViewSwitcherComponent } from './view-switcher';
+/**
+ * Deprecated imports
+ */
+import { DeprecatedButtonComponent } from './deprecated/button';
 export * from './accordion';
 export * from './app-bar';
 export * from './autocomplete';
@@ -115,8 +121,10 @@ export * from './linear-progress';
 export * from './list';
 export * from './menu';
 export * from './open-icon';
+export * from './overlay';
 export * from './page-state';
 export * from './paginator';
+export * from './popover';
 export * from './popup';
 export * from './product-icon';
 export * from './quantity-field';
@@ -142,6 +150,10 @@ export * from './toolbar';
 export * from './tooltip';
 export * from './utils';
 export * from './view-switcher';
+/**
+ * Deprecated exports
+ */
+export * from './deprecated/button';
 const CUSTOM_ELEMENTS = [
     AccordionComponent,
     AppBarComponent,
@@ -193,8 +205,10 @@ const CUSTOM_ELEMENTS = [
     OpenIconComponent,
     OptionComponent,
     OptionGroupComponent,
+    OverlayComponent,
     PageStateComponent,
     PaginatorComponent,
+    PopoverComponent,
     PopupComponent,
     ProductIconComponent,
     ProfileCardComponent,
@@ -230,3 +244,12 @@ const CUSTOM_ELEMENTS = [
 export function defineComponents() {
     defineCustomElements(CUSTOM_ELEMENTS);
 }
+/**
+ * Deprecated component registration
+ */
+const DEPRECATED_CUSTOM_ELEMENTS = [
+    DeprecatedButtonComponent
+];
+export function defineDeprecatedComponents() {
+    defineCustomElements(DEPRECATED_CUSTOM_ELEMENTS);
+}

package/esm/inline-message/inline-message-constants.d.ts

@@ -3,9 +3,16 @@
  * Copyright 2023 Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
+import { Theme } from '../constants';
 export declare const INLINE_MESSAGE_CONSTANTS: {
     elementName: "forge-inline-message";
-    selectors: {
-        ROOT: string;
+    attributes: {
+        THEME: string;
+    };
+    defaults: {
+        THEME: string;
     };
 };
+type LegacyInlineMessageThemes = 'info-secondary' | 'danger';
+export type InlineMessageTheme = Theme | LegacyInlineMessageThemes;
+export {};

package/esm/inline-message/inline-message-constants.js

@@ -5,10 +5,14 @@
  */
 import { COMPONENT_NAME_PREFIX } from '../constants';
 const elementName = `${COMPONENT_NAME_PREFIX}inline-message`;
-const selectors = {
-    ROOT: '.forge-inline-message'
+const attributes = {
+    THEME: 'theme'
+};
+const defaults = {
+    THEME: 'info'
 };
 export const INLINE_MESSAGE_CONSTANTS = {
     elementName,
-    selectors
+    attributes,
+    defaults
 };

package/esm/inline-message/inline-message.d.ts

@@ -4,7 +4,9 @@
  * License: Apache-2.0
  */
 import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { InlineMessageTheme } from './inline-message-constants';
 export interface IInlineMessageComponent extends IBaseComponent {
+    theme: InlineMessageTheme;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -12,10 +14,37 @@ declare global {
     }
 }
 /**
- * The web component class behind the `<forge-inline-message>` custom element.
- *
  * @tag forge-inline-message
+ *
+ * @summary Inline messages are used to provide feedback to the user about a specific action or state.
+ *
+ * @property {InlineMessageTheme} theme - The theme to apply. Defaults to `"info"`.
+ *
+ * @attribute {InlineMessageTheme} theme - The theme to apply. Defaults to `"info"`.
+ *
+ * @cssproperty --forge-inline-message-background - The background color.
+ * @cssproperty --forge-inline-message-color - The text color.
+ * @cssproperty --forge-inline-message-shape - The shape (border) radius.
+ * @cssproperty --forge-inline-message-padding - The padding around the content.
+ * @cssproperty --forge-inline-message-padding-inline - The inline padding around the content.
+ * @cssproperty --forge-inline-message-padding-block - The block padding around the content.
+ * @cssproperty --forge-inline-message-border-width - The border width.
+ * @cssproperty --forge-inline-message-border-style - The border style. Defaults to `none`.
+ * @cssproperty --forge-inline-message-border-color - The border color.
+ * @cssproperty --forge-inline-message-gap - The gap/space between the content elements.
+ * @cssproperty --forge-inline-message-icon-gap - The gap/space between the icon and the content.
+ * @cssproperty --forge-inline-message-content-gap - The gap/space between the title and the message.
+ * @cssproperty --forge-inline-message-icon-color - The icon color.
+ *
+ * @csspart root - The root layout element.
+ * @csspart container - The container element for the title and message content.
+ *
+ * @slot - The message text.
+ * @slot title - The title of the inline message.
+ * @slot icon - The icon to display.
  */
 export declare class InlineMessageComponent extends BaseComponent implements IInlineMessageComponent {
     constructor();
+    get theme(): InlineMessageTheme;
+    set theme(value: InlineMessageTheme);
 }

package/esm/inline-message/inline-message.js

@@ -4,21 +4,53 @@
  * License: Apache-2.0
  */
 import { __decorate } from "tslib";
-import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';
+import { CustomElement, attachShadowTemplate, toggleAttribute } from '@tylertech/forge-core';
 import { BaseComponent } from '../core/base/base-component';
 import { INLINE_MESSAGE_CONSTANTS } from './inline-message-constants';
-const template = '<template><div class=\"forge-inline-message\" part=\"root\"><slot name=\"icon\"></slot><div class=\"forge-inline-message__container\" part=\"container\"><slot name=\"title\"></slot><slot></slot></div></div></template>';
-const styles = '.forge-inline-message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);border-radius:0;border-radius:var(--forge-inline-message-border-radius,0);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;padding:8px 16px 8px 12px}.forge-inline-message ::slotted([slot=icon]){align-self:start;margin-right:12px}.forge-inline-message__container{align-self:center}.forge-inline-message__container ::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);font-weight:500;line-height:1rem;margin-bottom:8px}:host .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=danger]) .forge-inline-message{background:rgba(255,205,210,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-danger-background,rgba(255,205,210,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-danger-font-color,rgba(0,0,0,.87)))}:host([theme=danger]) .forge-inline-message ::slotted([slot=icon]){color:#a22d0e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-danger-icon-color,#a22d0e))}:host([theme=warning]) .forge-inline-message{background:rgba(255,219,166,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-warning-background,rgba(255,219,166,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-warning-font-color,rgba(0,0,0,.87)))}:host([theme=warning]) .forge-inline-message ::slotted([slot=icon]){color:#a03a03;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-warning-icon-color,#a03a03))}:host([theme=success]) .forge-inline-message{background:rgba(165,214,167,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-success-background,rgba(165,214,167,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-success-font-color,rgba(0,0,0,.87)))}:host([theme=success]) .forge-inline-message ::slotted([slot=icon]){color:#1b5e20;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-success-icon-color,#1b5e20))}:host([theme=info-primary]) .forge-inline-message{background:rgba(187,222,251,.3);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-primary-background,rgba(187,222,251,.3)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-primary-font-color,rgba(0,0,0,.87)))}:host([theme=info-primary]) .forge-inline-message ::slotted([slot=icon]){color:#1a237e;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-primary-icon-color,#1a237e))}:host([theme=info-secondary]) .forge-inline-message{background:rgba(224,224,224,.4);background:var(--forge-inline-message-theme-background,var(--forge-inline-message-theme-info-secondary-background,rgba(224,224,224,.4)));color:rgba(0,0,0,.87);color:var(--forge-inline-message-theme-on-background,var(--forge-inline-message-theme-info-secondary-font-color,rgba(0,0,0,.87)))}:host([theme=info-secondary]) .forge-inline-message ::slotted([slot=icon]){color:#000;color:var(--forge-inline-message-theme-icon,var(--forge-inline-message-theme-info-secondary-icon-color,#000))}:host{display:block}:host([hidden]){display:none}';
+const template = '<template><div class=\"forge-inline-message\" part=\"root\"><slot name=\"icon\"></slot><div class=\"container\" part=\"container\"><slot name=\"title\"></slot><slot></slot></div></div></template>';
+const styles = ':host{display:-webkit-box;display:flex}:host([hidden]){display:none}.forge-inline-message{--_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-info-container-low, #e3edf7));--_inline-message-color:var(--forge-inline-message-color, var(--forge-theme-text-high, rgba(0, 0, 0, 0.87)));--_inline-message-shape:var(--forge-inline-message-shape, var(--forge-shape-medium, 4px));--_inline-message-padding:var(--forge-inline-message-padding, var(--forge-spacing-small, 12px));--_inline-message-padding-inline:var(--forge-inline-message-padding-inline, var(--_inline-message-padding));--_inline-message-padding-block:var(--forge-inline-message-padding-block, var(--_inline-message-padding));--_inline-message-border-width:var(--forge-inline-message-border-width, var(--forge-border-thin, 1px));--_inline-message-border-style:var(--forge-inline-message-border-style, none);--_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-info-container, #c7daf0));--_inline-message-gap:var(--forge-inline-message-gap, var(--forge-spacing-small, 12px));--_inline-message-icon-gap:var(--forge-inline-message-icon-gap, var(--_inline-message-gap));--_inline-message-content-gap:var(--forge-inline-message-content-gap, var(--_inline-message-gap));--_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-info-container-low, #0b3768))}.forge-inline-message{-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);background:var(--_inline-message-background);color:var(--_inline-message-color);border-radius:var(--_inline-message-shape);border-width:var(--_inline-message-border-width);border-style:var(--_inline-message-border-style);border-color:var(--_inline-message-border-color);display:-webkit-box;display:flex;gap:var(--_inline-message-icon-gap);-webkit-box-sizing:border-box;box-sizing:border-box;padding-inline:var(--_inline-message-padding-inline);padding-block:var(--_inline-message-padding-block)}.forge-inline-message .container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:var(--_inline-message-content-gap)}::slotted([slot=title]){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-heading1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-heading1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-font-size-scale, .875)));font-weight:var(--forge-typography-heading1-font-weight,500);line-height:var(--forge-typography-heading1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-heading1-line-height-scale, 1.125)));letter-spacing:var(--forge-typography-heading1-letter-spacing, .0178571429em);text-transform:var(--forge-typography-heading1-text-transform,inherit);-webkit-text-decoration:var(--forge-typography-heading1-text-decoration,inherit);text-decoration:var(--forge-typography-heading1-text-decoration,inherit)}::slotted([slot=icon]){color:var(--_inline-message-icon-color)}:host([theme=primary]) .forge-inline-message{--_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-primary-container-low, #e8eaf6));--_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-primary-container-low, #222c62));--_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-primary-container, #d1d5ed))}:host([theme=secondary]) .forge-inline-message{--_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-secondary-container, #fff0c3));--_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-secondary-container, #8a6804));--_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-secondary, #ffc107))}:host([theme=tertiary]) .forge-inline-message{--_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-tertiary-container-low, #e8ebff));--_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-tertiary-container-low, #213189));--_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-tertiary-container, #d0d7ff))}:host([theme=success]) .forge-inline-message{--_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-success-container-low, #e6efe6));--_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-success-container-low, #19441b));--_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-success-container, #cde0ce))}:host([theme=warning]) .forge-inline-message{--_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-warning-container-low, #f9e9e0));--_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-warning-container-low, #712700));--_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-warning-container, #f4d3c2))}:host(:is([theme=error],[theme=danger])) .forge-inline-message{--_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-error-container-low, #f6e0e4));--_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-error-container-low, #5f0011));--_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-error-container, #ecc2c9))}:host([theme=info-secondary]) .forge-inline-message{--_inline-message-background:var(--forge-inline-message-background, var(--forge-theme-surface-container-low, #ebebeb));--_inline-message-icon-color:var(--forge-inline-message-icon-color, var(--forge-theme-on-surface-container-low, #000000));--_inline-message-border-color:var(--forge-inline-message-border-color, var(--forge-theme-surface-container, #e0e0e0))}';
 /**
- * The web component class behind the `<forge-inline-message>` custom element.
- *
  * @tag forge-inline-message
+ *
+ * @summary Inline messages are used to provide feedback to the user about a specific action or state.
+ *
+ * @property {InlineMessageTheme} theme - The theme to apply. Defaults to `"info"`.
+ *
+ * @attribute {InlineMessageTheme} theme - The theme to apply. Defaults to `"info"`.
+ *
+ * @cssproperty --forge-inline-message-background - The background color.
+ * @cssproperty --forge-inline-message-color - The text color.
+ * @cssproperty --forge-inline-message-shape - The shape (border) radius.
+ * @cssproperty --forge-inline-message-padding - The padding around the content.
+ * @cssproperty --forge-inline-message-padding-inline - The inline padding around the content.
+ * @cssproperty --forge-inline-message-padding-block - The block padding around the content.
+ * @cssproperty --forge-inline-message-border-width - The border width.
+ * @cssproperty --forge-inline-message-border-style - The border style. Defaults to `none`.
+ * @cssproperty --forge-inline-message-border-color - The border color.
+ * @cssproperty --forge-inline-message-gap - The gap/space between the content elements.
+ * @cssproperty --forge-inline-message-icon-gap - The gap/space between the icon and the content.
+ * @cssproperty --forge-inline-message-content-gap - The gap/space between the title and the message.
+ * @cssproperty --forge-inline-message-icon-color - The icon color.
+ *
+ * @csspart root - The root layout element.
+ * @csspart container - The container element for the title and message content.
+ *
+ * @slot - The message text.
+ * @slot title - The title of the inline message.
+ * @slot icon - The icon to display.
  */
 let InlineMessageComponent = class InlineMessageComponent extends BaseComponent {
     constructor() {
         super();
         attachShadowTemplate(this, template, styles);
     }
+    get theme() {
+        var _a;
+        return (_a = this.getAttribute(INLINE_MESSAGE_CONSTANTS.attributes.THEME)) !== null && _a !== void 0 ? _a : INLINE_MESSAGE_CONSTANTS.defaults.THEME;
+    }
+    set theme(value) {
+        toggleAttribute(this, value !== INLINE_MESSAGE_CONSTANTS.defaults.THEME, INLINE_MESSAGE_CONSTANTS.attributes.THEME, value);
+    }
 };
 InlineMessageComponent = __decorate([
     CustomElement({

package/esm/label/label-adapter.js

@@ -45,9 +45,9 @@ export class LabelAdapter extends BaseAdapter {
      * Computes the text content of the label then passes it to the target's `labelChangedCallback`.
      */
     updateTargetLabel() {
-        var _a;
-        const value = this._component.innerText.trim();
-        (_a = this._targetElement) === null || _a === void 0 ? void 0 : _a.labelChangedCallback(value);
+        var _a, _b, _c;
+        const value = (_b = (_a = this._component.textContent) === null || _a === void 0 ? void 0 : _a.trim()) !== null && _b !== void 0 ? _b : '';
+        (_c = this._targetElement) === null || _c === void 0 ? void 0 : _c.labelChangedCallback(value);
     }
     addSlotChangeListener(callback) {
         this._slotElement.addEventListener('slotchange', callback);

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

@@ -17,5 +17,5 @@ export declare const LABEL_CONSTANTS: {
     events: {
         CONNECTED: string;
     };
-    labelableChildSelectors: ("forge-icon-button" | "forge-switch" | "forge-button" | "forge-checkbox" | "forge-radio")[];
+    labelableChildSelectors: (keyof HTMLElementTagNameMap)[];
 };

package/esm/label/label-constants.js

@@ -4,6 +4,7 @@
  * License: Apache-2.0
  */
 import { BUTTON_CONSTANTS } from '../button';
+import { BUTTON_TOGGLE_GROUP_CONSTANTS } from '../button-toggle';
 import { CHECKBOX_CONSTANTS } from '../checkbox';
 import { COMPONENT_NAME_PREFIX } from '../constants';
 import { ICON_BUTTON_CONSTANTS } from '../icon-button';
@@ -27,7 +28,8 @@ const labelableChildSelectors = [
     CHECKBOX_CONSTANTS.elementName,
     ICON_BUTTON_CONSTANTS.elementName,
     RADIO_CONSTANTS.elementName,
-    SWITCH_CONSTANTS.elementName
+    SWITCH_CONSTANTS.elementName,
+    BUTTON_TOGGLE_GROUP_CONSTANTS.elementName
 ];
 export const 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.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));
     }