@tylertech/forge 3.9.0 → 3.9.2

package/dist/table/forge-table.css

@@ -65,7 +65,6 @@ forge-table {
 }
 .forge-table--filter-visible .forge-table-head__row .forge-table-head__cell {
   border: none;
-  vertical-align: bottom;
 }
 .forge-table-head__row {
   height: 48px;

package/esm/autocomplete/autocomplete-core.js

@@ -276,7 +276,7 @@ export class AutocompleteCore extends ListDropdownAwareCore {
                 }
                 break;
             case 'Backspace':
-            case 'Delete':
+            case 'Delete': {
                 const input = evt.target;
                 const value = this._adapter.getInputValue();
                 const isRemovingAllChars = input.value.substring(input.selectionStart, input.selectionEnd) === input.value;
@@ -288,6 +288,7 @@ export class AutocompleteCore extends ListDropdownAwareCore {
                     this._clearValue();
                 }
                 break;
+            }
         }
     }
     _executeFilter(sendFilterText = true, sendValue = false) {
@@ -297,14 +298,12 @@ export class AutocompleteCore extends ListDropdownAwareCore {
         const filter = this._filter;
         const filterText = sendFilterText ? this._filterText : '';
         const value = sendValue ? this._getValue() : null;
-        return new Promise((resolve, reject) => {
-            return Promise.resolve(filter(filterText, value))
-                .then(options => {
-                this._options = options;
-                resolve(this._options);
-            })
-                .catch(e => reject(`An unexpected error occurred while filtering: ${e}`));
-        });
+        return new Promise((resolve, reject) => Promise.resolve(filter(filterText, value))
+            .then(options => {
+            this._options = options;
+            resolve(this._options);
+        })
+            .catch(e => reject(`An unexpected error occurred while filtering: ${e}`)));
     }
     _onFilterComplete() {
         if (!this._adapter.hasFocus()) {
@@ -342,9 +341,7 @@ export class AutocompleteCore extends ListDropdownAwareCore {
         let listOptionBuilder;
         if (this._optionBuilder) {
             const optionBuilder = this._optionBuilder;
-            listOptionBuilder = (option, parentElement) => {
-                return optionBuilder(option, this._filterText, parentElement);
-            };
+            listOptionBuilder = (option, parentElement) => optionBuilder(option, this._filterText, parentElement);
         }
         const config = {
             options: this._options,

package/esm/autocomplete/autocomplete-utils.js

@@ -16,8 +16,9 @@ export var OptionType;
  * @param type The type of option to detect.
  */
 export function isOptionType(options, type) {
-    const isOptionGroups = options.some((o) => isDefined(o) && isObject(o) && o.hasOwnProperty('options') && (o.hasOwnProperty('text') || o.hasOwnProperty('builder')));
-    const isOptionTypes = options.some((o) => isDefined(o) && isObject(o) && o.hasOwnProperty('label') && o.hasOwnProperty('value'));
+    const optionHasProperty = (o, prop) => Object.prototype.hasOwnProperty.call(o, prop);
+    const isOptionGroups = options.some((o) => isDefined(o) && isObject(o) && optionHasProperty(o, 'options') && (optionHasProperty(o, 'text') || optionHasProperty(o, 'builder')));
+    const isOptionTypes = options.some((o) => isDefined(o) && isObject(o) && optionHasProperty(o, 'label') && optionHasProperty(o, 'value'));
     return (isOptionGroups && type === OptionType.Group) || (isOptionTypes && type === OptionType.Option);
 }
 /** A utility function to find the matching option in the provided options by the value provided. */

package/esm/badge/badge.js

@@ -10,7 +10,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { toggleState } from '../core/utils/utils';
 import { CUSTOM_ELEMENT_NAME_PROPERTY } from '@tylertech/forge-core';
 import { BaseLitElement } from '../core/base/base-lit-element';
-const styles = ':host{display:flex;box-sizing:border-box}:host([hidden]){display:none}.forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-secondary, #ffc107));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-secondary, #000000));--_badge-shape:var(--forge-badge-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_badge-height:var(--forge-badge-height, 20px);--_badge-min-width:var(--forge-badge-min-width, 0);--_badge-max-width:var(--forge-badge-max-width, auto);--_badge-padding-inline:var(--forge-badge-padding-inline, var(--forge-spacing-xsmall, 8px));--_badge-padding-block:var(--forge-badge-padding-block, 0);--_badge-border-width:var(--forge-badge-border-width, var(--forge-border-thin, 1px));--_badge-border-style:var(--forge-badge-border-style, none);--_badge-border-color:var(--forge-badge-border-color, var(--_badge-color));--_badge-gap:var(--forge-badge-gap, var(--forge-spacing-xsmall, 8px));--_badge-font-weight:var(--forge-badge-font-weight, bold);--_badge-dot-size:var(--forge-badge-dot-size, 8px);--_badge-dot-height:var(--forge-badge-dot-height, var(--_badge-dot-size));--_badge-dot-width:var(--forge-badge-dot-width, var(--_badge-dot-size));--_badge-dot-padding:var(--forge-badge-dot-padding, 0);--_badge-transition-duration:var(--forge-badge-transition-duration, var(--forge-animation-duration-short4, 200ms));--_badge-transition-easing:var(--forge-badge-transition-easing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)))}.forge-badge{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label1-font-weight,400);line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label1-text-transform,inherit);text-decoration:var(--forge-typography-label1-text-decoration,inherit);background:var(--_badge-background);color:var(--_badge-color);height:var(--_badge-height);min-width:var(--_badge-min-width);max-width:var(--_badge-max-width);border-width:var(--_badge-border-width);border-style:var(--_badge-border-style);border-color:var(--_badge-border-color);display:inline-flex;align-items:center;gap:var(--_badge-gap);border-radius:var(--_badge-shape);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block);overflow:hidden;box-sizing:border-box;pointer-events:none;transition:transform var(--_badge-transition-duration) var(--_badge-transition-easing);font-weight:var(--_badge-font-weight);text-overflow:ellipsis;white-space:nowrap}.forge-badge .content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(:is([slot=start],[slot=end])){font-size:inherit}:host(:where([hide],:state(hidden))) .forge-badge{transform:scale(0)}:host(:where([dot],:state(dot))) .forge-badge{--_badge-height:var(--_badge-dot-height);--_badge-min-width:var(--forge-badge-min-width, auto);padding:var(--_badge-dot-padding);width:var(--_badge-dot-width)}:host(:where([dot],:state(dot))) .content>slot{display:none}:host([theme=primary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-primary-container, #d1d5ed));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-primary-container, #222c62))}:host(:where([strong],:state(strong))[theme=primary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-primary, #3f51b5));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-primary, #ffffff))}:host([theme=secondary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-secondary-container, #fff0c3));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-secondary-container, #8a6804))}:host(:where([strong],:state(strong))[theme=secondary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-secondary, #ffc107));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-secondary, #000000))}:host([theme=tertiary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-tertiary-container, #d0d7ff));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-tertiary-container, #213189))}:host(:where([strong],:state(strong))[theme=tertiary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-tertiary, #3d5afe));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=success]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-success-container, #cde0ce));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-success-container, #19441b))}:host(:where([strong],:state(strong))[theme=success]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-success, #2e7d32));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-success, #ffffff))}:host([theme=warning]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-warning-container, #f4d3c2));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-warning-container, #712700))}:host(:where([strong],:state(strong))[theme=warning]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-warning, #d14900));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-warning, #ffffff))}:host(:not(:where([strong],:state(strong))):is([theme=error],[theme=danger])) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-error-container-low, #f6e0e4));--_badge-color:var(--forge-badge-color, var(--forge-theme-error, #b00020))}:host(:where([strong],:state(strong)):is([theme=error],[theme=danger])) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-error, #b00020));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-error, #ffffff))}:host(:not(:where([strong],:state(strong))):is([theme=info],[theme=info-primary])) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-info-container, #c7daf0));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-info-container, #0b3768))}:host(:where([strong],:state(strong)):is([theme=info],[theme=info-primary])) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-info, #1565c0));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-info, #ffffff))}:host(:not(:where([strong],:state(strong)))[theme=info-secondary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-surface-container-low, #ebebeb));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-surface-container-low, #000000))}:host(:where([strong],:state(strong))[theme=info-secondary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-surface-inverse, #333333));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-surface-inverse, #ffffff))}';
+const styles = ':host{display:flex;box-sizing:border-box}:host([hidden]){display:none}.forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-secondary, #ffc107));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-secondary, #000000));--_badge-shape:var(--forge-badge-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_badge-height:var(--forge-badge-height, 20px);--_badge-min-width:var(--forge-badge-min-width, 0);--_badge-max-width:var(--forge-badge-max-width, auto);--_badge-padding-inline:var(--forge-badge-padding-inline, var(--forge-spacing-xsmall, 8px));--_badge-padding-block:var(--forge-badge-padding-block, 0);--_badge-border-width:var(--forge-badge-border-width, var(--forge-border-thin, 1px));--_badge-border-style:var(--forge-badge-border-style, none);--_badge-border-color:var(--forge-badge-border-color, var(--_badge-color));--_badge-gap:var(--forge-badge-gap, var(--forge-spacing-xxsmall, 4px));--_badge-font-weight:var(--forge-badge-font-weight, bold);--_badge-dot-size:var(--forge-badge-dot-size, 8px);--_badge-dot-height:var(--forge-badge-dot-height, var(--_badge-dot-size));--_badge-dot-width:var(--forge-badge-dot-width, var(--_badge-dot-size));--_badge-dot-padding:var(--forge-badge-dot-padding, 0);--_badge-transition-duration:var(--forge-badge-transition-duration, var(--forge-animation-duration-short4, 200ms));--_badge-transition-easing:var(--forge-badge-transition-easing, var(--forge-animation-easing-decelerate, cubic-bezier(0, 0, 0, 1)))}.forge-badge{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label1-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .75)));font-weight:var(--forge-typography-label1-font-weight,400);line-height:var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label1-letter-spacing, .0357142857em);text-transform:var(--forge-typography-label1-text-transform,inherit);text-decoration:var(--forge-typography-label1-text-decoration,inherit);background:var(--_badge-background);color:var(--_badge-color);height:var(--_badge-height);min-width:var(--_badge-min-width);max-width:var(--_badge-max-width);border-width:var(--_badge-border-width);border-style:var(--_badge-border-style);border-color:var(--_badge-border-color);display:inline-flex;align-items:center;gap:var(--_badge-gap);border-radius:var(--_badge-shape);padding-inline:var(--_badge-padding-inline);padding-block:var(--_badge-padding-block);overflow:hidden;box-sizing:border-box;pointer-events:none;transition:transform var(--_badge-transition-duration) var(--_badge-transition-easing);font-weight:var(--_badge-font-weight);text-overflow:ellipsis;white-space:nowrap}.forge-badge .content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(:is([slot=start],[slot=end])){font-size:inherit}:host(:where([hide],:state(hidden))) .forge-badge{transform:scale(0)}:host(:where([dot],:state(dot))) .forge-badge{--_badge-height:var(--_badge-dot-height);--_badge-min-width:var(--forge-badge-min-width, auto);padding:var(--_badge-dot-padding);width:var(--_badge-dot-width)}:host(:where([dot],:state(dot))) .content>slot{display:none}:host([theme=primary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-primary-container, #d1d5ed));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-primary-container, #222c62))}:host(:where([strong],:state(strong))[theme=primary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-primary, #3f51b5));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-primary, #ffffff))}:host([theme=secondary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-secondary-container, #fff0c3));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-secondary-container, #8a6804))}:host(:where([strong],:state(strong))[theme=secondary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-secondary, #ffc107));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-secondary, #000000))}:host([theme=tertiary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-tertiary-container, #d0d7ff));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-tertiary-container, #213189))}:host(:where([strong],:state(strong))[theme=tertiary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-tertiary, #3d5afe));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-tertiary, #ffffff))}:host([theme=success]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-success-container, #cde0ce));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-success-container, #19441b))}:host(:where([strong],:state(strong))[theme=success]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-success, #2e7d32));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-success, #ffffff))}:host([theme=warning]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-warning-container, #f4d3c2));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-warning-container, #712700))}:host(:where([strong],:state(strong))[theme=warning]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-warning, #d14900));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-warning, #ffffff))}:host(:not(:where([strong],:state(strong))):is([theme=error],[theme=danger])) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-error-container-low, #f6e0e4));--_badge-color:var(--forge-badge-color, var(--forge-theme-error, #b00020))}:host(:where([strong],:state(strong)):is([theme=error],[theme=danger])) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-error, #b00020));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-error, #ffffff))}:host(:not(:where([strong],:state(strong))):is([theme=info],[theme=info-primary])) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-info-container, #c7daf0));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-info-container, #0b3768))}:host(:where([strong],:state(strong)):is([theme=info],[theme=info-primary])) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-info, #1565c0));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-info, #ffffff))}:host(:not(:where([strong],:state(strong)))[theme=info-secondary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-surface-container-low, #ebebeb));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-surface-container-low, #000000))}:host(:where([strong],:state(strong))[theme=info-secondary]) .forge-badge{--_badge-background:var(--forge-badge-background, var(--forge-theme-surface-inverse, #333333));--_badge-color:var(--forge-badge-color, var(--forge-theme-on-surface-inverse, #ffffff))}';
 export const BADGE_TAG_NAME = 'forge-badge';
 /**
  * @tag forge-badge

package/esm/button/base/base-button-adapter.js

@@ -30,19 +30,19 @@ export class BaseButtonAdapter extends BaseAdapter {
     initialize() {
         const slottedAnchor = this.getSlottedAnchor;
         this._component[setDefaultAria]({
-            role: !!slottedAnchor ? null : 'button'
+            role: slottedAnchor ? null : 'button'
         }, {
             setAttribute: !this._component.hasAttribute('role') || !!slottedAnchor
         });
         this._rootElement.classList.toggle(BASE_BUTTON_CONSTANTS.classes.WITH_ANCHOR, !!slottedAnchor);
-        if (!!slottedAnchor) {
+        if (slottedAnchor) {
             this._component.removeAttribute('tabindex');
         }
         else if (!this._component.disabled && !this._component.hasAttribute('tabindex')) {
             this._component.setAttribute('tabindex', '0');
         }
-        this._focusIndicatorElement.targetElement = !!slottedAnchor ? slottedAnchor : this._component;
-        this._stateLayerElement.targetElement = !!slottedAnchor ? slottedAnchor : this._component;
+        this._focusIndicatorElement.targetElement = slottedAnchor ? slottedAnchor : this._component;
+        this._stateLayerElement.targetElement = slottedAnchor ? slottedAnchor : this._component;
     }
     setDisabled(value) {
         if (value) {
@@ -136,7 +136,7 @@ export class BaseButtonAdapter extends BaseAdapter {
                 }
                 return false;
             case 'toggle':
-            default:
+            default: {
                 const result = popoverElement.togglePopover();
                 // When the popover is open and is using an "auto" popover mode, we need to handle
                 // clicking ourselves again to close without re-opening the popover. We do this by
@@ -158,6 +158,7 @@ export class BaseButtonAdapter extends BaseAdapter {
                     }, { once: true });
                 }
                 return result;
+            }
         }
     }
     toggleDefaultPopoverIcon(value) {

package/esm/button/base/base-button-constants.d.ts

@@ -31,6 +31,6 @@ export declare const BASE_BUTTON_CONSTANTS: {
 };
 export type ButtonType = 'button' | 'submit' | 'reset';
 export type ButtonTarget = '_blank' | '_self' | '_parent' | '_top';
-export type ButtonClickOptions = {
+export interface ButtonClickOptions {
     animateStateLayer?: boolean;
-};
+}

package/esm/button-area/button-area-adapter.d.ts

@@ -6,7 +6,6 @@
 import { BaseAdapter, IBaseAdapter } from '../core';
 import { IButtonAreaComponent } from './button-area';
 export interface IButtonAreaAdapter extends IBaseAdapter {
-    destroy(): void;
     setDisabled(value: boolean): void;
     addListener(type: string, listener: EventListener, capture?: boolean): void;
     removeListener(type: string, listener: EventListener, capture?: boolean): void;
@@ -30,7 +29,6 @@ export declare class ButtonAreaAdapter extends BaseAdapter<IButtonAreaComponent>
     private _focusIndicatorElement;
     private _stateLayerElement;
     constructor(component: IButtonAreaComponent);
-    destroy(): void;
     setDisabled(value: boolean): void;
     addListener(type: string, listener: EventListener, capture?: boolean): void;
     removeListener(type: string, listener: EventListener, capture?: boolean): void;

package/esm/button-area/button-area-adapter.js

@@ -17,7 +17,6 @@ export class ButtonAreaAdapter extends BaseAdapter {
         this._focusIndicatorElement = getShadowElement(component, FOCUS_INDICATOR_CONSTANTS.elementName);
         this._stateLayerElement = getShadowElement(component, STATE_LAYER_CONSTANTS.elementName);
     }
-    destroy() { }
     setDisabled(value) {
         this._buttonElement?.toggleAttribute(BUTTON_AREA_CONSTANTS.attributes.DISABLED, value);
         if (value) {
@@ -72,8 +71,11 @@ export class ButtonAreaAdapter extends BaseAdapter {
     requestDisabledButtonFrame() {
         if (this._buttonElement) {
             this._buttonElement.disabled = true;
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            requestAnimationFrame(() => (this._buttonElement.disabled = false));
+            requestAnimationFrame(() => {
+                if (this._buttonElement) {
+                    this._buttonElement.disabled = false;
+                }
+            });
         }
     }
 }

package/esm/button-area/button-area-core.js

@@ -32,7 +32,6 @@ export class ButtonAreaCore {
         this._adapter.removeContentSlotListener('pointerdown', this._ignoreStateLayerListener.bind(this));
         this._adapter.removeContentSlotListener('pointerup', this._ignoreStateLayerListener.bind(this));
         this._adapter.removeButtonSlotListener('slotchange', this._slotListener);
-        this._adapter.destroy();
         this._adapter.stopButtonObserver();
     }
     _handleClick(event) {

package/esm/button-area/button-area.js

@@ -12,7 +12,7 @@ import { FocusIndicatorComponent } from '../focus-indicator';
 import { StateLayerComponent } from '../state-layer';
 import { BaseComponent } from '../core/base/base-component';
 const template = '<template><div class=\"forge-button-area\" id=\"root\" part=\"root\"><div class=\"button\" id=\"button\" part=\"button\"><slot name=\"button\"></slot></div><slot id=\"content\"></slot><forge-state-layer target=\"root\" exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator target=\"button\" part=\"focus-indicator\" inward></forge-focus-indicator></div></template>';
-const styles = ':host{display:block;position:relative}:host .forge-button-area{cursor:var(--_button-area-cursor)}:host([hidden]){display:none}:host([disabled]) .forge-button-area{cursor:var(--_button-area-disabled-cursor)}.forge-button-area{--_button-area-primary-color:var(--forge-button-area-primary-color, var(--forge-theme-primary, #3f51b5));--_button-area-cursor:var(--forge-button-area-cursor, pointer);--_button-area-disabled-cursor:var(--forge-button-area-disabled-cursor, not-allowed);--_button-area-focus-indicator-color:var(--forge-button-area-focus-indicator-color, var(--forge-theme-primary, #3f51b5));--_button-area-focus-indicator-offset:var(--forge-button-area-focus-indicator-offset, 4px)}.forge-button-area{position:relative;overflow:hidden;block-size:100%;inline-size:100%}.forge-button-area .button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:fixed;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}forge-focus-indicator{z-index:1;--forge-focus-indicator-color:var(--_button-area-focus-indicator-color);--forge-focus-indicator-outward-offset:var(--_button-area-focus-indicator-offset)}forge-state-layer{--forge-state-layer-color:var(--_button-area-primary-color);border-radius:inherit}';
+const styles = ':host{display:block;position:relative}:host .forge-button-area{cursor:var(--_button-area-cursor)}:host([hidden]){display:none}:host([disabled]) .forge-button-area{cursor:var(--_button-area-disabled-cursor)}.forge-button-area{--_button-area-primary-color:var(--forge-button-area-primary-color, var(--forge-theme-primary, #3f51b5));--_button-area-cursor:var(--forge-button-area-cursor, pointer);--_button-area-disabled-cursor:var(--forge-button-area-disabled-cursor, not-allowed);--_button-area-focus-indicator-color:var(--forge-button-area-focus-indicator-color, var(--forge-theme-primary, #3f51b5));--_button-area-focus-indicator-offset:var(--forge-button-area-focus-indicator-offset, 4px)}.forge-button-area{position:relative;overflow:hidden;block-size:100%;inline-size:100%}.forge-button-area .button{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}forge-focus-indicator{z-index:1;--forge-focus-indicator-color:var(--_button-area-focus-indicator-color);--forge-focus-indicator-outward-offset:var(--_button-area-focus-indicator-offset)}forge-state-layer{--forge-state-layer-color:var(--_button-area-primary-color);border-radius:inherit}';
 /**
  * @tag forge-button-area
  *

package/esm/button-toggle/button-toggle-group/button-toggle-group-core.js

@@ -96,7 +96,6 @@ export class ButtonToggleGroupCore {
         // Combine the selected toggle values with our current state to ensure we always return the latest value
         // even if our state doesn't match a selected toggle.
         const values = Array.from(new Set(this._adapter.getSelectedValues().concat(this._values)));
-        // eslint-disable-next-line prettier/prettier
         return this._multiple ? Array.from(values) : (values[0] ?? null);
     }
     set value(value) {

package/esm/calendar/calendar-core.js

@@ -1265,9 +1265,10 @@ export class CalendarCore {
         switch (this._view) {
             case 'date':
                 return !this._min || this._min < new Date(this._year, this._month, 1);
-            case 'month':
+            case 'month': {
                 const minDateYear = this._min?.getFullYear();
                 return this._menuYear != null && (minDateYear == null || minDateYear < this._menuYear);
+            }
             case 'year':
                 return !!this._menuYearsInView && this._minYear < this._menuYearsInView.min;
             default:
@@ -1286,9 +1287,10 @@ export class CalendarCore {
         switch (this._view) {
             case 'date':
                 return !this._max || this._max > getLastDateOfMonth(this._month, this._year);
-            case 'month':
+            case 'month': {
                 const maxDateYear = this._max?.getFullYear();
                 return this._menuYear != null && (maxDateYear == null || maxDateYear > this._menuYear);
+            }
             case 'year':
                 return !!this._menuYearsInView && this._maxYear > this._menuYearsInView.max;
             default:
@@ -1528,7 +1530,6 @@ export class CalendarCore {
         this._adapter.setHostAttribute(CALENDAR_CONSTANTS.attributes.MODE, 'single');
         this._adapter.setMultiple(false);
         if (this._value.length > 1) {
-            // eslint-disable-next-line @typescript-eslint/prefer-for-of
             for (let i = this._value.length - 2; i >= 0; i -= 1) {
                 this._deselectDate(this._value[i]);
             }
@@ -2097,13 +2098,14 @@ export class CalendarCore {
                 case 'multiple':
                     dates = value;
                     break;
-                case 'range':
+                case 'range': {
                     const minAndMax = getMinAndMaxDates(value);
                     dates.push(minAndMax[0]);
                     if (minAndMax.length > 1) {
                         dates.push(minAndMax[1]);
                     }
                     break;
+                }
             }
         }
         else if (isValidDate(new Date(value))) {

package/esm/calendar/calendar-dropdown/calendar-dropdown.js

@@ -16,7 +16,7 @@ export class CalendarDropdown {
         return this._popupClasses;
     }
     set popupClasses(value) {
-        this._popupClasses = !!value ? (isArray(value) ? [...value] : [value]) : [];
+        this._popupClasses = value ? (isArray(value) ? [...value] : [value]) : [];
     }
     get locale() {
         return this.calendar?.locale;

package/esm/calendar/calendar-utils.js

@@ -125,9 +125,7 @@ export function getDatesInRange(dates, start, end) {
     if (!start || !end) {
         return [];
     }
-    return dates.filter(d => {
-        return isInRange(d, start, end);
-    });
+    return dates.filter(d => isInRange(d, start, end));
 }
 /** Gets an accessible description of events. */
 export function getEventDescriptions(events) {

package/esm/calendar/calendar.js

@@ -18,7 +18,7 @@ import { StateLayerComponent } from '../state-layer';
 import { FocusIndicatorComponent } from '../focus-indicator';
 import { BaseComponent } from '../core/base/base-component';
 const template = '<template><div class=\"forge-calendar\" part=\"root\"><div id=\"view\" class=\"forge-calendar__view\" part=\"view\"><div id=\"date-view\" class=\"forge-calendar__date-view\" role=\"grid\" part=\"date-view\"><div role=\"rowgroup\" part=\"date-view-container\"><div id=\"day-row\" class=\"forge-calendar__date-view__row\" role=\"row\" part=\"date-view-row\"></div></div><div id=\"date-grid\" class=\"forge-calendar__date-grid\" role=\"rowgroup\" part=\"date-grid-container\"></div></div><forge-calendar-menu id=\"menu\" part=\"calendar-menu\"></forge-calendar-menu></div></div></template>';
-const styles = '.forge-calendar{width:var(--forge-calendar-width,100%);height:fit-content;position:relative}.forge-calendar__header{padding:var(--forge-calendar-controls-padding,0);display:flex;align-items:center;justify-content:space-between}.forge-calendar__footer{padding:var(--forge-calendar-controls-padding,0);display:flex;align-items:center;justify-content:space-between}.forge-calendar__view{position:relative}.forge-calendar__date-view{display:block}.forge-calendar__date-view__row{display:grid;grid-template-columns:repeat(7,1fr)}.forge-calendar__date-grid{display:grid}.forge-calendar__day{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);display:flex;justify-content:center;align-items:center;min-width:0;padding:0;font-weight:700;user-select:none}.forge-calendar__day::after{float:left;padding-top:100%;content:\"\"}.forge-calendar__date{margin-top:var(--forge-calendar-row-gap,2px);min-width:0;padding:0;border-radius:50%;position:relative;outline:0;cursor:default;user-select:none}.forge-calendar__date::after{float:left;padding-top:100%;content:\"\"}.forge-calendar__date forge-focus-indicator{--forge-focus-indicator-shape:50%}.forge-calendar__date__inner{-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);text-decoration:var(--forge-typography-body1-text-decoration,inherit);position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);top:calc(2px / 2);left:calc(2px / 2);display:flex;justify-content:center;align-items:center;border-radius:inherit;box-sizing:border-box}.forge-calendar--show-today .forge-calendar__date--today:not([disabled]){color:var(--forge-theme-primary,#3f51b5);border-color:var(--forge-theme-primary,#3f51b5)}.forge-calendar--show-today .forge-calendar__date--today .forge-calendar__date__inner{border-color:inherit;border-width:1px;border-style:solid;font-weight:700}.forge-calendar--show-today .forge-calendar__date--today.forge-calendar__date--selected{color:var(--forge-theme-on-primary,#fff)}.forge-calendar:not(.forge-calendar--readonly) .forge-calendar__date:not([disabled]){cursor:pointer}.forge-calendar__date--selected:not([disabled]) .forge-calendar__date__inner{background-color:var(--forge-theme-primary,#3f51b5);color:var(--forge-theme-on-primary,#fff)}.forge-calendar__date--selected[disabled] .forge-calendar__date__inner{background-color:var(--forge-theme-primary-container-minimum,#f7f8fc);color:var(--forge-theme-text-low,rgba(0,0,0,.38))}.forge-calendar__date--selected forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-primary-container)}.forge-calendar__date[disabled]{color:var(--forge-theme-text-low,rgba(0,0,0,.38))}.forge-calendar__date-spacer{pointer-events:none}.forge-calendar--fixed-height .forge-calendar__date-spacer{margin-top:var(--forge-calendar-row-gap,2px)}.forge-calendar--fixed-height .forge-calendar__date-spacer::after{float:left;padding-top:100%;content:\"\"}.forge-calendar__range:not(.forge-calendar__date-spacer) .forge-calendar__range__target{background-color:var(--forge-theme-primary,#3f51b5);position:absolute;width:100%;height:100%;opacity:.14;border-radius:0}.forge-calendar__range:not(.forge-calendar__date-spacer).forge-calendar__range--start .forge-calendar__range__target{border-top-left-radius:50%;border-bottom-left-radius:50%}.forge-calendar__range:not(.forge-calendar__date-spacer).forge-calendar__range--end .forge-calendar__range__target{border-top-right-radius:50%;border-bottom-right-radius:50%}.forge-calendar__range:not(.forge-calendar__range--start):first-of-type .forge-calendar__range__target{border-top-left-radius:4px;border-bottom-left-radius:4px}.forge-calendar__range:not(.forge-calendar__range--end):last-of-type .forge-calendar__range__target{border-top-right-radius:4px;border-bottom-right-radius:4px}.forge-calendar--allow-single-date-range .forge-calendar__range--start.forge-calendar__range--end .forge-calendar__range__target{transition:transform .2s;transform:scale(1.15);transform-origin:center}.forge-calendar__event{font-size:var(--forge-calendar-event-dot-size, 12px)}.forge-calendar__event[data-event-theme=primary]{color:var(--forge-calendar-theme-event-primary-accent,#3f51b5)}.forge-calendar__event[data-event-theme=secondary]{color:var(--forge-calendar-theme-event-secondary-accent,#ffc107)}.forge-calendar__event[data-event-theme=blue]{color:var(--forge-calendar-theme-event-blue-accent,#2196f3)}.forge-calendar__event[data-event-theme=light-green]{color:var(--forge-calendar-theme-event-light-green-accent,#8bc34a)}.forge-calendar__event[data-event-theme=cyan]{color:var(--forge-calendar-theme-event-cyan-accent,#00bcd4)}.forge-calendar__event[data-event-theme=teal]{color:var(--forge-calendar-theme-event-teal-accent,#009688)}.forge-calendar__event[data-event-theme=orange]{color:var(--forge-calendar-theme-event-orange-accent,#ff9800)}.forge-calendar__event[data-event-theme=blue-grey]{color:var(--forge-calendar-theme-event-blue-grey-accent,#607d8b)}.forge-calendar__event[data-event-theme=grey]{color:var(--forge-calendar-theme-event-grey-accent,#9e9e9e)}.forge-calendar__event[data-event-theme=red]{color:var(--forge-calendar-theme-event-red-accent,#f44336)}.forge-calendar__event[data-event-theme=pink]{color:var(--forge-calendar-theme-event-pink-accent,#e91e63)}.forge-calendar__event[data-event-theme=purple]{color:var(--forge-calendar-theme-event-purple-accent,#9c27b0)}.forge-calendar__event[data-event-theme=light-blue]{color:var(--forge-calendar-theme-event-light-blue-accent,#03a9f4)}.forge-calendar__event[data-event-theme=deep-purple]{color:var(--forge-calendar-theme-event-deep-purple-accent,#673ab7)}.forge-calendar__event[data-event-theme=green]{color:var(--forge-calendar-theme-event-green-accent,#4caf50)}.forge-calendar__event[data-event-theme=lime]{color:var(--forge-calendar-theme-event-lime-accent,#cddc39)}.forge-calendar__event[data-event-theme=yellow]{color:var(--forge-calendar-theme-event-yellow-accent,#ffeb3b)}.forge-calendar__event[data-event-theme=brown]{color:var(--forge-calendar-theme-event-brown-accent,#795548)}.forge-calendar__event[data-event-theme=deep-orange]{color:var(--forge-calendar-theme-event-deep-orange-accent,#ff5722)}.forge-calendar__date[disabled] .forge-calendar__event{opacity:.14}.forge-calendar__event--overflow{background-color:var(--forge-theme-surface,#fff);color:var(--forge-theme-on-surface,#000);border-radius:50%}.forge-calendar__event__wrapper{display:flex;justify-content:center;gap:2px;position:absolute;bottom:0;left:0;width:100%;padding-bottom:2px;pointer-events:none}.forge-calendar__date-spacer .forge-calendar__event__wrapper{display:none}.forge-calendar--rtl .forge-calendar__header forge-icon-button forge-icon{transform:rotate(180deg)}#accessible-header{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:fixed;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}#month-button forge-icon{transition:transform .2s}.forge-calendar--month-menu-open #month-button forge-icon{transform:rotate(180deg)}#year-button forge-icon{transition:transform .2s}.forge-calendar--year-menu-open #year-button forge-icon{transform:rotate(180deg)}:host{--forge-calendar-event-stroke-color:var(--forge-theme-surface, #ffffff);display:inline-block}:host([hidden]){display:none}:host([forge-popover-context=true]){--forge-calendar-event-stroke-color:var(--forge-theme-surface-bright, #ffffff)}';
+const styles = '.forge-calendar{width:var(--forge-calendar-width,100%);height:fit-content;position:relative}.forge-calendar__header{padding:var(--forge-calendar-controls-padding,0);display:flex;align-items:center;justify-content:space-between}.forge-calendar__footer{padding:var(--forge-calendar-controls-padding,0);display:flex;align-items:center;justify-content:space-between}.forge-calendar__view{position:relative}.forge-calendar__date-view{display:block}.forge-calendar__date-view__row{display:grid;grid-template-columns:repeat(7,1fr)}.forge-calendar__date-grid{display:grid}.forge-calendar__day{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--forge-typography-label2-font-family, var(--forge-typography-font-family, \"Roboto\", sans-serif));font-size:var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, .8125)));font-weight:var(--forge-typography-label2-font-weight,400);line-height:var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));letter-spacing:var(--forge-typography-label2-letter-spacing, .0096153846em);text-transform:var(--forge-typography-label2-text-transform,inherit);text-decoration:var(--forge-typography-label2-text-decoration,inherit);display:flex;justify-content:center;align-items:center;min-width:0;padding:0;font-weight:700;user-select:none}.forge-calendar__day::after{float:left;padding-top:100%;content:\"\"}.forge-calendar__date{margin-top:var(--forge-calendar-row-gap,2px);min-width:0;padding:0;border-radius:50%;position:relative;outline:0;cursor:default;user-select:none}.forge-calendar__date::after{float:left;padding-top:100%;content:\"\"}.forge-calendar__date forge-focus-indicator{--forge-focus-indicator-shape:50%}.forge-calendar__date__inner{-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);text-decoration:var(--forge-typography-body1-text-decoration,inherit);position:absolute;width:calc(100% - 2px);height:calc(100% - 2px);top:calc(2px / 2);left:calc(2px / 2);display:flex;justify-content:center;align-items:center;border-radius:inherit;box-sizing:border-box}.forge-calendar--show-today .forge-calendar__date--today:not([disabled]){color:var(--forge-theme-primary,#3f51b5);border-color:var(--forge-theme-primary,#3f51b5)}.forge-calendar--show-today .forge-calendar__date--today .forge-calendar__date__inner{border-color:inherit;border-width:1px;border-style:solid;font-weight:700}.forge-calendar--show-today .forge-calendar__date--today.forge-calendar__date--selected{color:var(--forge-theme-on-primary,#fff)}.forge-calendar:not(.forge-calendar--readonly) .forge-calendar__date:not([disabled]){cursor:pointer}.forge-calendar__date--selected:not([disabled]) .forge-calendar__date__inner{background-color:var(--forge-theme-primary,#3f51b5);color:var(--forge-theme-on-primary,#fff)}.forge-calendar__date--selected[disabled] .forge-calendar__date__inner{background-color:var(--forge-theme-primary-container-minimum,#f7f8fc);color:var(--forge-theme-text-low,rgba(0,0,0,.38))}.forge-calendar__date--selected forge-focus-indicator{--forge-focus-indicator-color:var(--forge-theme-primary-container)}.forge-calendar__date[disabled]{color:var(--forge-theme-text-low,rgba(0,0,0,.38))}.forge-calendar__date-spacer{pointer-events:none}.forge-calendar--fixed-height .forge-calendar__date-spacer{margin-top:var(--forge-calendar-row-gap,2px)}.forge-calendar--fixed-height .forge-calendar__date-spacer::after{float:left;padding-top:100%;content:\"\"}.forge-calendar__range:not(.forge-calendar__date-spacer) .forge-calendar__range__target{background-color:var(--forge-theme-primary,#3f51b5);position:absolute;width:100%;height:100%;opacity:.14;border-radius:0}.forge-calendar__range:not(.forge-calendar__date-spacer).forge-calendar__range--start .forge-calendar__range__target{border-top-left-radius:50%;border-bottom-left-radius:50%}.forge-calendar__range:not(.forge-calendar__date-spacer).forge-calendar__range--end .forge-calendar__range__target{border-top-right-radius:50%;border-bottom-right-radius:50%}.forge-calendar__range:not(.forge-calendar__range--start):first-of-type .forge-calendar__range__target{border-top-left-radius:4px;border-bottom-left-radius:4px}.forge-calendar__range:not(.forge-calendar__range--end):last-of-type .forge-calendar__range__target{border-top-right-radius:4px;border-bottom-right-radius:4px}.forge-calendar--allow-single-date-range .forge-calendar__range--start.forge-calendar__range--end .forge-calendar__range__target{transition:transform .2s;transform:scale(1.15);transform-origin:center}.forge-calendar__event{font-size:var(--forge-calendar-event-dot-size, 12px)}.forge-calendar__event[data-event-theme=primary]{color:var(--forge-calendar-theme-event-primary-accent,#3f51b5)}.forge-calendar__event[data-event-theme=secondary]{color:var(--forge-calendar-theme-event-secondary-accent,#ffc107)}.forge-calendar__event[data-event-theme=blue]{color:var(--forge-calendar-theme-event-blue-accent,#2196f3)}.forge-calendar__event[data-event-theme=light-green]{color:var(--forge-calendar-theme-event-light-green-accent,#8bc34a)}.forge-calendar__event[data-event-theme=cyan]{color:var(--forge-calendar-theme-event-cyan-accent,#00bcd4)}.forge-calendar__event[data-event-theme=teal]{color:var(--forge-calendar-theme-event-teal-accent,#009688)}.forge-calendar__event[data-event-theme=orange]{color:var(--forge-calendar-theme-event-orange-accent,#ff9800)}.forge-calendar__event[data-event-theme=blue-grey]{color:var(--forge-calendar-theme-event-blue-grey-accent,#607d8b)}.forge-calendar__event[data-event-theme=grey]{color:var(--forge-calendar-theme-event-grey-accent,#9e9e9e)}.forge-calendar__event[data-event-theme=red]{color:var(--forge-calendar-theme-event-red-accent,#f44336)}.forge-calendar__event[data-event-theme=pink]{color:var(--forge-calendar-theme-event-pink-accent,#e91e63)}.forge-calendar__event[data-event-theme=purple]{color:var(--forge-calendar-theme-event-purple-accent,#9c27b0)}.forge-calendar__event[data-event-theme=light-blue]{color:var(--forge-calendar-theme-event-light-blue-accent,#03a9f4)}.forge-calendar__event[data-event-theme=deep-purple]{color:var(--forge-calendar-theme-event-deep-purple-accent,#673ab7)}.forge-calendar__event[data-event-theme=green]{color:var(--forge-calendar-theme-event-green-accent,#4caf50)}.forge-calendar__event[data-event-theme=lime]{color:var(--forge-calendar-theme-event-lime-accent,#cddc39)}.forge-calendar__event[data-event-theme=yellow]{color:var(--forge-calendar-theme-event-yellow-accent,#ffeb3b)}.forge-calendar__event[data-event-theme=brown]{color:var(--forge-calendar-theme-event-brown-accent,#795548)}.forge-calendar__event[data-event-theme=deep-orange]{color:var(--forge-calendar-theme-event-deep-orange-accent,#ff5722)}.forge-calendar__date[disabled] .forge-calendar__event{opacity:.14}.forge-calendar__event--overflow{background-color:var(--forge-theme-surface,#fff);color:var(--forge-theme-on-surface,#000);border-radius:50%}.forge-calendar__event__wrapper{display:flex;justify-content:center;gap:2px;position:absolute;bottom:0;left:0;width:100%;padding-bottom:2px;pointer-events:none}.forge-calendar__date-spacer .forge-calendar__event__wrapper{display:none}.forge-calendar--rtl .forge-calendar__header forge-icon-button forge-icon{transform:rotate(180deg)}#accessible-header{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}#month-button forge-icon{transition:transform .2s}.forge-calendar--month-menu-open #month-button forge-icon{transform:rotate(180deg)}#year-button forge-icon{transition:transform .2s}.forge-calendar--year-menu-open #year-button forge-icon{transform:rotate(180deg)}:host{--forge-calendar-event-stroke-color:var(--forge-theme-surface, #ffffff);display:inline-block}:host([hidden]){display:none}:host([forge-popover-context=true]){--forge-calendar-event-stroke-color:var(--forge-theme-surface-bright, #ffffff)}';
 /**
  * @tag forge-calendar
  *

package/esm/color-picker/color-picker-core.js

@@ -142,7 +142,7 @@ export class ColorPickerCore {
     _render() {
         this._setGradientColor();
         this._adapter.setPreviewColor(formatRgba(this._rgba));
-        this._adapter.setHexInputValue(`#${this._hex}`);
+        this._adapter.setHexInputValue(formatHex(this._hex, this._allowOpacity));
         this._adapter.setRgbaInputValue(this._rgba);
         this._adapter.setHsvaInputValue(this._hsva);
         this._adapter.updateA11y(this._hsva.h, Math.round(this._hsva.a * 100));
@@ -165,17 +165,18 @@ export class ColorPickerCore {
     }
     set value(value) {
         if (this._value !== value) {
-            this._value = value || DEFAULT_COLOR;
+            this._value = value ?? DEFAULT_COLOR;
             if (!isValidHex(this._value)) {
                 throw new Error('Invalid hex value provided.');
             }
-            this._hex = this._value.replace(/^#/, '');
+            this._value = this._value.replace(/^#/, ''); // Normalize hex value by removing leading hash
+            this._hex = this._value;
             this._setColorFromHex();
             this._adapter.setHostAttribute(COLOR_PICKER_CONSTANTS.attributes.VALUE, this._value);
         }
     }
     get rgba() {
-        return !!this._rgba ? { ...this._rgba } : null;
+        return this._rgba ? { ...this._rgba } : null;
     }
     set rgba(value) {
         if (value) {
@@ -188,7 +189,7 @@ export class ColorPickerCore {
         }
     }
     get hsva() {
-        return !!this._hsva ? { ...this._hsva } : null;
+        return this._hsva ? { ...this._hsva } : null;
     }
     set hsva(value) {
         if (value) {

package/esm/color-picker/color-picker-gradient-slider.d.ts

@@ -13,7 +13,7 @@ export declare class ColorPickerGradientSlider {
     private _downListener;
     private _moveListener;
     private _upListener;
-    constructor(_rootElement: HTMLElement, _changeListener: (x: number, y: number) => void);
+    constructor(_rootElement: HTMLElement, _changeListener: (saturation: number, value: number) => void);
     destroy(): void;
     setValue(saturation: number, value: number): void;
     private _initialize;

package/esm/color-picker/color-picker-gradient-slider.js

@@ -9,6 +9,8 @@ export class ColorPickerGradientSlider {
     constructor(_rootElement, _changeListener) {
         this._rootElement = _rootElement;
         this._changeListener = _changeListener;
+        this._xPercent = 0;
+        this._yPercent = 0;
         this._keydownListener = evt => this._onKeydown(evt);
         this._downListener = evt => this._onDown(evt);
         this._moveListener = evt => this._onMove(evt);
@@ -19,12 +21,9 @@ export class ColorPickerGradientSlider {
         this._unlisten();
     }
     setValue(saturation, value) {
-        window.requestAnimationFrame(() => {
-            const bounds = this._rootElement.getBoundingClientRect();
-            this._xPercent = Math.round(bounds.width * (saturation / 100));
-            this._yPercent = bounds.height - Math.round(bounds.height * (value / 100));
-            this._setThumbPosition(this._xPercent, this._yPercent);
-        });
+        this._xPercent = Math.max(0, Math.min(100, saturation));
+        this._yPercent = Math.max(0, Math.min(100, 100 - value));
+        this._setThumbPosition(this._xPercent, this._yPercent);
     }
     _initialize() {
         this._thumbElement = this._rootElement.querySelector(COLOR_PICKER_CONSTANTS.selectors.GRADIENT_THUMB);
@@ -51,42 +50,30 @@ export class ColorPickerGradientSlider {
         const isArrowUpKey = evt.key === 'ArrowUp' || evt.keyCode === 38;
         const isArrowRightKey = evt.key === 'ArrowRight' || evt.keyCode === 39;
         const isArrowDownKey = evt.key === 'ArrowDown' || evt.keyCode === 40;
-        const bounds = this._rootElement.getBoundingClientRect();
+        const stepSize = 1; // 1% steps
         if (isArrowDownKey) {
             evt.preventDefault();
-            this._yPercent++;
+            this._yPercent = Math.min(100, this._yPercent + stepSize);
         }
         else if (isArrowUpKey) {
             evt.preventDefault();
-            this._yPercent--;
+            this._yPercent = Math.max(0, this._yPercent - stepSize);
         }
         else if (isArrowLeftKey) {
             evt.preventDefault();
-            this._xPercent--;
+            this._xPercent = Math.max(0, this._xPercent - stepSize);
         }
         else if (isArrowRightKey) {
             evt.preventDefault();
-            this._xPercent++;
+            this._xPercent = Math.min(100, this._xPercent + stepSize);
         }
         else if (isEnterKey) {
             evt.preventDefault();
-            // TODO(kieran.nichols): Select the current color
+            // TODO: Select the current color
         }
         else {
             return;
         }
-        if (this._xPercent > bounds.width) {
-            this._xPercent = bounds.width;
-        }
-        else if (this._xPercent < 0) {
-            this._xPercent = 0;
-        }
-        if (this._yPercent > bounds.height) {
-            this._yPercent = bounds.height;
-        }
-        else if (this._yPercent < 0) {
-            this._yPercent = 0;
-        }
         this._setThumbPosition(this._xPercent, this._yPercent);
         this._notify();
     }
@@ -115,21 +102,23 @@ export class ColorPickerGradientSlider {
         const x = isMouseEvent ? evt.clientX : evt.changedTouches[0].clientX;
         const y = isMouseEvent ? evt.clientY : evt.changedTouches[0].clientY;
         const coords = this._calculateSliderPercent(x, y);
-        this._setThumbPosition(coords.x, coords.y);
-        this._xPercent = parseInt(((coords.x / coords.width) * 100).toString(), 10);
-        this._yPercent = Math.abs(parseInt(((coords.y / coords.height) * 100).toString(), 10) - 100);
+        this._xPercent = Math.max(0, Math.min(100, (coords.x / coords.width) * 100));
+        this._yPercent = Math.max(0, Math.min(100, (coords.y / coords.height) * 100));
+        this._setThumbPosition(this._xPercent, this._yPercent);
         this._notify();
     }
     _calculateSliderPercent(absX, absY) {
         return relativeCoords(absX, absY, this._rootElement);
     }
     _setThumbPosition(xPercent, yPercent) {
-        this._thumbElement.style.left = `${xPercent}px`;
-        this._thumbElement.style.top = `${yPercent}px`;
+        this._thumbElement.style.left = `${xPercent}%`;
+        this._thumbElement.style.top = `${yPercent}%`;
     }
     _notify() {
         if (typeof this._changeListener === 'function') {
-            this._changeListener(this._xPercent, this._yPercent);
+            const saturation = this._xPercent;
+            const value = 100 - this._yPercent;
+            this._changeListener(saturation, value);
         }
     }
 }

package/esm/core/configuration/global-configuration.js

@@ -4,7 +4,6 @@
  * License: Apache-2.0
  */
 export class GlobalConfiguration {
-    // eslint-disable-next-line @tylertech-eslint/require-private-modifier
     constructor() { }
     /**
      * Gets an entry from the global configuration for the specified element.

package/esm/core/mixins/form/with-form-associated.js

@@ -62,8 +62,12 @@ export function WithFormAssociation(base) {
             }
             // Apply validation-affecting props to the input element to get the correct validation
             // message
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            Object.entries(props).forEach(([key, value]) => (this._inputElement[key] = value));
+            if (this._inputElement) {
+                const entries = Object.entries(props);
+                for (const [key, value] of entries) {
+                    this._inputElement[key] = value;
+                }
+            }
             return this._inputElement.validationMessage;
         }
     }

package/esm/core/utils/a11y-utils.d.ts

@@ -99,9 +99,9 @@ export declare function ariaPropertyToAttribute<K extends ARIAProperty | 'role'>
  * @returns An ARIA mixin property.
  */
 export declare function ariaAttributeToProperty<K extends ARIAAttribute | 'role'>(attribute: K): ARIAProperty;
-export type DefaultAriaOptions = {
+export interface DefaultAriaOptions {
     setAttribute?: boolean;
-};
+}
 /**
  * Applies default ARIA to an element through ElementInternals if supported. Otherwise, ARIA
  * attributes are set directly on the element and stored in additional `data-default-*` attributes

package/esm/core/utils/date-utils.js

@@ -4,7 +4,7 @@
  * License: Apache-2.0
  */
 import { isValidDate } from '@tylertech/forge-core';
-export const ISO_8601_REGEX = /^([\+-]?\d{4}(?!\d{2}\b))((-?)((0[1-9]|1[0-2])(\3([12]\d|0[1-9]|3[01]))?|W([0-4]\d|5[0-2])(-?[1-7])?|(00[1-9]|0[1-9]\d|[12]\d{2}|3([0-5]\d|6[1-6])))([T\s]((([01]\d|2[0-3])((:?)[0-5]\d)?|24\:?00)([\.,]\d+(?!:))?)?(\17[0-5]\d([\.,]\d+)?)?([zZ]|([\+-])([01]\d|2[0-3]):?([0-5]\d)?)?)?)?$/;
+export const ISO_8601_REGEX = /^([+-]?\d{4}(?!\d{2}\b))((-?)((0[1-9]|1[0-2])(\3([12]\d|0[1-9]|3[01]))?|W([0-4]\d|5[0-2])(-?[1-7])?|(00[1-9]|0[1-9]\d|[12]\d{2}|3([0-5]\d|6[1-6])))([T\s]((([01]\d|2[0-3])((:?)[0-5]\d)?|24:?00)([.,]\d+(?!:))?)?(\17[0-5]\d([.,]\d+)?)?([zZ]|([+-])([01]\d|2[0-3]):?([0-5]\d)?)?)?)?$/;
 export const ISO_TIMEZONE_REGEX = /a-z/i;
 const FUTURE_YEAR_COERCION = 10; // The number of years in the future to coerce two-digit years into current century
 /**

package/esm/core/utils/dismissible-stack.js

@@ -18,7 +18,6 @@ export class DismissibleStack {
     get dismissing() {
         return this._deferredDismiss?.promise ?? Promise.resolve();
     }
-    // eslint-disable-next-line @tylertech-eslint/require-private-modifier
     constructor() {
         /**
          * A set of all elements that are currently eligible for dismissal.

package/esm/core/utils/feature-detection.js

@@ -9,7 +9,7 @@ import { Platform } from '@tylertech/forge-core';
  * @returns {boolean}
  */
 export function supportsPopover() {
-    return HTMLElement.prototype.hasOwnProperty('popover');
+    return Object.prototype.hasOwnProperty.call(HTMLElement.prototype, 'popover');
 }
 /**
  * Detects if the browser supports ARIA properties in Element Internals.
@@ -19,7 +19,7 @@ export function supportsPopover() {
  * @returns {boolean}
  */
 export function supportsElementInternalsAria() {
-    return ElementInternals.prototype.hasOwnProperty('role');
+    return Object.prototype.hasOwnProperty.call(ElementInternals.prototype, 'role');
 }
 /**
  * Detects if the browser supports the hovering elements as the users primary input mechanism.

package/esm/date-picker/base/base-date-picker-adapter.d.ts

@@ -7,6 +7,7 @@ import { DateRange, DayOfWeek, ICalendarComponent } from '../../calendar';
 import { ICalendarDropdown, ICalendarDropdownPopupConfig } from '../../calendar/calendar-dropdown';
 import { BaseAdapter, IBaseAdapter, IDateInputMaskOptions } from '../../core';
 import { BaseComponent } from '../../core/base/base-component';
+import { IIconButtonComponent } from '../../icon-button';
 import { IDatePickerCalendarDropdownText } from './base-date-picker-constants';
 export interface IBaseDatePickerAdapter extends IBaseAdapter {
     initialize(): void;
@@ -98,6 +99,6 @@ export declare abstract class BaseDatePickerAdapter<T extends BaseComponent> ext
     setCalendarText(text: IDatePickerCalendarDropdownText): void;
     propagateCalendarKey(evt: KeyboardEvent): void;
     tryCreateToggle(): void;
-    protected _createToggleElement(): HTMLElement;
+    protected _createToggleElement(): IIconButtonComponent;
     protected _getDefaultTargetElement(): HTMLElement;
 }

package/esm/date-picker/base/base-date-picker-adapter.js

@@ -173,6 +173,10 @@ export class BaseDatePickerAdapter extends BaseAdapter {
                 return;
             }
             const iconButtonElement = this._createToggleElement();
+            // Inherit the density from the text field in certain cases
+            if (textField.density === 'extra-small') {
+                iconButtonElement.density = 'small';
+            }
             textField.appendChild(iconButtonElement);
             this._toggleElement = iconButtonElement;
         }