@tylertech/forge 3.8.0-dev.4 → 3.8.1

package/dist/vscode.css-custom-data.json

@@ -2,6 +2,36 @@
   "$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
   "version": 1.1,
   "properties": [
+    {
+      "name": "--forge-avatar-background",
+      "description": "The background color of the avatar.",
+      "values": [{ "name": "string" }]
+    },
+    {
+      "name": "--forge-avatar-shape",
+      "description": "The border radius of the avatar, defaults to 50%.",
+      "values": [{ "name": "number" }]
+    },
+    {
+      "name": "--forge-avatar-color",
+      "description": "The text color of the avatar.",
+      "values": [{ "name": "color" }]
+    },
+    {
+      "name": "--forge-avatar-size",
+      "description": "The height and width of the avatar.",
+      "values": [{ "name": "number" }]
+    },
+    {
+      "name": "--forge-avatar-transition-duration",
+      "description": "The transition duration for animations.",
+      "values": [{ "name": "number" }]
+    },
+    {
+      "name": "--forge-avatar-transition-timing",
+      "description": "The transition timing function for animations.",
+      "values": [{ "name": "string" }]
+    },
     {
       "name": "--forge-backdrop-background",
       "description": "The backdrop background color.",
@@ -38,34 +68,49 @@
       "values": []
     },
     {
-      "name": "--forge-avatar-background",
-      "description": "The background color of the avatar.",
-      "values": [{ "name": "string" }]
+      "name": "--forge-badge-background",
+      "description": "The background color.",
+      "values": []
     },
     {
-      "name": "--forge-avatar-shape",
-      "description": "The border radius of the avatar, defaults to 50%.",
-      "values": [{ "name": "number" }]
+      "name": "--forge-badge-color",
+      "description": "The text color.",
+      "values": []
     },
     {
-      "name": "--forge-avatar-color",
-      "description": "The text color of the avatar.",
-      "values": [{ "name": "color" }]
+      "name": "--forge-badge-shape",
+      "description": "The shape radius.",
+      "values": []
     },
     {
-      "name": "--forge-avatar-size",
-      "description": "The height and width of the avatar.",
-      "values": [{ "name": "number" }]
+      "name": "--forge-badge-padding-inline",
+      "description": "The inline padding.",
+      "values": []
     },
     {
-      "name": "--forge-avatar-transition-duration",
-      "description": "The transition duration for animations.",
-      "values": [{ "name": "number" }]
+      "name": "--forge-badge-padding-block",
+      "description": "The block padding.",
+      "values": []
     },
     {
-      "name": "--forge-avatar-transition-timing",
-      "description": "The transition timing function for animations.",
-      "values": [{ "name": "string" }]
+      "name": "--forge-badge-border-width",
+      "description": "The border width.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-border-color",
+      "description": "The border color.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-border-style",
+      "description": "The border style.",
+      "values": []
+    },
+    {
+      "name": "--forge-badge-gap",
+      "description": "The spacing between the content within the badge.",
+      "values": []
     },
     {
       "name": "--forge-banner-background",
@@ -127,51 +172,6 @@
       "description": "The timing function of the bottom sheet animation to fullscreen.",
       "values": []
     },
-    {
-      "name": "--forge-badge-background",
-      "description": "The background color.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-color",
-      "description": "The text color.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-shape",
-      "description": "The shape radius.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-padding-inline",
-      "description": "The inline padding.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-padding-block",
-      "description": "The block padding.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-border-width",
-      "description": "The border width.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-border-color",
-      "description": "The border color.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-border-style",
-      "description": "The border style.",
-      "values": []
-    },
-    {
-      "name": "--forge-badge-gap",
-      "description": "The spacing between the content within the badge.",
-      "values": []
-    },
     {
       "name": "--forge-button-primary-color",
       "description": "The primary color of the button.",
@@ -5404,11 +5404,11 @@
     }
   ],
   "pseudoElements": [
+    { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(root)",
       "description": "The root element of the backdrop."
     },
-    { "name": "::part(root)", "description": "The root container element." },
     {
       "name": "::part(root)",
       "description": "The root element of the bottom sheet."

package/dist/vscode.html-custom-data.json

@@ -126,23 +126,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-backdrop",
-      "description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
-      "attributes": [
-        {
-          "name": "visible",
-          "description": "Whether the backdrop is visible.",
-          "values": []
-        },
-        {
-          "name": "fixed",
-          "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-avatar",
       "description": "Avatars represent an entity via text or image.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for avatar content if not provided via text/imageUrl.\n\n### **CSS Properties:**\n - **--forge-avatar-background** - The background color of the avatar. _(default: undefined)_\n- **--forge-avatar-shape** - The border radius of the avatar, defaults to 50%. _(default: undefined)_\n- **--forge-avatar-color** - The text color of the avatar. _(default: undefined)_\n- **--forge-avatar-size** - The height and width of the avatar. _(default: undefined)_\n- **--forge-avatar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-avatar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.",
@@ -165,6 +148,29 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-backdrop",
+      "description": "\n---\n\n\n### **Methods:**\n - **show(): _void_** - Immediately shows the backdrop by setting the `visibility` to `true` without animations.\n- **hide(): _void_** - Immediately hides the backdrop by setting the `visibility` to `false` without animations.\n- **fadeIn(): _Promise<void>_** - Sets the `visibility` to `true` and animates in.\n- **fadeOut(): _Promise<void>_** - Sets the `visibility` to `false` and animates out.\n\n### **CSS Properties:**\n - **--forge-backdrop-background** - The backdrop background color. _(default: undefined)_\n- **--forge-backdrop-opacity** - The backdrop opacity. _(default: undefined)_\n- **--forge-backdrop-z-index** - The backdrop z-index. _(default: undefined)_\n- **--forge-backdrop-enter-animation-duration** - The animation duration for the enter animation. _(default: undefined)_\n- **--forge-backdrop-enter-animation-easing** - The animation easing for the enter animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-duration** - The animation duration for the exit animation. _(default: undefined)_\n- **--forge-backdrop-exit-animation-easing** - The animation easing for the exit animation. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the backdrop.",
+      "attributes": [
+        {
+          "name": "visible",
+          "description": "Whether the backdrop is visible.",
+          "values": []
+        },
+        {
+          "name": "fixed",
+          "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "forge-badge",
+      "description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "forge-banner",
       "description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
@@ -214,12 +220,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-badge",
-      "description": "\n---\n\n\n### **Slots:**\n - _default_ - Default content placed inside the badge.\n- **start** - Content placed before the default content.\n- **end** - Content placed after the default content.\n\n### **CSS Properties:**\n - **--forge-badge-background** - The background color. _(default: undefined)_\n- **--forge-badge-color** - The text color. _(default: undefined)_\n- **--forge-badge-shape** - The shape radius. _(default: undefined)_\n- **--forge-badge-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-badge-padding-block** - The block padding. _(default: undefined)_\n- **--forge-badge-border-width** - The border width. _(default: undefined)_\n- **--forge-badge-border-color** - The border color. _(default: undefined)_\n- **--forge-badge-border-style** - The border style. _(default: undefined)_\n- **--forge-badge-gap** - The spacing between the content within the badge. _(default: undefined)_",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "forge-button",
       "description": "Buttons represent actions that a user can take.\n---\n\n\n### **Events:**\n - **click** - Fires when the button is clicked.\n\n### **Methods:**\n - **click(): _void_** - Clicks the button.\n- **focus(options: _ExperimentalFocusOptions_): _void_** - Focuses the button.\n\n### **Slots:**\n - _default_ - This is a default/unnamed slot for the label text.\n- **start** - Elements to logically render before the label text.\n- **end** - Elements to logically render after the label text.\n\n### **CSS Properties:**\n - **--forge-button-primary-color** - The primary color of the button. _(default: undefined)_\n- **--forge-button-text-color** - The text color of the button. Inherits from primary color. _(default: undefined)_\n- **--forge-button-disabled-color** - The disabled color of the button. _(default: undefined)_\n- **--forge-button-padding** - The padding of the button. _(default: undefined)_\n- **--forge-button-display** - The display of the button. _(default: undefined)_\n- **--forge-button-justify** - The flex justify of the button. _(default: undefined)_\n- **--forge-button-shape** - The shape of the button. _(default: undefined)_\n- **--forge-button-height** - The height of the button. _(default: undefined)_\n- **--forge-button-min-width** - The min-width of the button. _(default: undefined)_\n- **--forge-button-spacing** - The spacing of the button. _(default: undefined)_\n- **--forge-button-border-width** - The border-width of the button. _(default: undefined)_\n- **--forge-button-border-style** - The border style of the button. _(default: undefined)_\n- **--forge-button-border-color** - The border color of the button. _(default: undefined)_\n- **--forge-button-shape-start-start-radius** - The shape start start radius of the button. _(default: undefined)_\n- **--forge-button-shape-start-end-radius** - The shape start end radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-start-radius** - The shape end start radius of the button. _(default: undefined)_\n- **--forge-button-shape-end-end-radius** - The shape end end radius of the button. _(default: undefined)_\n- **--forge-button-padding-block** - The padding block of the button. _(default: undefined)_\n- **--forge-button-padding-inline** - The padding inline of the button. _(default: undefined)_\n- **--forge-button-background** - The background color of the button. _(default: undefined)_\n- **--forge-button-hover-background** - The background color of the button on hover. _(default: undefined)_\n- **--forge-button-active-background** - The background color of the button on active state. _(default: undefined)_\n- **--forge-button-color** - The text color of the button. _(default: undefined)_\n- **--forge-button-icon-size** - The size of the icon in the button. _(default: undefined)_\n- **--forge-button-shadow** - The shadow of the button. _(default: undefined)_\n- **--forge-button-hover-shadow** - The shadow of the button on hover. _(default: undefined)_\n- **--forge-button-active-shadow** - The shadow of the button on active state. _(default: undefined)_\n- **--forge-button-cursor** - The cursor type of the button. _(default: undefined)_\n- **--forge-button-transition-duration** - The transition duration of the button. _(default: undefined)_\n- **--forge-button-transition-timing** - The transition timing of the button. _(default: undefined)_\n- **--forge-button-text-padding-inline** - The inline padding of the button when using the text variant. _(default: undefined)_\n- **--forge-button-filled-background** - The background color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-background** - The background color of the disabled filled button. _(default: undefined)_\n- **--forge-button-filled-color** - The text color of the filled button. _(default: undefined)_\n- **--forge-button-filled-disabled-color** - The text color of the disabled filled button. _(default: undefined)_\n- **--forge-button-raised-background** - The background color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-background** - The background color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-color** - The text color of the raised button. _(default: undefined)_\n- **--forge-button-raised-disabled-color** - The text color of the disabled raised button. _(default: undefined)_\n- **--forge-button-raised-shadow** - The shadow of the raised button. _(default: undefined)_\n- **--forge-button-raised-hover-shadow** - The shadow of the raised button on hover. _(default: undefined)_\n- **--forge-button-raised-active-shadow** - The shadow of the raised button on active state. _(default: undefined)_\n- **--forge-button-raised-disabled-shadow** - The shadow of the disabled raised button. _(default: undefined)_\n- **--forge-button-flat-background** - The background color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-background** - The background color of the disabled flat button. _(default: undefined)_\n- **--forge-button-flat-color** - The text color of the flat button. _(default: undefined)_\n- **--forge-button-flat-disabled-color** - The text color of the disabled flat button. _(default: undefined)_\n- **--forge-button-outlined-background** - The background color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-color** - The text color of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-width** - The border width of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-style** - The border style of the outlined button. _(default: undefined)_\n- **--forge-button-outlined-border-color** - The border color of the outlined button. _(default: undefined)_\n- **--forge-button-link-color** - The text color of the link button. _(default: undefined)_\n- **--forge-button-link-text-decoration** - The text decoration of the link button. _(default: undefined)_\n- **--forge-button-link-height** - The height of the link button. _(default: undefined)_\n- **--forge-button-link-padding** - The padding of the link button. _(default: undefined)_\n- **--forge-button-link-line-height** - The line height of the link button. _(default: undefined)_\n- **--forge-button-link-width** - The width of the link button. _(default: undefined)_\n- **--forge-button-link-hover-text-decoration** - The text decoration of the link button on hover. _(default: undefined)_\n- **--forge-button-link-active-opacity** - The opacity of the link button on active state. _(default: undefined)_\n- **--forge-button-link-transition-duration** - The transition duration of the link button. _(default: undefined)_\n- **--forge-button-link-transition-timing** - The transition timing of the link button. _(default: undefined)_\n- **--forge-button-disabled-cursor** - The cursor type of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-text-color** - The text color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-background** - The background color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-border-color** - The border color of the disabled button. _(default: undefined)_\n- **--forge-button-disabled-shadow** - The shadow of the disabled button. _(default: undefined)_\n- **--forge-button-dense-height** - The height of the dense button. _(default: undefined)_\n- **--forge-button-pill-shape** - The shape of the pill button. _(default: undefined)_\n- **--forge-button-pill-padding-inline** - The inline padding of the pill button. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **focus-indicator** - The focus-indicator indicator element.\n- **state-layer** - The state-layer surface element.",
@@ -1548,7 +1548,7 @@
     },
     {
       "name": "forge-paginator",
-      "description": "\n---\n\n\n### **Events:**\n - **forge-paginator-change** - Dispatched when the paginator state changes.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Sets focus to the first focusable element within the paginator.",
+      "description": "\n---\n\n\n### **Events:**\n - **forge-paginator-change** - Dispatched when the paginator state changes.\n\n### **Methods:**\n - **focus(options: _FocusOptions_): _void_** - Sets focus to the first focusable element within the paginator.\n\n### **Slots:**\n - **label** - Overrides the label text when in the default variant.\n- **range-label** - Overrides the default range label with a custom label when in the default variant.\n- **alternative-range-label** - Overrides the default range label with a custom label when in the `alternative` variant.\n- **first-page-tooltip** - Overrides the default tooltip for the first page button.\n- **last-page-tooltip** - Overrides the default tooltip for the last page button.\n- **previous-page-tooltip** - Overrides the default tooltip for the previous page button.\n- **next-page-tooltip** - Overrides the default tooltip for the next page button.",
       "attributes": [
         {
           "name": "page-index",
@@ -2912,14 +2912,14 @@
       "references": []
     },
     {
-      "name": "forge-deprecated-icon-button",
-      "description": "@deprecated Use the `<forge-icon-button>` element instead.\n\n\n---\n\n\n### **Events:**\n - **forge-icon-button-toggle**",
+      "name": "forge-deprecated-button",
+      "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
       "attributes": [],
       "references": []
     },
     {
-      "name": "forge-deprecated-button",
-      "description": "@deprecated Use the `<forge-button>` element instead.\n\n\n---\n",
+      "name": "forge-deprecated-icon-button",
+      "description": "@deprecated Use the `<forge-icon-button>` element instead.\n\n\n---\n\n\n### **Events:**\n - **forge-icon-button-toggle**",
       "attributes": [],
       "references": []
     },
@@ -3284,23 +3284,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-option-group",
-      "description": "\n---\n",
-      "attributes": [
-        {
-          "name": "value",
-          "description": "Gets/sets the optional group value.",
-          "values": []
-        },
-        {
-          "name": "text",
-          "description": "The text content for the group.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "forge-option",
       "description": "\n---\n",
@@ -3368,6 +3351,23 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-option-group",
+      "description": "\n---\n",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "Gets/sets the optional group value.",
+          "values": []
+        },
+        {
+          "name": "text",
+          "description": "The text content for the group.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-select",
       "description": "\n---\n\n\n### **Events:**\n - **forge-select-scrolled-bottom** - Dispatched when the dropdown list has scrolled to the bottom.\n- **change** - Dispatched when the user selects a value.\n\n### **Methods:**\n - **floatLabelWithoutAnimation(value: _boolean_): _void_** - Floats the label without an animation. Only applies when the label is inset.\n\n### **Slots:**\n - **value** - The selected text to display\n- **start** - Typically reserved for content/icons that render logically before the default slot content.\n- **end** - Typically reserved content/icons that render logically after the default slot content.\n- **accessory** - Used for content such as a button that is logically connected to the field but should appear distinct from the input.\n- **support-text** - Used for content that provides additional information about the field. Aligns to the inline start of the field.\n- **support-text-end** - Used for content that provides additional information about the field. Aligns to the inline end of the field.\n\n### **CSS Properties:**\n - **--forge-select-placeholder-color** - The color of the placeholder text. _(default: undefined)_\n- **--forge-field-background** - The background of the field surface. _(default: undefined)_\n- **--forge-field-tonal-background** - The background of the field surface in the tonal variant. _(default: undefined)_\n- **--forge-field-tonal-background-hover** - The background of the field surface in the tonal variant on hover. _(default: undefined)_\n- **--forge-field-filled-background** - The background of the field surface in the filled and raised variants. _(default: undefined)_\n- **--forge-field-outline-style** - The style of the field outline. _(default: undefined)_\n- **--forge-field-outline-width** - The width of the field outline. _(default: undefined)_\n- **--forge-field-shape** - The border radius of the field's corners. _(default: undefined)_\n- **--forge-field-height** - The height of the field in its default density. _(default: undefined)_\n- **--forge-field-inset-height** - The height of the field in its default density when the label is inset. _(default: undefined)_\n- **--forge-field-padding-inline** - The inline padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-start** - The inline start padding of the field. _(default: undefined)_\n- **--forge-field-padding-inline-end** - The inline end padding of the field. _(default: undefined)_\n- **--forge-field-inner-padding-inline** - The padding between elements slotted into the field. _(default: undefined)_\n- **--forge-field-support-text-margin-block** - The margin between the support text and the field. _(default: undefined)_\n- **--forge-field-support-text-gap** - The minimum gap between the support text and the support text end. _(default: undefined)_\n- **--forge-field-support-text-padding-inline** - The inline padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-start** - The inline start padding of the support text. _(default: undefined)_\n- **--forge-field-support-text-padding-inline-end** - The inline end padding of the support text. _(default: undefined)_\n- **--forge-field-label-margin-inline** - The margin between the label and the field when the label is in an inline position. _(default: undefined)_\n- **--forge-field-label-margin-block** - The margin between the label and the field when the label is in the block start position. _(default: undefined)_\n- **--forge-field-required-padding** - The padding between the required indicator and the label. _(default: undefined)_\n- **--forge-field-required-content** - The content of the required indicator. _(default: undefined)_\n- **--forge-field-optional-padding** - The padding between the optional indicator and the label. _(default: undefined)_\n- **--forge-field-optional-content** - The content of the optional indicator. _(default: undefined)_\n- **--forge-field-multiline-resize** - The direction the field can be resized when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-inline-size** - The minimum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-inline-size** - The maximum inline size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-min-block-size** - The minimum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-multiline-max-block-size** - The maximum block size the field can be resized to when multiline. _(default: undefined)_\n- **--forge-field-popover-icon-transition-duration** - The duration of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-transition-timing** - The timing function of the popover icon animation. _(default: undefined)_\n- **--forge-field-popover-icon-open-rotation** - The rotation of the popover icon when open. _(default: undefined)_\n- **--forge-field-surface-animation-duration** - The duration of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-animation-timing** - The timing function of background and outline animations. _(default: undefined)_\n- **--forge-field-surface-floating-animation-duration** - The duration of the floating label animation. _(default: undefined)_\n- **--forge-field-surface-floating-animation-timing** - The timing function of the floating label animation. _(default: undefined)_\n- **--forge-field-focus-indicator-width** - The width of the focus indicator. _(default: undefined)_\n- **--forge-field-disabled-opacity** - The opacity of the field when disabled. _(default: undefined)_\n- **--forge-field-disabled-background** - The background of the field when disabled. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **label** - The label element.\n- **text-container** - The element container for the selected text.\n- **text** - The element containing the selected text.\n- **container** - The container element surrounding the input.\n- **input** - The element containing te input slot.\n- **start** - The element containing the start slot.\n- **end** - The element containing the end slot.\n- **popover-icon** - The popover icon element.\n- **accessory** - The element containing the accessory slot.\n- **support-text** - The support text element.\n- **support-text** - The element containing the support text slot.\n- **support-text-end** - The element containing the support text end slot.\n- **outline** - The element containing the forge-focus-indicator element.\n- **focus-indicator** - The focus indicator element.",

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

@@ -11,3 +11,10 @@
  */
 export declare function proxyShadowScrollEvent(shadowEl: Node, proxyEl: Node): () => void;
 export declare function eventIncludesArrowKey(evt: KeyboardEvent): boolean;
+/**
+ * Returns the composed path of an event stopping at the given element.
+ * @param fromElement The element to start the composed path from.
+ * @param evt The event to get the composed path from.
+ * @returns An array of elements in the composed path starting from the given element.
+ */
+export declare function composedPathFrom(fromElement: HTMLElement, evt: Event): HTMLElement[];

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

@@ -17,3 +17,14 @@ export function proxyShadowScrollEvent(shadowEl, proxyEl) {
 export function eventIncludesArrowKey(evt) {
     return evt.key === 'ArrowLeft' || evt.key === 'ArrowRight' || evt.key === 'ArrowUp' || evt.key === 'ArrowDown';
 }
+/**
+ * Returns the composed path of an event stopping at the given element.
+ * @param fromElement The element to start the composed path from.
+ * @param evt The event to get the composed path from.
+ * @returns An array of elements in the composed path starting from the given element.
+ */
+export function composedPathFrom(fromElement, evt) {
+    const composedElements = evt.composedPath().filter((el) => el.nodeType === Node.ELEMENT_NODE);
+    const startIndex = composedElements.indexOf(fromElement);
+    return startIndex >= 0 ? composedElements.slice(0, startIndex) : [];
+}

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

@@ -92,7 +92,7 @@ export interface IDialogBeforeCloseEventData {
 }
 export type DialogMode = 'modal' | 'inline-modal' | 'nonmodal';
 export type DialogType = 'dialog' | 'alertdialog';
-export type DialogAnimationType = 'none' | 'zoom' | 'fade' | 'slide' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right';
+export type DialogAnimationType = 'none' | 'zoom' | 'fade' | 'slide';
 export type DialogPositionStrategy = 'viewport' | 'container';
 export type DialogPlacement = 'custom' | 'center' | 'top' | 'right' | 'bottom' | 'left' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
 export type DialogSizeStrategy = 'content' | 'container-inline' | 'container-block';

package/esm/expansion-panel/expansion-panel-core.js

@@ -140,8 +140,8 @@ export class ExpansionPanelCore {
         if (this._trigger !== value) {
             this._clearTrigger();
             this._trigger = value;
-            this._adapter.setTriggerElementById(this._trigger);
             if (this._adapter.isConnected) {
+                this._adapter.setTriggerElementById(this._trigger);
                 this._syncTrigger();
             }
         }

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

@@ -3,6 +3,7 @@
  * Copyright Tyler Technologies, Inc. 
  * License: Apache-2.0
  */
+import { composedPathFrom } from '../../core/utils/event-utils';
 import { LIST_ITEM_CONSTANTS } from './list-item-constants';
 export class ListItemCore {
     constructor(_adapter) {
@@ -34,14 +35,14 @@ export class ListItemCore {
         this._adapter.destroy();
     }
     _onMousedown(evt) {
-        const composedElements = evt.composedPath().filter((el) => el.nodeType === Node.ELEMENT_NODE);
+        const composedElements = composedPathFrom(this._adapter.hostElement, evt);
         const fromInteractiveElement = composedElements.some(el => el === this._adapter.interactiveElement);
         if (this._focusPropagation === 'off' || !fromInteractiveElement) {
             evt.preventDefault();
         }
     }
     _onKeydown(evt) {
-        const composedElements = evt.composedPath().filter((el) => el.nodeType === Node.ELEMENT_NODE);
+        const composedElements = composedPathFrom(this._adapter.hostElement, evt);
         const isFromStartEndSlot = composedElements.some((el) => el.matches(LIST_ITEM_CONSTANTS.selectors.SLOTTED_START_END));
         if (evt.key === 'Enter' || evt.key === ' ') {
             evt.stopPropagation();
@@ -61,7 +62,7 @@ export class ListItemCore {
         }
     }
     _onClick(evt) {
-        const composedElements = evt.composedPath().filter((el) => el.nodeType === Node.ELEMENT_NODE);
+        const composedElements = composedPathFrom(this._adapter.hostElement, evt);
         // Ignore clicks from elements that should not trigger selection
         const fromIgnoredElement = composedElements.some(el => el.matches(LIST_ITEM_CONSTANTS.selectors.IGNORE));
         if (fromIgnoredElement) {

package/esm/paginator/paginator.d.ts

@@ -29,6 +29,14 @@ declare global {
 /**
  * @tag forge-paginator
  *
+ * @slot label - Overrides the label text when in the default variant.
+ * @slot range-label - Overrides the default range label with a custom label when in the default variant.
+ * @slot alternative-range-label - Overrides the default range label with a custom label when in the `alternative` variant.
+ * @slot first-page-tooltip - Overrides the default tooltip for the first page button.
+ * @slot last-page-tooltip - Overrides the default tooltip for the last page button.
+ * @slot previous-page-tooltip - Overrides the default tooltip for the previous page button.
+ * @slot next-page-tooltip - Overrides the default tooltip for the next page button.
+ *
  * @event {CustomEvent<IPaginatorChangeEventData>} forge-paginator-change - Dispatched when the paginator state changes.
  */
 export declare class PaginatorComponent extends BaseComponent implements IPaginatorComponent {

package/esm/paginator/paginator.js

@@ -19,6 +19,14 @@ const styles = ':host{display:block}:host([hidden]){display:none}.forge-paginato
 /**
  * @tag forge-paginator
  *
+ * @slot label - Overrides the label text when in the default variant.
+ * @slot range-label - Overrides the default range label with a custom label when in the default variant.
+ * @slot alternative-range-label - Overrides the default range label with a custom label when in the `alternative` variant.
+ * @slot first-page-tooltip - Overrides the default tooltip for the first page button.
+ * @slot last-page-tooltip - Overrides the default tooltip for the last page button.
+ * @slot previous-page-tooltip - Overrides the default tooltip for the previous page button.
+ * @slot next-page-tooltip - Overrides the default tooltip for the next page button.
+ *
  * @event {CustomEvent<IPaginatorChangeEventData>} forge-paginator-change - Dispatched when the paginator state changes.
  */
 let PaginatorComponent = class PaginatorComponent extends BaseComponent {

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

@@ -13,7 +13,7 @@ import { SplitViewPanelCore } from './split-view-panel-core';
 import { SplitViewPanelAdapter } from './split-view-panel-adapter';
 import { IconComponent, IconRegistry } from '../../icon';
 const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-state-layer target=\"handle\" id=\"state-layer\" exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator inward target=\"handle\" part=\"focus-indicator\"></forge-focus-indicator></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
-const 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,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.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:u0bbjid;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u0bbjid{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:u0bbjj1;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u0bbjj1{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:u0bbjjn;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u0bbjjn{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:u0bbjjq;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u0bbjjq{from{transform:none}to{transform:translateX(100%)}}.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:u0bbjkj;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u0bbjkj{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:u0bbjkk;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes u0bbjkk{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:u0bbjkm;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u0bbjkm{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u0bbjl9;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes u0bbjl9{from{transform:none}to{transform:translateY(100%)}}: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}';
+const 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,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.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:ujev5to;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ujev5to{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:ujev5ul;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ujev5ul{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:ujev5vf;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes ujev5vf{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:ujev5w9;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes ujev5w9{from{transform:none}to{transform:translateX(100%)}}.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:ujev5ww;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ujev5ww{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:ujev5xv;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ujev5xv{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:ujev5yq;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes ujev5yq{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:ujev5z5;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes ujev5z5{from{transform:none}to{transform:translateY(100%)}}: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}';
 import { StateLayerComponent } from '../../state-layer';
 import { FocusIndicatorComponent } from '../../focus-indicator';
 /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tylertech/forge",
   "description": "Tyler Forge™ Web Components library",
-  "version": "3.8.0-dev.4",
+  "version": "3.8.1",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",
   "repository": {
@@ -21,4 +21,4 @@
     "tslib": "^2.8.1"
   },
   "customElements": "custom-elements.json"
-}
+}