@tylertech/forge 3.14.1 → 3.14.2

package/custom-elements.json

@@ -2639,7 +2639,7 @@
               "kind": "field",
               "name": "_slottedButtonElements",
               "type": {
-                "text": "(HTMLButtonElement | HTMLAnchorElement)[]"
+                "text": "(HTMLButtonElement | HTMLAnchorElement)[] | undefined"
               },
               "privacy": "private"
             },
@@ -38081,11 +38081,11 @@
     },
     "IFieldCore": {
       "path": "src/lib/field/field-core.ts",
-      "lineNumber": 14
+      "lineNumber": 15
     },
     "FieldCore": {
       "path": "src/lib/field/field-core.ts",
-      "lineNumber": 38
+      "lineNumber": 39
     },
     "IFieldComponent": {
       "path": "src/lib/field/field.ts",
@@ -39887,6 +39887,10 @@
       "path": "src/lib/core/controllers/move-controller.ts",
       "lineNumber": 11
     },
+    "CoreWithAdapter": {
+      "path": "src/lib/core/decorators/global-configuration-decorator.ts",
+      "lineNumber": 4
+    },
     "BaseComponentDelegateProps": {
       "path": "src/lib/core/delegates/base-component-delegate.ts",
       "lineNumber": 3

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

@@ -60,7 +60,7 @@ export declare class ButtonAreaComponent extends BaseLitElement implements IButt
      * @default undefined
      */
     targetElement: TargetElement | null | undefined;
-    private _slottedButtonElements;
+    private _slottedButtonElements?;
     connectedCallback(): void;
     firstUpdated(): void;
     willUpdate(changedProperties: PropertyValues<this>): void;

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

@@ -144,7 +144,7 @@ let ButtonAreaComponent = class ButtonAreaComponent extends BaseLitElement {
     #stateLayer;
     #focusIndicator;
     get #slottedButtonElement() {
-        return this._slottedButtonElements[0];
+        return this._slottedButtonElements?.[0];
     }
     get #associatedElement() {
         if (this.targetElement && (this.#isDisableableElement(this.targetElement) || this.#isAnchorElement(this.targetElement))) {
@@ -189,12 +189,12 @@ let ButtonAreaComponent = class ButtonAreaComponent extends BaseLitElement {
         @click=${this.#handleClick}
         @keydown=${this.#handleKeydown}
         @pointerdown=${this.#handlePointerdown}>
-        <div id="button" class="button" part="button" .hidden=${!!this.targetElement} @slotchange=${this.#handleSlotChange}>
-          <slot name="button"></slot>
-        </div>
         <slot @click=${this.#handleIgnoreStateLayer} @pointerdown=${this.#handleIgnoreStateLayer} @pointerup=${this.#handleIgnoreStateLayer}></slot>
         <forge-state-layer exportparts="surface:state-layer" ${ref(this.#stateLayer)}></forge-state-layer>
         <forge-focus-indicator target="button" part="focus-indicator" inward ${ref(this.#focusIndicator)}></forge-focus-indicator>
+        <div id="button" class="button" part="button" .hidden=${!!this.targetElement} @slotchange=${this.#handleSlotChange}>
+          <slot name="button"></slot>
+        </div>
       </div>
     `;
     }

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

@@ -4,6 +4,6 @@
  * License: Apache-2.0
  */
 
-var styles = ":host{display:block;position:relative}:host .forge-button-area{cursor:var(--_button-area-cursor)}:host([hidden]){display:none}:host(:state(disabled)) .forge-button-area{cursor:var(--_button-area-disabled-cursor)}:host(:where(:state(pressed),:state(current))) .forge-button-area{background-color:var(--_button-area-selected-color)}.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-shape:var(--forge-button-area-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));--_button-area-selected-color:var(--forge-button-area-selected-color, var(--forge-theme-primary-container, #d1d5ed));--_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%;border-radius:var(--_button-area-shape)}.forge-button-area .button{position:absolute;inline-size:100%;block-size:100%}.forge-button-area .button ::slotted(:is(button)){position:absolute;inline-size:100%;block-size:100%;margin:0;padding:0;border:none;outline:none;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);pointer-events:none}.forge-button-area .button ::slotted(:is(a[href])){position:absolute;inline-size:100%;block-size:100%;margin:0;padding:0;border:none;outline:none;overflow:hidden}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-focus-indicator-shape: var(--_button-area-shape)}forge-state-layer{--forge-state-layer-color: var(--_button-area-primary-color);border-radius:inherit}";
+var styles = ":host{display:block;position:relative}:host .forge-button-area{cursor:var(--_button-area-cursor)}:host([hidden]){display:none}:host(:state(disabled)) .forge-button-area{cursor:var(--_button-area-disabled-cursor)}:host(:where(:state(pressed),:state(current))) .forge-button-area{background-color:var(--_button-area-selected-color)}.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-shape:var(--forge-button-area-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));--_button-area-selected-color:var(--forge-button-area-selected-color, var(--forge-theme-primary-container, #d1d5ed));--_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%;border-radius:var(--_button-area-shape)}.forge-button-area .button{position:absolute;inline-size:100%;block-size:100%;pointer-events:none}.forge-button-area .button ::slotted(:is(button)){position:absolute;inline-size:100%;block-size:100%;margin:0;padding:0;border:none;outline:none;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);pointer-events:none}.forge-button-area .button ::slotted(:is(a[href])){position:absolute;inline-size:100%;block-size:100%;margin:0;padding:0;border:none;outline:none;overflow:hidden}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-focus-indicator-shape: var(--_button-area-shape)}forge-state-layer{--forge-state-layer-color: var(--_button-area-primary-color);border-radius:inherit}";
 
 export { styles as default };

package/esm/core/decorators/global-configuration-decorator.d.ts

@@ -0,0 +1,24 @@
+/**
+ * A decorator that automatically applies global configuration values to a property.
+ *
+ * When the property is first accessed, the decorator will look up the tag name and property name
+ * in the global configuration object and set the initial value from it. If not found in the
+ * global configuration, it will use the property's initial value as the default.
+ *
+ * Works with both HTMLElement instances (Lit components) and Core classes (legacy pattern).
+ * For Core classes, requires an `_adapter` property that provides access to the host element.
+ *
+ * @throws {TypeError} If the global configuration value type doesn't match the property's initial value type
+ *
+ * @example
+ * ```typescript
+ * // On a Lit component
+ * @globalConfig()
+ * public someProperty: boolean = false;
+ *
+ * // On a Core class
+ * @globalConfig()
+ * private _variant: FieldVariant = 'outlined';
+ * ```
+ */
+export declare function globalConfig(): PropertyDecorator;

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

@@ -0,0 +1,87 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+import { GlobalConfiguration } from '../configuration/global-configuration.js';
+
+/**
+ * A decorator that automatically applies global configuration values to a property.
+ *
+ * When the property is first accessed, the decorator will look up the tag name and property name
+ * in the global configuration object and set the initial value from it. If not found in the
+ * global configuration, it will use the property's initial value as the default.
+ *
+ * Works with both HTMLElement instances (Lit components) and Core classes (legacy pattern).
+ * For Core classes, requires an `_adapter` property that provides access to the host element.
+ *
+ * @throws {TypeError} If the global configuration value type doesn't match the property's initial value type
+ *
+ * @example
+ * ```typescript
+ * // On a Lit component
+ * @globalConfig()
+ * public someProperty: boolean = false;
+ *
+ * // On a Core class
+ * @globalConfig()
+ * private _variant: FieldVariant = 'outlined';
+ * ```
+ */
+function globalConfig() {
+    return function (target, propertyKey) {
+        if (typeof propertyKey === 'symbol') {
+            throw new TypeError('globalConfig decorator cannot be used on symbol properties');
+        }
+        const privateKey = Symbol(`__globalConfig_${propertyKey}`);
+        const initializedKey = Symbol(`__globalConfig_initialized_${propertyKey}`);
+        Object.defineProperty(target, propertyKey, {
+            get() {
+                // If we haven't checked global config yet, do it now
+                if (!this[initializedKey]) {
+                    // Use the current value as the default (set by the property initializer)
+                    let initialValue = this[privateKey];
+                    // Get tag name based on whether this is an HTMLElement or a Core class
+                    let tagName;
+                    if (this instanceof HTMLElement) {
+                        // Direct HTMLElement access (Lit components)
+                        tagName = this.localName || this.tagName?.toLowerCase();
+                    }
+                    else if ('_adapter' in this && this._adapter?.hostElement) {
+                        // Core class with adapter (legacy pattern)
+                        const hostElement = this._adapter.hostElement;
+                        tagName = hostElement.localName || hostElement.tagName?.toLowerCase();
+                    }
+                    // Remove leading underscore from property key for lookup (private properties like _variant -> variant)
+                    const lookupKey = propertyKey.replace(/^_/, '');
+                    if (tagName) {
+                        const entry = GlobalConfiguration.get(tagName);
+                        if (entry?.has(lookupKey)) {
+                            const configValue = entry.valueOf(lookupKey);
+                            if (configValue !== undefined) {
+                                // Type check: ensure the global config value matches the default value type
+                                const defaultType = typeof initialValue;
+                                const configType = typeof configValue;
+                                if (defaultType !== configType && initialValue !== null && configValue !== null) {
+                                    throw new TypeError(`Type mismatch for property "${propertyKey}" on ${tagName}: ` + `expected ${defaultType} but global configuration provided ${configType}`);
+                                }
+                                initialValue = configValue;
+                            }
+                        }
+                    }
+                    this[privateKey] = initialValue;
+                    this[initializedKey] = true;
+                }
+                return this[privateKey];
+            },
+            set(value) {
+                this[privateKey] = value;
+            },
+            enumerable: true,
+            configurable: true
+        });
+    };
+}
+
+export { globalConfig };

package/esm/core/decorators/index.d.ts

@@ -0,0 +1 @@
+export { globalConfig } from './global-configuration-decorator.js';

package/esm/core/decorators/index.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc.
+ * License: Apache-2.0
+ */
+
+export { globalConfig } from './global-configuration-decorator.js';

package/esm/core/index.d.ts

@@ -1,5 +1,6 @@
 export * from './base/index.js';
 export * from './configuration/index.js';
+export * from './decorators/index.js';
 export * from './delegates/index.js';
 export * from './utils/index.js';
 export * from './mask/index.js';

package/esm/core/index.js

@@ -6,6 +6,7 @@
 
 import './base/index.js';
 import './configuration/index.js';
+import './decorators/index.js';
 import './delegates/index.js';
 import './utils/index.js';
 import './mask/index.js';

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

@@ -27,13 +27,13 @@ export interface IFieldCore {
 export declare class FieldCore implements IFieldCore {
     private _adapter;
     private _labelPosition;
+    private _variant;
     private _labelAlignment;
     private _floatLabel;
     private _invalid;
     private _required;
     private _optional;
     private _disabled;
-    private _variant;
     private _theme;
     private _shape;
     private _density;

package/esm/field/field-core.js

@@ -4,19 +4,22 @@
  * License: Apache-2.0
  */
 
+import { __decorate } from 'tslib';
+import '../core/index.js';
 import { FIELD_CONSTANTS } from './field-constants.js';
+import { globalConfig } from '../core/decorators/global-configuration-decorator.js';
 
 class FieldCore {
     constructor(_adapter) {
         this._adapter = _adapter;
         this._labelPosition = FIELD_CONSTANTS.defaults.DEFAULT_LABEL_POSITION;
+        this._variant = FIELD_CONSTANTS.defaults.DEFAULT_VARIANT;
         this._labelAlignment = FIELD_CONSTANTS.defaults.DEFAULT_LABEL_ALIGNMENT;
         this._floatLabel = false;
         this._invalid = false;
         this._required = false;
         this._optional = false;
         this._disabled = false;
-        this._variant = FIELD_CONSTANTS.defaults.DEFAULT_VARIANT;
         this._theme = FIELD_CONSTANTS.defaults.DEFAULT_THEME;
         this._shape = FIELD_CONSTANTS.defaults.DEFAULT_SHAPE;
         this._density = FIELD_CONSTANTS.defaults.DEFAULT_DENSITY;
@@ -32,8 +35,15 @@ class FieldCore {
     initialize() {
         this._adapter.addRootListener('slotchange', this._slotChangeListener);
         this._adapter.initializeSlots();
-        this._adapter.tryApplyGlobalConfiguration(['labelPosition', 'variant']);
+        // Setting the label position and variant here for global config decorator compatibility
+        // Skipping if there are already host attributes set to avoid overwriting values that may have been set externally
         this._adapter.setLabelPosition(this._labelPosition);
+        if (this._labelPosition !== FIELD_CONSTANTS.defaults.DEFAULT_LABEL_POSITION && !this._adapter.getHostAttribute(FIELD_CONSTANTS.attributes.LABEL_POSITION)) {
+            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.LABEL_POSITION, this._labelPosition);
+        }
+        if (this._variant !== FIELD_CONSTANTS.defaults.DEFAULT_VARIANT && !this._adapter.getHostAttribute(FIELD_CONSTANTS.attributes.VARIANT)) {
+            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.VARIANT, this._variant);
+        }
         if (this._popoverIcon) {
             this._adapter.addPopoverIconListener('click', this._popoverIconClickListener);
             this._adapter.addPopoverIconListener('mousedown', this._popoverIconMousedownListener);
@@ -69,6 +79,8 @@ class FieldCore {
                 return;
             }
             this._adapter.setLabelPosition(this._labelPosition);
+            // Moved this out of the adapter method
+            this._adapter.setHostAttribute(FIELD_CONSTANTS.attributes.LABEL_POSITION, this._labelPosition);
         }
     }
     get labelAlignment() {
@@ -240,5 +252,11 @@ class FieldCore {
         this._adapter.focusIndicator.allowFocus = value;
     }
 }
+__decorate([
+    globalConfig()
+], FieldCore.prototype, "_labelPosition", void 0);
+__decorate([
+    globalConfig()
+], FieldCore.prototype, "_variant", void 0);
 
 export { FieldCore };

package/esm/index.js

@@ -458,6 +458,7 @@ export { eventIncludesDate, eventIncludesElement, getAccessibleHeader, getClearB
 export { getCurrentTimeOfDayMillis, hoursToMillis, mergeDateWithTime, millisToHours, millisToMinutes, millisToMinutesClamped, millisToSeconds, millisToSecondsClamped, millisToTimeString, minutesToMillis, secondsToMillis, stripSecondsFromMillis, timeStringToMillis } from './time-picker/time-picker-utils.js';
 export { getFirstDayOfWeekForLocale, getLocalizedDayOfMonth, getLocalizedDayOfWeek, getLocalizedMonth, getLocalizedYear, getWeekendDaysForLocale, isRtlLocale } from './calendar/calendar-locale-utils.js';
 export { getGrid, getGridItems, getList, getListItems, getScrollSpy, removeAllExceptLastChild } from './calendar/calendar-menu/calendar-menu-utils.js';
+export { globalConfig } from './core/decorators/global-configuration-decorator.js';
 export { isLabelAware } from './label/label-aware.js';
 export { prefersReducedMotion, supportsElementInternalsAria, supportsHover, supportsPopover } from './core/utils/feature-detection.js';
 export { randomHexColor } from './utils/color-utils.js';

package/esm/split-view/split-view-panel/split-view-panel.scss.js

@@ -4,6 +4,6 @@
  * License: Apache-2.0
  */
 
-var styles = ".forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));background-color:var(--forge-theme-outline, #e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:none}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width, 8px);width:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u38yt61;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt61{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:u38yt6x;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt6x{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u38yt7f;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt7f{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:u38yt82;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt82{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width, 8px);height:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u38yt83;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt83{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u38yt92;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt92{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u38yt9n;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt9n{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u38ytae;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38ytae{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}:host{z-index:var(--forge-split-view-animating-layer) !important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width: 2px}";
+var styles = ".forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));background-color:var(--forge-theme-outline, #e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:none}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width, 8px);width:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:udhg6cr;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes udhg6cr{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:udhg6dd;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes udhg6dd{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:udhg6e2;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes udhg6e2{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:udhg6e3;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes udhg6e3{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width, 8px);height:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:udhg6ez;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes udhg6ez{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:udhg6f6;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes udhg6f6{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:udhg6fd;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes udhg6fd{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:udhg6gb;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes udhg6gb{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}:host{z-index:var(--forge-split-view-animating-layer) !important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width: 2px}";
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tylertech/forge",
-  "version": "3.14.1",
+  "version": "3.14.2",
   "description": "Tyler Forge™ Web Components library",
   "license": "Apache-2.0",
   "author": "Tyler Technologies, Inc.",
@@ -58,5 +58,5 @@
     "tslib": "^2.8.1",
     "@tylertech/forge-core": "3.3.0"
   },
-  "publishedAt": "2026-04-23T18:05:24.922Z"
+  "publishedAt": "2026-05-11T19:23:45.440Z"
 }

package/sass/button-area/_core.scss

@@ -31,6 +31,7 @@
   position: absolute;
   inline-size: 100%;
   block-size: 100%;
+  pointer-events: none;
 }
 
 @mixin slotted-element {