@tylertech/forge 3.8.0-dev.1 → 3.8.0-dev.2

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

@@ -2,36 +2,6 @@
   "$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.",
@@ -67,6 +37,36 @@
       "description": "The animation easing for the exit animation.",
       "values": []
     },
+    {
+      "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-badge-background",
       "description": "The background color.",
@@ -2033,98 +2033,98 @@
       "values": []
     },
     {
-      "name": "--forge-label-value-align",
-      "description": "Aligns the label and value. Possible values: `start` (default), `center`, `end`.",
+      "name": "--forge-linear-progress-height",
+      "description": "The height of the element.",
       "values": []
     },
     {
-      "name": "--forge-label-value-label-spacing",
-      "description": "The spacing between the label and value.",
+      "name": "--forge-linear-progress-track-color",
+      "description": "The background color of the indicator.",
       "values": []
     },
     {
-      "name": "--forge-label-value-label-block-start-spacing",
-      "description": "The block start spacing for the label.",
+      "name": "--forge-linear-progress-track-shape",
+      "description": "The shape of the indicator.",
       "values": []
     },
     {
-      "name": "--forge-label-value-label-block-end-spacing",
-      "description": "The block end spacing for the label.",
+      "name": "--forge-linear-progress-indicator-color",
+      "description": "The color of the indicator.",
       "values": []
     },
     {
-      "name": "--forge-label-value-label-color",
-      "description": "The color to apply to the label.",
+      "name": "--forge-linear-progress-indicator-height",
+      "description": "The height of the indicator only.",
       "values": []
     },
     {
-      "name": "--forge-label-value-icon-spacing",
-      "description": "The spacing between the icon and the label.",
+      "name": "--forge-linear-progress-determinate-duration",
+      "description": "The duration of the determinate animation.",
       "values": []
     },
     {
-      "name": "--forge-label-value-inline-label-spacing",
-      "description": "The spacing between the label and value when displayed inline.",
+      "name": "--forge-linear-progress-indeterminate-duration",
+      "description": "The duration of the indeterminate animation.",
       "values": []
     },
     {
-      "name": "--forge-label-value-empty-color",
-      "description": "The color to apply to the value when empty.",
+      "name": "--forge-linear-progress-determinate-easing",
+      "description": "The easing function to use for the determinate animation.",
       "values": []
     },
     {
-      "name": "--forge-label-value-empty-style",
-      "description": "The font-style to apply to the value when empty.",
+      "name": "--forge-linear-progress-theme-transition-duration",
+      "description": "The duration of the theme transition.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-height",
-      "description": "The height of the element.",
+      "name": "--forge-linear-progress-theme-transition-timing",
+      "description": "The easing function to use for the theme transition.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-track-color",
-      "description": "The background color of the indicator.",
+      "name": "--forge-label-value-align",
+      "description": "Aligns the label and value. Possible values: `start` (default), `center`, `end`.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-track-shape",
-      "description": "The shape of the indicator.",
+      "name": "--forge-label-value-label-spacing",
+      "description": "The spacing between the label and value.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-indicator-color",
-      "description": "The color of the indicator.",
+      "name": "--forge-label-value-label-block-start-spacing",
+      "description": "The block start spacing for the label.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-indicator-height",
-      "description": "The height of the indicator only.",
+      "name": "--forge-label-value-label-block-end-spacing",
+      "description": "The block end spacing for the label.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-determinate-duration",
-      "description": "The duration of the determinate animation.",
+      "name": "--forge-label-value-label-color",
+      "description": "The color to apply to the label.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-indeterminate-duration",
-      "description": "The duration of the indeterminate animation.",
+      "name": "--forge-label-value-icon-spacing",
+      "description": "The spacing between the icon and the label.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-determinate-easing",
-      "description": "The easing function to use for the determinate animation.",
+      "name": "--forge-label-value-inline-label-spacing",
+      "description": "The spacing between the label and value when displayed inline.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-theme-transition-duration",
-      "description": "The duration of the theme transition.",
+      "name": "--forge-label-value-empty-color",
+      "description": "The color to apply to the value when empty.",
       "values": []
     },
     {
-      "name": "--forge-linear-progress-theme-transition-timing",
-      "description": "The easing function to use for the theme transition.",
+      "name": "--forge-label-value-empty-style",
+      "description": "The font-style to apply to the value when empty.",
       "values": []
     },
     {
@@ -5394,11 +5394,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."
@@ -5599,6 +5599,10 @@
       "name": "::part(container)",
       "description": "The container element for the title and message content."
     },
+    {
+      "name": "::part(progressbar)",
+      "description": "Styles the progress bar container element"
+    },
     {
       "name": "::part(root)",
       "description": "The root layout container element."
@@ -5606,10 +5610,6 @@
     { "name": "::part(label)", "description": "The label container element." },
     { "name": "::part(value)", "description": "The value container element." },
     { "name": "::part(icon)", "description": "The icon container element." },
-    {
-      "name": "::part(progressbar)",
-      "description": "Styles the progress bar container element"
-    },
     { "name": "::part(root)", "description": "The root element of the icon." },
     { "name": "::part(icon)", "description": "The icon element." },
     { "name": "::part(root)", "description": "The component's root element." },

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

@@ -102,39 +102,39 @@
       "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.",
+      "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": "text",
-          "description": "The text to display in the avatar.",
-          "values": []
-        },
-        {
-          "name": "letter-count",
-          "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
+          "name": "visible",
+          "description": "Whether the backdrop is visible.",
           "values": []
         },
         {
-          "name": "image-url",
-          "description": "The background image URL to use.",
+          "name": "fixed",
+          "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
           "values": []
         }
       ],
       "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.",
+      "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.",
       "attributes": [
         {
-          "name": "visible",
-          "description": "Whether the backdrop is visible.",
+          "name": "text",
+          "description": "The text to display in the avatar.",
           "values": []
         },
         {
-          "name": "fixed",
-          "description": "Whether the backdrop uses \"fixed\" or \"relative\" positioning.",
+          "name": "letter-count",
+          "description": "Controls the number of letters to display from the text. By default the text is split on spaces and the first character of each word is used.",
+          "values": []
+        },
+        {
+          "name": "image-url",
+          "description": "The background image URL to use.",
           "values": []
         }
       ],
@@ -1190,6 +1190,33 @@
       ],
       "references": []
     },
+    {
+      "name": "forge-label",
+      "description": "The Forge Label component is used to associate a text label with a compatible Forge component.\n---\n\n\n### **Methods:**\n - **update(): _void_** - Updates the targeted element with the label's current text content.",
+      "attributes": [
+        {
+          "name": "for",
+          "description": "The id of the associated element.",
+          "values": []
+        },
+        {
+          "name": "dynamic",
+          "description": "Propagates changes in the label's text content to the associated element.",
+          "values": []
+        },
+        {
+          "name": "non-interactive",
+          "description": "Removes click handling from the label.",
+          "values": []
+        },
+        {
+          "name": "legend",
+          "description": "Whether or not the label should be associated with an ancestor element.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "forge-keyboard-shortcut",
       "description": "\n---\n\n\n### **Events:**\n - **forge-keyboard-shortcut-activate** - Event fired when the keyboard shortcut is activated.",
@@ -1243,29 +1270,25 @@
       "references": []
     },
     {
-      "name": "forge-label",
-      "description": "The Forge Label component is used to associate a text label with a compatible Forge component.\n---\n\n\n### **Methods:**\n - **update(): _void_** - Updates the targeted element with the label's current text content.",
+      "name": "forge-linear-progress",
+      "description": "Linear progress indicators display progress by animating along a linear track in a horizontal direction.\n---\n\n\n### **CSS Properties:**\n - **--forge-linear-progress-height** - The height of the element. _(default: undefined)_\n- **--forge-linear-progress-track-color** - The background color of the indicator. _(default: undefined)_\n- **--forge-linear-progress-track-shape** - The shape of the indicator. _(default: undefined)_\n- **--forge-linear-progress-indicator-color** - The color of the indicator. _(default: undefined)_\n- **--forge-linear-progress-indicator-height** - The height of the indicator only. _(default: undefined)_\n- **--forge-linear-progress-determinate-duration** - The duration of the determinate animation. _(default: undefined)_\n- **--forge-linear-progress-indeterminate-duration** - The duration of the indeterminate animation. _(default: undefined)_\n- **--forge-linear-progress-determinate-easing** - The easing function to use for the determinate animation. _(default: undefined)_\n- **--forge-linear-progress-theme-transition-duration** - The duration of the theme transition. _(default: undefined)_\n- **--forge-linear-progress-theme-transition-timing** - The easing function to use for the theme transition. _(default: undefined)_\n\n### **CSS Parts:**\n - **progressbar** - Styles the progress bar container element",
       "attributes": [
         {
-          "name": "for",
-          "description": "The id of the associated element.",
+          "name": "determinate",
+          "description": "Controls the determinate state.",
           "values": []
         },
         {
-          "name": "dynamic",
-          "description": "Propagates changes in the label's text content to the associated element.",
+          "name": "progress",
+          "description": "Controls the progress while in a determinate state. Accepts values from `0` to `1`.",
           "values": []
         },
         {
-          "name": "non-interactive",
-          "description": "Removes click handling from the label.",
+          "name": "buffer",
+          "description": "Controls the buffer progress while in a determinate state. Accepts values from `0` to `1`.",
           "values": []
         },
-        {
-          "name": "legend",
-          "description": "Whether or not the label should be associated with an ancestor element.",
-          "values": []
-        }
+        { "name": "theme", "description": "Sets the theme.", "values": [] }
       ],
       "references": []
     },
@@ -1291,29 +1314,6 @@
       ],
       "references": []
     },
-    {
-      "name": "forge-linear-progress",
-      "description": "Linear progress indicators display progress by animating along a linear track in a horizontal direction.\n---\n\n\n### **CSS Properties:**\n - **--forge-linear-progress-height** - The height of the element. _(default: undefined)_\n- **--forge-linear-progress-track-color** - The background color of the indicator. _(default: undefined)_\n- **--forge-linear-progress-track-shape** - The shape of the indicator. _(default: undefined)_\n- **--forge-linear-progress-indicator-color** - The color of the indicator. _(default: undefined)_\n- **--forge-linear-progress-indicator-height** - The height of the indicator only. _(default: undefined)_\n- **--forge-linear-progress-determinate-duration** - The duration of the determinate animation. _(default: undefined)_\n- **--forge-linear-progress-indeterminate-duration** - The duration of the indeterminate animation. _(default: undefined)_\n- **--forge-linear-progress-determinate-easing** - The easing function to use for the determinate animation. _(default: undefined)_\n- **--forge-linear-progress-theme-transition-duration** - The duration of the theme transition. _(default: undefined)_\n- **--forge-linear-progress-theme-transition-timing** - The easing function to use for the theme transition. _(default: undefined)_\n\n### **CSS Parts:**\n - **progressbar** - Styles the progress bar container element",
-      "attributes": [
-        {
-          "name": "determinate",
-          "description": "Controls the determinate state.",
-          "values": []
-        },
-        {
-          "name": "progress",
-          "description": "Controls the progress while in a determinate state. Accepts values from `0` to `1`.",
-          "values": []
-        },
-        {
-          "name": "buffer",
-          "description": "Controls the buffer progress while in a determinate state. Accepts values from `0` to `1`.",
-          "values": []
-        },
-        { "name": "theme", "description": "Sets the theme.", "values": [] }
-      ],
-      "references": []
-    },
     {
       "name": "forge-menu",
       "description": "\n---\n\n\n### **Methods:**\n - **propagateKeyEvent(evt: _KeyboardEvent_): _void_** - Force propagates the key event from another element to this component.\n- **activateFirstOption(): _void_** - Activates the first option in the menu when open.",

package/esm/overlay/overlay-adapter.js

@@ -112,11 +112,16 @@ export class OverlayAdapter extends BaseAdapter {
             const viewportWidth = Math.max(document.documentElement.clientWidth, window.innerWidth);
             const viewportHeight = Math.max(document.documentElement.clientHeight, window.innerHeight);
             const overlayRect = this._rootElement.getBoundingClientRect();
-            const isClippedX = overlayRect.right > viewportWidth || overlayRect.left < 0;
-            const isClippedY = overlayRect.bottom > viewportHeight || overlayRect.top < 0;
+            const isClippedX = overlayRect.right > viewportWidth;
+            const isClippedY = overlayRect.bottom > viewportHeight;
             // Update the clipped attributes to allow for state-based clipping adjustments by consumers
-            this._component.toggleAttribute(OVERLAY_CONSTANTS.attributes.CLIPPED_X, isClippedX);
-            this._component.toggleAttribute(OVERLAY_CONSTANTS.attributes.CLIPPED_Y, isClippedY);
+            // We only set these attributes once to avoid it triggering an auto-reposition loop. The attributes will be removed when the dropdown is closed.
+            if (isClippedX) {
+                this._component.setAttribute(OVERLAY_CONSTANTS.attributes.CLIPPED_X, '');
+            }
+            if (isClippedY) {
+                this._component.setAttribute(OVERLAY_CONSTANTS.attributes.CLIPPED_Y, '');
+            }
         });
     }
     tryCleanupAutoUpdate() {

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:unp5r3f;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes unp5r3f{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:unp5r3j;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes unp5r3j{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:unp5r41;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 unp5r41{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:unp5r4c;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 unp5r4c{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:unp5r4y;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes unp5r4y{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:unp5r57;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes unp5r57{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:unp5r5o;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 unp5r5o{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:unp5r5u;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 unp5r5u{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:ugo58a2;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ugo58a2{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:ugo58am;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ugo58am{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:ugo58b3;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 ugo58b3{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:ugo58b7;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 ugo58b7{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:ugo58c6;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ugo58c6{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:ugo58cs;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes ugo58cs{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:ugo58dg;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 ugo58dg{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:ugo58e9;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 ugo58e9{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.1",
+  "version": "3.8.0-dev.2",
   "author": "Tyler Technologies, Inc.",
   "license": "Apache-2.0",
   "repository": {