@tylertech/forge 3.14.0 → 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"
             },
@@ -23318,89 +23318,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AppBarHelpButtonComponent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "IMenuOption[]"
-              },
-              "privacy": "public",
-              "description": "The menu options to display when the button is clicked",
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "description": "The name of an alternative icon to display.",
-              "default": "help"
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent<IMenuSelectEventData>"
-              },
-              "description": "Bubbles up the menu select from the internal menu component.",
-              "name": "forge-menu-select"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The name of an alternative icon to display.",
-              "name": "icon",
-              "default": "help"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The aria-label to apply to the button.",
-              "name": "aria-label"
-            },
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The id of an element to use as the aria-labelledby attribute.",
-              "name": "aria-labelledby"
-            }
-          ],
-          "superclass": {
-            "name": "BaseComponent",
-            "module": "/src/lib/core/base/base-component.js"
-          },
-          "tagName": "forge-app-bar-help-button",
-          "customElement": true,
-          "summary": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AppBarHelpButtonComponent",
-          "declaration": {
-            "name": "AppBarHelpButtonComponent",
-            "module": "src/lib/app-bar/help-button/app-bar-help-button.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/lib/app-bar/app-bar/app-bar.ts",
@@ -23755,6 +23672,89 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AppBarHelpButtonComponent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "IMenuOption[]"
+              },
+              "privacy": "public",
+              "description": "The menu options to display when the button is clicked",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "The name of an alternative icon to display.",
+              "default": "help"
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "CustomEvent<IMenuSelectEventData>"
+              },
+              "description": "Bubbles up the menu select from the internal menu component.",
+              "name": "forge-menu-select"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of an alternative icon to display.",
+              "name": "icon",
+              "default": "help"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The aria-label to apply to the button.",
+              "name": "aria-label"
+            },
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The id of an element to use as the aria-labelledby attribute.",
+              "name": "aria-labelledby"
+            }
+          ],
+          "superclass": {
+            "name": "BaseComponent",
+            "module": "/src/lib/core/base/base-component.js"
+          },
+          "tagName": "forge-app-bar-help-button",
+          "customElement": true,
+          "summary": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AppBarHelpButtonComponent",
+          "declaration": {
+            "name": "AppBarHelpButtonComponent",
+            "module": "src/lib/app-bar/help-button/app-bar-help-button.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/lib/app-bar/menu-button/app-bar-menu-button.ts",
@@ -36761,34 +36761,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/lib/view-switcher/view/view.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ViewComponent",
-          "superclass": {
-            "name": "BaseComponent",
-            "module": "/src/lib/core/base/base-component.js"
-          },
-          "tagName": "forge-view",
-          "customElement": true,
-          "summary": "Represents a single view content area within a view-switcher for organizing and displaying content sections."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ViewComponent",
-          "declaration": {
-            "name": "ViewComponent",
-            "module": "src/lib/view-switcher/view/view.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/lib/tree/tree-item/tree-item.ts",
@@ -37235,6 +37207,34 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/lib/view-switcher/view/view.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ViewComponent",
+          "superclass": {
+            "name": "BaseComponent",
+            "module": "/src/lib/core/base/base-component.js"
+          },
+          "tagName": "forge-view",
+          "customElement": true,
+          "summary": "Represents a single view content area within a view-switcher for organizing and displaying content sections."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ViewComponent",
+          "declaration": {
+            "name": "ViewComponent",
+            "module": "src/lib/view-switcher/view/view.ts"
+          }
+        }
+      ]
     }
   ],
   "branchName": "main",
@@ -37268,8 +37268,8 @@
       "lineNumber": 24
     },
     "HTMLElementTagNameMap": {
-      "path": "src/lib/tree/tree-item/tree-item.ts",
-      "lineNumber": 382
+      "path": "src/lib/view-switcher/view/view.ts",
+      "lineNumber": 12
     },
     "IAutocompleteAdapter": {
       "path": "src/lib/autocomplete/autocomplete-adapter.ts",
@@ -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",
@@ -39487,6 +39487,26 @@
       "path": "src/lib/view-switcher/view-switcher.ts",
       "lineNumber": 38
     },
+    "AppBarElevation": {
+      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
+      "lineNumber": 43
+    },
+    "AppBarTheme": {
+      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
+      "lineNumber": 44
+    },
+    "AppBarThemeMode": {
+      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
+      "lineNumber": 45
+    },
+    "IAppBarComponent": {
+      "path": "src/lib/app-bar/app-bar/app-bar.ts",
+      "lineNumber": 14
+    },
+    "AppBarComponent": {
+      "path": "src/lib/app-bar/app-bar/app-bar.ts",
+      "lineNumber": 65
+    },
     "IAppBarHelpButtonAdapter": {
       "path": "src/lib/app-bar/help-button/app-bar-help-button-adapter.ts",
       "lineNumber": 11
@@ -39511,26 +39531,6 @@
       "path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
       "lineNumber": 39
     },
-    "AppBarElevation": {
-      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
-      "lineNumber": 43
-    },
-    "AppBarTheme": {
-      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
-      "lineNumber": 44
-    },
-    "AppBarThemeMode": {
-      "path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
-      "lineNumber": 45
-    },
-    "IAppBarComponent": {
-      "path": "src/lib/app-bar/app-bar/app-bar.ts",
-      "lineNumber": 14
-    },
-    "AppBarComponent": {
-      "path": "src/lib/app-bar/app-bar/app-bar.ts",
-      "lineNumber": 65
-    },
     "IAppBarMenuButtonComponent": {
       "path": "src/lib/app-bar/menu-button/app-bar-menu-button.ts",
       "lineNumber": 12
@@ -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
@@ -40975,14 +40979,6 @@
       "path": "src/lib/tree/tree/tree.ts",
       "lineNumber": 56
     },
-    "IViewComponent": {
-      "path": "src/lib/view-switcher/view/view.ts",
-      "lineNumber": 9
-    },
-    "ViewComponent": {
-      "path": "src/lib/view-switcher/view/view.ts",
-      "lineNumber": 22
-    },
     "TreeItemCheckboxIcon": {
       "path": "src/lib/tree/tree-item/tree-item.ts",
       "lineNumber": 18
@@ -40995,6 +40991,14 @@
       "path": "src/lib/tree/tree-item/tree-item.ts",
       "lineNumber": 32
     },
+    "IViewComponent": {
+      "path": "src/lib/view-switcher/view/view.ts",
+      "lineNumber": 9
+    },
+    "ViewComponent": {
+      "path": "src/lib/view-switcher/view/view.ts",
+      "lineNumber": 22
+    },
     "IWithFocusable": {
       "path": "src/lib/core/mixins/focus/with-focusable.ts",
       "lineNumber": 16

package/dist/secret/forge-secret.css

@@ -3,4 +3,4 @@
  * Copyright Tyler Technologies, Inc.
  * License: Apache-2.0
  */
-.forge-secret{--_secret-blur:var(--forge-secret-blur, var(--forge-spacing-xsmall, 8px));--_secret-button-background:var(--forge-secret-button-background, var(--forge-theme-surface-inverse, #333333));--_secret-button-color:var(--forge-secret-button-color, var(--forge-theme-on-surface-inverse, #ffffff));--_secret-button-shape:var(--forge-secret-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_secret-button-padding:var(--forge-secret-button-padding, var(--forge-spacing-xsmall, 8px));--_secret-icon-size:var(--forge-secret-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1));--_secret-text-button-shape:var(--forge-secret-text-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_secret-text-decoration-line:var(--forge-secret-text-decoration-line, underline);--_secret-text-decoration-style:var(--forge-secret-text-decoration-style, dotted);--_secret-text-decoration-color:var(--forge-secret-text-decoration-color, inherit);--_secret-text-underline-offset:var(--forge-secret-text-underline-offset, var(--forge-spacing-xxxsmall, 2px));--_secret-transition-duration:var(--forge-secret-transition-duration, var(--forge-animation-duration-short4, 200ms));--_secret-transition-easing:var(--forge-secret-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));display:inline-block;vertical-align:bottom;display:flex;max-inline-size:fit-content}.forge-secret__content{display:inline-block;position:relative;transition:filter var(--_secret-transition-duration) var(--_secret-transition-easing)}.forge-secret__button{--forge-icon-button-background-color: var(--_secret-button-background);--forge-icon-button-icon-color: var(--_secret-button-color);--forge-icon-button-padding: 0;--forge-icon-button-shape: var(--_secret-button-shape);--forge-icon-button-size: 1lh;--forge-focus-indicator-outward-offset: 2px;block-size:0;padding-inline:var(--_secret-button-padding)}.forge-secret__text-button{--_button-dense-height:var(--forge-button-dense-height, 24px);--forge-button-background: var(--_secret-button-background);--forge-button-color: var(--_secret-button-color);--forge-button-shape: var(--_secret-text-button-shape);--forge-button-height: var(--_button-dense-height);--forge-focus-indicator-shape: var(--_secret-text-button-shape);padding:var(--_secret-button-padding);position:absolute;place-self:center;inset:0;translate:0;transition-property:inset-block-start,translate;transition-duration:var(--_secret-transition-duration);transition-timing-function:var(--_secret-transition-easing)}.forge-secret__icon{--forge-icon-font-size: var(--_secret-icon-size)}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__content{filter:none !important}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__content::before{display:none}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)).forge-secret--masked:not(.forge-secret--block) .forge-secret__content{display:inline-block !important}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)).forge-secret--masked:not(.forge-secret--block) .forge-secret__masked::before{display:none}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__text-button{inset-block-start:-100%;translate:0 -50%}.forge-secret--block{display:block;vertical-align:initial;display:block;position:relative}.forge-secret--block .forge-secret__content{display:block}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])){cursor:pointer;cursor:unset}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])) .forge-secret__content{interactivity:inert;user-select:none}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])):where(.forge-secret--blur,.forge-secret--block.forge-secret--masked) .forge-secret__content{filter:blur(var(--_secret-blur))}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--masked:not(.forge-secret--block) .forge-secret__content{display:none}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--masked:not(.forge-secret--block) .forge-secret__masked::before{content:attr(data-mask)}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--noise .forge-secret__content::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="8" stitchTiles="stitch" /><feColorMatrix type="matrix" values="0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0" /></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity=".5" /></svg>');background-size:600px 600px;background-repeat:repeat;backdrop-filter:blur(24px)}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button)[aria-expanded=true]) .forge-secret__text-button{inset-block-start:-100%;translate:0 -50%}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button)[aria-expanded=true]):not(.forge-secret--block) .forge-secret__content{text-decoration-line:var(--_secret-text-decoration-line);text-decoration-style:var(--_secret-text-decoration-style);text-decoration-color:var(--_secret-text-decoration-color);text-underline-offset:var(--_secret-text-underline-offset)}@media(prefers-reduced-motion: reduce){.forge-secret{--_secret-transition-duration:var(--forge-secret-transition-duration, 0)}}
+.forge-secret{--_secret-blur:var(--forge-secret-blur, var(--forge-spacing-xsmall, 8px));--_secret-button-background:var(--forge-secret-button-background, var(--forge-theme-surface-inverse, #333333));--_secret-button-color:var(--forge-secret-button-color, var(--forge-theme-on-surface-inverse, #ffffff));--_secret-button-shape:var(--forge-secret-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_secret-button-padding:var(--forge-secret-button-padding, var(--forge-spacing-xsmall, 8px));--_secret-icon-size:var(--forge-secret-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1));--_secret-text-button-shape:var(--forge-secret-text-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_secret-text-decoration-line:var(--forge-secret-text-decoration-line, underline);--_secret-text-decoration-style:var(--forge-secret-text-decoration-style, dotted);--_secret-text-decoration-color:var(--forge-secret-text-decoration-color, inherit);--_secret-text-underline-offset:var(--forge-secret-text-underline-offset, var(--forge-spacing-xxxsmall, 2px));--_secret-transition-duration:var(--forge-secret-transition-duration, var(--forge-animation-duration-short4, 200ms));--_secret-transition-easing:var(--forge-secret-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));display:inline-block;vertical-align:bottom;display:flex;max-inline-size:fit-content}.forge-secret__content{display:inline-block;position:relative;transition:filter var(--_secret-transition-duration) var(--_secret-transition-easing)}.forge-secret__button{--forge-icon-button-background-color: var(--_secret-button-background);--forge-icon-button-icon-color: var(--_secret-button-color);--forge-icon-button-icon-size: inherit;--forge-icon-button-padding: 0;--forge-icon-button-shape: var(--_secret-button-shape);--forge-icon-button-size: 1lh;--forge-focus-indicator-outward-offset: 2px;block-size:0;padding-inline:var(--_secret-button-padding)}.forge-secret__text-button{--_button-dense-height:var(--forge-button-dense-height, 24px);--forge-button-background: var(--_secret-button-background);--forge-button-color: var(--_secret-button-color);--forge-button-shape: var(--_secret-text-button-shape);--forge-button-height: var(--_button-dense-height);--forge-focus-indicator-shape: var(--_secret-text-button-shape);padding:var(--_secret-button-padding);position:absolute;place-self:center;inset:0;translate:0;transition-property:inset-block-start,translate;transition-duration:var(--_secret-transition-duration);transition-timing-function:var(--_secret-transition-easing)}.forge-secret__icon{--forge-icon-font-size: var(--_secret-icon-size)}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__content{filter:none !important}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__content::before{display:none}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)).forge-secret--masked:not(.forge-secret--block) .forge-secret__content{display:inline-block !important}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)).forge-secret--masked:not(.forge-secret--block) .forge-secret__masked::before{display:none}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__text-button{inset-block-start:-100%;translate:0 -50%}.forge-secret--block{display:block;vertical-align:initial;display:block;position:relative}.forge-secret--block .forge-secret__content{display:block}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])){cursor:pointer;cursor:unset}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])) .forge-secret__content{interactivity:inert;user-select:none}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])):where(.forge-secret--blur,.forge-secret--block.forge-secret--masked) .forge-secret__content{filter:blur(var(--_secret-blur))}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--masked:not(.forge-secret--block) .forge-secret__content{display:none}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--masked:not(.forge-secret--block) .forge-secret__masked::before{content:attr(data-mask)}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--noise .forge-secret__content::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="8" stitchTiles="stitch" /><feColorMatrix type="matrix" values="0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0" /></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity=".5" /></svg>');background-size:600px 600px;background-repeat:repeat;backdrop-filter:blur(24px)}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button)[aria-expanded=true]) .forge-secret__text-button{inset-block-start:-100%;translate:0 -50%}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button)[aria-expanded=true]):not(.forge-secret--block) .forge-secret__content{text-decoration-line:var(--_secret-text-decoration-line);text-decoration-style:var(--_secret-text-decoration-style);text-decoration-color:var(--_secret-text-decoration-color);text-underline-offset:var(--_secret-text-underline-offset)}@media(prefers-reduced-motion: reduce){.forge-secret{--_secret-transition-duration:var(--forge-secret-transition-duration, 0)}}

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/calendar/calendar-adapter.js

@@ -207,6 +207,11 @@ class CalendarAdapter extends BaseAdapter {
     setMonth(month, locale) {
         const monthButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.MONTH_BUTTON);
         if (monthButton) {
+            const span = monthButton.querySelector('span');
+            if (span) {
+                span.textContent = getLocalizedMonth(month, 'long', locale);
+                return;
+            }
             const content = getMonthButtonContent(month, locale);
             monthButton.replaceChildren(content[0], content[1]);
             return;
@@ -219,6 +224,11 @@ class CalendarAdapter extends BaseAdapter {
     setYear(year, locale) {
         const yearButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YEAR_BUTTON);
         if (yearButton) {
+            const span = yearButton.querySelector('span');
+            if (span) {
+                span.textContent = getLocalizedYear(year, 'numeric', locale);
+                return;
+            }
             const content = getYearButtonContent(year, locale);
             yearButton.replaceChildren(content[0], content[1]);
             return;

package/esm/calendar/calendar-menu/calendar-menu-adapter.js

@@ -52,8 +52,8 @@ class CalendarMenuAdapter extends BaseAdapter {
     setClosed() {
         this._container.classList.remove(CALENDAR_MENU_CONSTANTS.classes.OPEN);
         this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.CLOSING);
-        this.toggleHostAttribute('hidden', true);
         playKeyframeAnimation(this._container, CALENDAR_MENU_CONSTANTS.classes.CLOSING, true).then(() => {
+            this.toggleHostAttribute('hidden', true);
             removeAllChildren(this._container);
         });
     }
@@ -67,6 +67,7 @@ class CalendarMenuAdapter extends BaseAdapter {
         }
         this._container.appendChild(element);
         this.toggleHostAttribute('hidden', false);
+        this._container.classList.remove(CALENDAR_MENU_CONSTANTS.classes.CLOSING);
         this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.OPEN);
         if (!replace) {
             this.setFocusAtIndex(focusedIndex, setFocus, preventFocus);
@@ -82,6 +83,7 @@ class CalendarMenuAdapter extends BaseAdapter {
         }
         this._container.appendChild(element);
         this.toggleHostAttribute('hidden', false);
+        this._container.classList.remove(CALENDAR_MENU_CONSTANTS.classes.CLOSING);
         this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.OPEN);
         this._scrollItemIntoView('selected');
         if (!replace) {

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/expansion-panel/expansion-panel.js

@@ -139,11 +139,13 @@ let ExpansionPanelComponent = class ExpansionPanelComponent extends BaseLitEleme
         if (changedProperties.has('open')) {
             this.#handleOpen();
         }
-        if (changedProperties.has('open') || changedProperties.has('openIconElement')) {
-            this.#tryToggleOpenIcon();
-        }
         if (changedProperties.has('openIcon')) {
-            this.openIconElement = this.#getOpenIconElementById(this.openIcon);
+            if (this.openIcon) {
+                this.openIconElement = this.#getOpenIconElementById(this.openIcon);
+            }
+        }
+        if (changedProperties.has('open') || changedProperties.has('openIcon') || changedProperties.has('openIconElement')) {
+            this.#tryToggleOpenIcon();
         }
         if (changedProperties.has('orientation')) {
             toggleState(this.#internals, 'horizontal', this.orientation === 'horizontal');

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/secret/secret.scss.js

@@ -4,6 +4,6 @@
  * License: Apache-2.0
  */
 
-var styles = ":host{display:inline-block;vertical-align:bottom}:host([hidden]){display:none}.forge-secret{--_secret-blur:var(--forge-secret-blur, var(--forge-spacing-xsmall, 8px));--_secret-button-background:var(--forge-secret-button-background, var(--forge-theme-surface-inverse, #333333));--_secret-button-color:var(--forge-secret-button-color, var(--forge-theme-on-surface-inverse, #ffffff));--_secret-button-shape:var(--forge-secret-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_secret-button-padding:var(--forge-secret-button-padding, var(--forge-spacing-xsmall, 8px));--_secret-icon-size:var(--forge-secret-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1));--_secret-text-button-shape:var(--forge-secret-text-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_secret-text-decoration-line:var(--forge-secret-text-decoration-line, underline);--_secret-text-decoration-style:var(--forge-secret-text-decoration-style, dotted);--_secret-text-decoration-color:var(--forge-secret-text-decoration-color, inherit);--_secret-text-underline-offset:var(--forge-secret-text-underline-offset, var(--forge-spacing-xxxsmall, 2px));--_secret-transition-duration:var(--forge-secret-transition-duration, var(--forge-animation-duration-short4, 200ms));--_secret-transition-easing:var(--forge-secret-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-secret{display:flex;max-inline-size:fit-content}.reverse{flex-direction:row-reverse}.content{display:inline-block;position:relative;transition:filter var(--_secret-transition-duration) var(--_secret-transition-easing)}.blur{filter:blur(var(--_secret-blur))}.masked::before{content:attr(data-mask)}.masked slot:not([name]){display:none}.noise::before{content:\"\";position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"600\" height=\"600\"><filter id=\"noise\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"8\" stitchTiles=\"stitch\" /><feColorMatrix type=\"matrix\" values=\"0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0\" /></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23noise)\" opacity=\".5\" /></svg>');background-size:600px 600px;background-repeat:repeat;backdrop-filter:blur(24px)}.button{--forge-icon-button-background-color: var(--_secret-button-background);--forge-icon-button-icon-color: var(--_secret-button-color);--forge-icon-button-padding: 0;--forge-icon-button-shape: var(--_secret-button-shape);--forge-icon-button-size: 1lh;--forge-focus-indicator-outward-offset: 2px;block-size:0;padding-inline:var(--_secret-button-padding)}.icon{--forge-icon-font-size: var(--_secret-icon-size)}.text-button{--_button-dense-height:var(--forge-button-dense-height, 24px);--forge-button-background: var(--_secret-button-background);--forge-button-color: var(--_secret-button-color);--forge-button-shape: var(--_secret-text-button-shape);--forge-button-height: var(--_button-dense-height);--forge-focus-indicator-shape: var(--_secret-text-button-shape);padding:var(--_secret-button-padding);position:absolute;place-self:center;inset:0;translate:0;transition-property:inset-block-start,translate;transition-duration:var(--_secret-transition-duration);transition-timing-function:var(--_secret-transition-easing)}.show-on-hover:where(:hover,:has(button:focus-visible)) .content{filter:none}.show-on-hover:where(:hover,:has(button:focus-visible)) .content::before{visibility:hidden}.show-on-hover:where(:hover,:has(button:focus-visible)) .content slot:not([name]){display:initial}.show-on-hover:where(:hover,:has(button:focus-visible)) .masked{display:grid}.show-on-hover:where(:hover,:has(button:focus-visible)) .masked>*,.show-on-hover:where(:hover,:has(button:focus-visible)) .masked::before{grid-row:1;grid-column:1}.show-on-hover:where(:hover,:has(button:focus-visible)) .text-button{inset-block-start:-100%;translate:0 -50%}:host(:state(open)) .text-button{inset-block-start:-100%;translate:0 -50%}:host(:not(:state(open))) .forge-secret{cursor:pointer}:host(:not(:state(block)):state(open)) .content{text-decoration-line:var(--_secret-text-decoration-line);text-decoration-style:var(--_secret-text-decoration-style);text-decoration-color:var(--_secret-text-decoration-color);text-underline-offset:var(--_secret-text-underline-offset)}:host(:state(block)){display:block;vertical-align:initial}:host(:state(block)) .forge-secret{display:block;position:relative}:host(:state(block)) .content{display:block}@media(prefers-reduced-motion: reduce){.forge-secret{--_secret-transition-duration:var(--forge-secret-transition-duration, 0)}}[hidden]{display:none}";
+var styles = ":host{display:inline-block;vertical-align:bottom}:host([hidden]){display:none}.forge-secret{--_secret-blur:var(--forge-secret-blur, var(--forge-spacing-xsmall, 8px));--_secret-button-background:var(--forge-secret-button-background, var(--forge-theme-surface-inverse, #333333));--_secret-button-color:var(--forge-secret-button-color, var(--forge-theme-on-surface-inverse, #ffffff));--_secret-button-shape:var(--forge-secret-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_secret-button-padding:var(--forge-secret-button-padding, var(--forge-spacing-xsmall, 8px));--_secret-icon-size:var(--forge-secret-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1));--_secret-text-button-shape:var(--forge-secret-text-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_secret-text-decoration-line:var(--forge-secret-text-decoration-line, underline);--_secret-text-decoration-style:var(--forge-secret-text-decoration-style, dotted);--_secret-text-decoration-color:var(--forge-secret-text-decoration-color, inherit);--_secret-text-underline-offset:var(--forge-secret-text-underline-offset, var(--forge-spacing-xxxsmall, 2px));--_secret-transition-duration:var(--forge-secret-transition-duration, var(--forge-animation-duration-short4, 200ms));--_secret-transition-easing:var(--forge-secret-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-secret{display:flex;max-inline-size:fit-content}.reverse{flex-direction:row-reverse}.content{display:inline-block;position:relative;transition:filter var(--_secret-transition-duration) var(--_secret-transition-easing)}.blur{filter:blur(var(--_secret-blur))}.masked::before{content:attr(data-mask)}.masked slot:not([name]){display:none}.noise::before{content:\"\";position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"600\" height=\"600\"><filter id=\"noise\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"8\" stitchTiles=\"stitch\" /><feColorMatrix type=\"matrix\" values=\"0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0\" /></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23noise)\" opacity=\".5\" /></svg>');background-size:600px 600px;background-repeat:repeat;backdrop-filter:blur(24px)}.button{--forge-icon-button-background-color: var(--_secret-button-background);--forge-icon-button-icon-color: var(--_secret-button-color);--forge-icon-button-icon-size: inherit;--forge-icon-button-padding: 0;--forge-icon-button-shape: var(--_secret-button-shape);--forge-icon-button-size: 1lh;--forge-focus-indicator-outward-offset: 2px;block-size:0;padding-inline:var(--_secret-button-padding)}.icon{--forge-icon-font-size: var(--_secret-icon-size)}.text-button{--_button-dense-height:var(--forge-button-dense-height, 24px);--forge-button-background: var(--_secret-button-background);--forge-button-color: var(--_secret-button-color);--forge-button-shape: var(--_secret-text-button-shape);--forge-button-height: var(--_button-dense-height);--forge-focus-indicator-shape: var(--_secret-text-button-shape);padding:var(--_secret-button-padding);position:absolute;place-self:center;inset:0;translate:0;transition-property:inset-block-start,translate;transition-duration:var(--_secret-transition-duration);transition-timing-function:var(--_secret-transition-easing)}.show-on-hover:where(:hover,:has(button:focus-visible)) .content{filter:none}.show-on-hover:where(:hover,:has(button:focus-visible)) .content::before{visibility:hidden}.show-on-hover:where(:hover,:has(button:focus-visible)) .content slot:not([name]){display:initial}.show-on-hover:where(:hover,:has(button:focus-visible)) .masked{display:grid}.show-on-hover:where(:hover,:has(button:focus-visible)) .masked>*,.show-on-hover:where(:hover,:has(button:focus-visible)) .masked::before{grid-row:1;grid-column:1}.show-on-hover:where(:hover,:has(button:focus-visible)) .text-button{inset-block-start:-100%;translate:0 -50%}:host(:state(open)) .text-button{inset-block-start:-100%;translate:0 -50%}:host(:not(:state(open))) .forge-secret{cursor:pointer}:host(:not(:state(block)):state(open)) .content{text-decoration-line:var(--_secret-text-decoration-line);text-decoration-style:var(--_secret-text-decoration-style);text-decoration-color:var(--_secret-text-decoration-color);text-underline-offset:var(--_secret-text-underline-offset)}:host(:state(block)){display:block;vertical-align:initial}:host(:state(block)) .forge-secret{display:block;position:relative}:host(:state(block)) .content{display:block}@media(prefers-reduced-motion: reduce){.forge-secret{--_secret-transition-duration:var(--forge-secret-transition-duration, 0)}}[hidden]{display:none}";
 
 export { styles as default };

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:ub6135y;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes ub6135y{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:ub6136m;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes ub6136m{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:ub6137i;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes ub6137i{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:ub6138h;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes ub6138h{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:ub6138m;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes ub6138m{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:ub61396;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes ub61396{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:ub613a1;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes ub613a1{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:ub613aj;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes ub613aj{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.0",
+  "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-02T12:09:51.416Z"
+  "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 {

package/sass/secret/_core.scss

@@ -105,6 +105,7 @@
     (
       background-color: #{token(button-background)},
       icon-color: #{token(button-color)},
+      icon-size: inherit,
       padding: 0,
       shape: #{token(button-shape)},
       size: 1lh

package/vscode.html-custom-data.json

@@ -2630,28 +2630,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-app-bar-help-button",
-      "description": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot.\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
-      "attributes": [
-        {
-          "name": "icon",
-          "description": "The name of an alternative icon to display.",
-          "values": []
-        },
-        {
-          "name": "aria-label",
-          "description": "The aria-label to apply to the button.",
-          "values": []
-        },
-        {
-          "name": "aria-labelledby",
-          "description": "The id of an element to use as the aria-labelledby attribute.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-app-bar",
       "description": "App bars are headers used to display branding, navigation, and actions at the top of an application. They typically contain a logo, title, and various action items.\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-theme-foreground** - The text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-theme-foreground-muted** - The muted text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
@@ -2689,6 +2667,28 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-app-bar-help-button",
+      "description": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot.\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "The name of an alternative icon to display.",
+          "values": []
+        },
+        {
+          "name": "aria-label",
+          "description": "The aria-label to apply to the button.",
+          "values": []
+        },
+        {
+          "name": "aria-labelledby",
+          "description": "The id of an element to use as the aria-labelledby attribute.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-app-bar-menu-button",
       "description": "A menu toggle button component with a predefined hamburger menu icon, typically used in an app bar's start slot to open navigation menus.\n---\n",
@@ -4043,12 +4043,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-view",
-      "description": "Represents a single view content area within a view-switcher for organizing and displaying content sections.\n---\n",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "forge-tree-item",
       "description": "\n---\n\n\n### **Events:**\n - **forge-tree-item-update**\n- **forge-tree-item-select** - Dispatched when the user selects a tree item.\n- **forge-tree-item-open** - Dispatched when the user opens a tree item.\n- **forge-tree-item-close** - Dispatched when the user closes a tree item.",
@@ -4085,6 +4079,12 @@
         }
       ],
       "references": []
+    },
+    {
+      "name": "forge-view",
+      "description": "Represents a single view content area within a view-switcher for organizing and displaying content sections.\n---\n",
+      "attributes": [],
+      "references": []
     }
   ]
 }