@vscode-elements/elements 1.7.1-pre.1 → 1.8.0

package/custom-elements.json

@@ -24,7 +24,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'"
+              "default": "'1.8.0'"
             },
             {
               "kind": "field",
@@ -115,6 +115,127 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/includes/test-helpers.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "clickOnElement",
+          "parameters": [
+            {
+              "name": "el",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "position",
+              "default": "'center'",
+              "type": {
+                "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
+              }
+            },
+            {
+              "name": "offsetX",
+              "default": "0"
+            },
+            {
+              "name": "offsetY",
+              "default": "0"
+            }
+          ],
+          "description": "A testing utility that measures an element's position and clicks on it."
+        },
+        {
+          "kind": "function",
+          "name": "moveMouseOnElement",
+          "parameters": [
+            {
+              "name": "el",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "position",
+              "default": "'center'",
+              "type": {
+                "text": "'top' | 'right' | 'bottom' | 'left' | 'center'"
+              }
+            },
+            {
+              "name": "offsetX",
+              "default": "0"
+            },
+            {
+              "name": "offsetY",
+              "default": "0"
+            }
+          ],
+          "description": "A testing utility that moves the mouse onto an element."
+        },
+        {
+          "kind": "function",
+          "name": "dragElement",
+          "return": {
+            "type": {
+              "text": "Promise<void>"
+            }
+          },
+          "parameters": [
+            {
+              "name": "el",
+              "type": {
+                "text": "Element"
+              }
+            },
+            {
+              "name": "deltaX",
+              "default": "0"
+            },
+            {
+              "name": "deltaY",
+              "default": "0"
+            },
+            {
+              "name": "callbacks",
+              "default": "{}",
+              "type": {
+                "text": "{\n    afterMouseDown?: () => void | Promise<void>;\n    afterMouseMove?: () => void | Promise<void>;\n  }"
+              }
+            }
+          ],
+          "description": "A testing utility that drags an element with the mouse."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "clickOnElement",
+          "declaration": {
+            "name": "clickOnElement",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "moveMouseOnElement",
+          "declaration": {
+            "name": "moveMouseOnElement",
+            "module": "src/includes/test-helpers.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "dragElement",
+          "declaration": {
+            "name": "dragElement",
+            "module": "src/includes/test-helpers.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/includes/themeHelpers.ts",
@@ -294,7 +415,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -622,7 +743,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1160,7 +1281,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1182,7 +1303,8 @@
               "name": "change",
               "type": {
                 "text": "Event"
-              }
+              },
+              "description": "Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`."
             },
             {
               "name": "vsc-change",
@@ -1190,6 +1312,13 @@
                 "text": "CustomEvent"
               },
               "deprecated": "true"
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)",
+              "name": "invalid"
             }
           ],
           "attributes": [
@@ -1370,7 +1499,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1563,7 +1692,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1875,7 +2004,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2065,7 +2194,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2201,7 +2330,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2230,7 +2359,7 @@
           ],
           "superclass": {
             "name": "VscElement",
-            "module": "/src/includes/VscElement"
+            "module": "/src/includes/VscElement.js"
           },
           "tagName": "vscode-divider",
           "customElement": true
@@ -2419,7 +2548,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2551,7 +2680,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2651,7 +2780,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2849,7 +2978,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -3069,7 +3198,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -3340,6 +3469,14 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_faceElement",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "_setDefaultValue",
@@ -3852,40 +3989,9 @@
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "_onClickOutside",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
-            },
             {
               "kind": "field",
-              "name": "_onClickOutsideBound",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_onMouseMove",
+              "name": "_onClickOutside",
               "privacy": "private",
               "inheritedFrom": {
                 "name": "VscodeSelectBase",
@@ -3894,7 +4000,7 @@
             },
             {
               "kind": "field",
-              "name": "_onMouseMoveBound",
+              "name": "_onMouseMove",
               "privacy": "private",
               "inheritedFrom": {
                 "name": "VscodeSelectBase",
@@ -4177,7 +4283,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4433,7 +4539,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4581,7 +4687,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4626,7 +4732,7 @@
           ],
           "superclass": {
             "name": "VscElement",
-            "module": "/src/includes/VscElement"
+            "module": "/src/includes/VscElement.js"
           },
           "tagName": "vscode-progress-ring",
           "customElement": true
@@ -5048,7 +5154,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -5079,6 +5185,13 @@
               },
               "description": "Dispatched when checked state is changed.",
               "name": "change"
+            },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)",
+              "name": "invalid"
             }
           ],
           "attributes": [
@@ -5360,7 +5473,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -5377,6 +5490,15 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "Dispatched when a child radio button is changed.",
+              "name": "change"
+            }
+          ],
           "attributes": [
             {
               "name": "variant",
@@ -5742,7 +5864,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -6007,6 +6129,14 @@
               "privacy": "private",
               "default": "''"
             },
+            {
+              "kind": "field",
+              "name": "_face",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_internals",
@@ -6102,11 +6232,6 @@
               "name": "_manageRequired",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "_renderLabel",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "_renderSelectFace",
@@ -6542,40 +6667,9 @@
                 "module": "src/includes/vscode-select/vscode-select-base.ts"
               }
             },
-            {
-              "kind": "method",
-              "name": "_onClickOutside",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
-            },
             {
               "kind": "field",
-              "name": "_onClickOutsideBound",
-              "privacy": "protected",
-              "inheritedFrom": {
-                "name": "VscodeSelectBase",
-                "module": "src/includes/vscode-select/vscode-select-base.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_onMouseMove",
+              "name": "_onClickOutside",
               "privacy": "private",
               "inheritedFrom": {
                 "name": "VscodeSelectBase",
@@ -6584,7 +6678,7 @@
             },
             {
               "kind": "field",
-              "name": "_onMouseMoveBound",
+              "name": "_onMouseMove",
               "privacy": "private",
               "inheritedFrom": {
                 "name": "VscodeSelectBase",
@@ -6825,7 +6919,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7029,7 +7123,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { --separator-border: var(--vscode-editorWidget-border, transparent); border: 1px solid var(--vscode-editorWidget-border); display: block; overflow: hidden; position: relative; } ::slotted(*) { height: 100%; width: 100%; } ::slotted(vscode-split-layout) { border: 0; } .start { box-sizing: border-box; left: 0; top: 0; overflow: hidden; position: absolute; } :host([split='vertical']) .start { border-right: 1px solid var(--separator-border); } :host([split='horizontal']) .start { border-bottom: 1px solid var(--separator-border); } .end { bottom: 0; box-sizing: border-box; overflow: hidden; position: absolute; right: 0; } .handle-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .handle-overlay.active { display: block; } .handle-overlay.split-vertical { cursor: ew-resize; } .handle-overlay.split-horizontal { cursor: ns-resize; } .handle { position: absolute; z-index: 2; } .handle.hover { background-color: var(--vscode-sash-hoverBorder); transition: background-color 100ms linear 300ms; } .handle.hide { background-color: transparent; transition: background-color 100ms linear; } .handle.split-vertical { cursor: ew-resize; height: 100%; } .handle.split-horizontal { cursor: ns-resize; width: 100%; } `, ]"
+          "default": "[ defaultStyles, css` :host { --separator-border: var(--vscode-editorWidget-border, transparent); border: 1px solid var(--vscode-editorWidget-border); display: block; overflow: hidden; position: relative; } ::slotted(*) { height: 100%; width: 100%; } ::slotted(vscode-split-layout) { border: 0; } .wrapper { display: flex; height: 100%; width: 100%; } .wrapper.horizontal { flex-direction: column; } .start { box-sizing: border-box; flex: 1; min-height: 0; min-width: 0; } :host([split='vertical']) .start { border-right: 1px solid var(--separator-border); } :host([split='horizontal']) .start { border-bottom: 1px solid var(--separator-border); } .end { flex: 1; min-height: 0; min-width: 0; } :host([split='vertical']) .start, :host([split='vertical']) .end { height: 100%; } :host([split='horizontal']) .start, :host([split='horizontal']) .end { width: 100%; } .handle-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .handle-overlay.active { display: block; } .handle-overlay.split-vertical { cursor: ew-resize; } .handle-overlay.split-horizontal { cursor: ns-resize; } .handle { background-color: transparent; position: absolute; z-index: 2; } .handle.hover { transition: background-color 0.1s ease-out 0.3s; background-color: var(--vscode-sash-hoverBorder); } .handle.hide { background-color: transparent; transition: background-color 0.1s ease-out; } .handle.split-vertical { cursor: ew-resize; height: 100%; } .handle.split-horizontal { cursor: ns-resize; width: 100%; } `, ]"
         }
       ],
       "exports": [
@@ -7047,6 +7141,59 @@
       "kind": "javascript-module",
       "path": "src/vscode-split-layout/vscode-split-layout.ts",
       "declarations": [
+        {
+          "kind": "function",
+          "name": "parseValue",
+          "return": {
+            "type": {
+              "text": "{value: number; unit: PositionUnit}"
+            }
+          },
+          "parameters": [
+            {
+              "name": "raw",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "pxToPercent",
+          "parameters": [
+            {
+              "name": "current",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "percentToPx",
+          "parameters": [
+            {
+              "name": "current",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              }
+            }
+          ]
+        },
         {
           "kind": "class",
           "description": "",
@@ -7061,13 +7208,22 @@
             {
               "kind": "field",
               "name": "split",
+              "description": "Direction of the divider.",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "Orientation"
               },
-              "default": "'vertical'",
               "attribute": "split",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "_split",
+              "type": {
+                "text": "Orientation"
+              },
+              "privacy": "private",
+              "default": "'vertical'"
+            },
             {
               "kind": "field",
               "name": "resetOnDblClick",
@@ -7075,6 +7231,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.",
               "attribute": "reset-on-dbl-click",
               "reflects": true
             },
@@ -7085,7 +7242,7 @@
                 "text": "number"
               },
               "default": "4",
-              "description": "Controls the draggable area size in pixels. it is recommended to use the value of `workbench.sash.size`.",
+              "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.",
               "attribute": "handle-size",
               "reflects": true
             },
@@ -7096,57 +7253,48 @@
                 "text": "string"
               },
               "default": "'50%'",
+              "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.",
               "attribute": "initial-handle-position",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_startPaneRight",
+              "name": "handlePosition",
+              "description": "Set the handle position programmatically. The value must include a unit,\neither `%` or `px`. If no unit is specified, the value is interpreted as\n`px`.",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_startPaneBottom",
-              "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "default": "0"
+              "attribute": "handle-position"
             },
             {
               "kind": "field",
-              "name": "_endPaneTop",
+              "name": "_rawHandlePosition",
               "type": {
-                "text": "number"
+                "text": "string | undefined"
               },
-              "privacy": "private",
-              "default": "0"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_endPaneLeft",
+              "name": "fixedPane",
+              "description": "The size of the fixed pane will not change when the component is resized.",
               "type": {
-                "text": "number"
+                "text": "FixedPaneType"
               },
-              "privacy": "private",
-              "default": "0"
+              "attribute": "fixed-pane"
             },
             {
               "kind": "field",
-              "name": "_handleLeft",
+              "name": "_fixedPane",
               "type": {
-                "text": "number"
+                "text": "FixedPaneType"
               },
               "privacy": "private",
-              "default": "0"
+              "default": "'none'"
             },
             {
               "kind": "field",
-              "name": "_handleTop",
+              "name": "_handlePosition",
               "type": {
                 "text": "number"
               },
@@ -7180,6 +7328,22 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "_wrapperEl",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_handleEl",
+              "type": {
+                "text": "HTMLDivElement"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_nestedLayoutsAtStart",
@@ -7214,11 +7378,80 @@
               "privacy": "private",
               "default": "0"
             },
+            {
+              "kind": "field",
+              "name": "_resizeObserver",
+              "type": {
+                "text": "ResizeObserver"
+              },
+              "privacy": "private",
+              "default": "new ResizeObserver(this._handleResize)"
+            },
+            {
+              "kind": "field",
+              "name": "_wrapperObserved",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_fixedPaneSize",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "method",
+              "name": "resetHandlePosition",
+              "description": "Sets the handle position to the value specified in the `initialHandlePosition` property."
+            },
+            {
+              "kind": "method",
+              "name": "_handlePositionPropChanged",
+              "privacy": "private"
+            },
             {
               "kind": "method",
-              "name": "_initPosition",
+              "name": "_fixedPanePropChanged",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "newVal",
+                  "type": {
+                    "text": "FixedPaneType"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_handleResize",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "_setPosition",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "unit",
+                  "type": {
+                    "text": "PositionUnit"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "_handleMouseOver",
@@ -7277,7 +7510,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7297,10 +7530,10 @@
           "attributes": [
             {
               "name": "split",
+              "description": "Direction of the divider.",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "Orientation"
               },
-              "default": "'vertical'",
               "fieldName": "split"
             },
             {
@@ -7309,6 +7542,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.",
               "fieldName": "resetOnDblClick"
             },
             {
@@ -7317,7 +7551,7 @@
                 "text": "number"
               },
               "default": "4",
-              "description": "Controls the draggable area size in pixels. it is recommended to use the value of `workbench.sash.size`.",
+              "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.",
               "fieldName": "handleSize"
             },
             {
@@ -7325,8 +7559,25 @@
               "type": {
                 "text": "string"
               },
-              "default": "'50%'",
+              "default": "DEFAULT_INITIAL_POSITION",
+              "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.",
               "fieldName": "initialHandlePosition"
+            },
+            {
+              "name": "handle-position",
+              "description": "Set the handle position programmatically. The value must include a unit,\neither `%` or `px`. If no unit is specified, the value is interpreted as\n`px`.",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "handlePosition"
+            },
+            {
+              "name": "fixed-pane",
+              "description": "The size of the fixed pane will not change when the component is resized.",
+              "type": {
+                "text": "FixedPaneType"
+              },
+              "fieldName": "fixedPane"
             }
           ],
           "superclass": {
@@ -7338,6 +7589,30 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "parseValue",
+          "declaration": {
+            "name": "parseValue",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "pxToPercent",
+          "declaration": {
+            "name": "pxToPercent",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "percentToPx",
+          "declaration": {
+            "name": "percentToPx",
+            "module": "src/vscode-split-layout/vscode-split-layout.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "VscodeSplitLayout",
@@ -7366,7 +7641,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { border-bottom: 1px solid transparent; cursor: pointer; display: block; margin-bottom: -1px; overflow: hidden; padding: 7px 8px; text-overflow: ellipsis; user-select: none; white-space: nowrap; } :host([active]) { border-bottom-color: var(--vscode-panelTitle-activeForeground); color: var(--vscode-panelTitle-activeForeground); } :host([panel]) { border-bottom: 0; margin-bottom: 0; padding: 0; } :host(:focus-visible) { outline: none; } .wrapper { align-items: center; color: var(--vscode-foreground); display: flex; min-height: 20px; overflow: inherit; text-overflow: inherit; position: relative; } .wrapper.panel { color: var(--vscode-panelTitle-inactiveForeground); } .wrapper.panel.active, .wrapper.panel:hover { color: var(--vscode-panelTitle-inactiveForeground); } :host([panel]) .wrapper { display: flex; font-size: 11px; height: 31px; padding: 2px 10px; text-transform: uppercase; } .main { overflow: inherit; text-overflow: inherit; } .active-indicator { display: none; } .active-indicator.panel.active { border-top: 1px solid var(--vscode-panelTitle-activeBorder); bottom: 4px; display: block; left: 8px; pointer-events: none; position: absolute; right: 8px; } :host(:focus-visible) .wrapper { outline-color: var(--vscode-focusBorder); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host(:focus-visible) .wrapper.panel { outline-offset: -2px; } slot[name='content-before']::slotted(vscode-badge) { margin-right: 8px; } slot[name='content-after']::slotted(vscode-badge) { margin-left: 8px; } `, ]"
+          "default": "[ defaultStyles, css` :host { border-bottom: 1px solid transparent; cursor: pointer; display: block; margin-bottom: -1px; overflow: hidden; padding: 7px 8px; text-overflow: ellipsis; user-select: none; white-space: nowrap; } :host([active]) { border-bottom-color: var(--vscode-panelTitle-activeForeground); color: var(--vscode-panelTitle-activeForeground); } :host([panel]) { border-bottom: 0; margin-bottom: 0; padding: 0; } :host(:focus-visible) { outline: none; } .wrapper { align-items: center; color: var(--vscode-foreground); display: flex; min-height: 20px; overflow: inherit; text-overflow: inherit; position: relative; } .wrapper.panel { color: var(--vscode-panelTitle-inactiveForeground); } .wrapper.panel.active, .wrapper.panel:hover { color: var(--vscode-panelTitle-activeForeground); } :host([panel]) .wrapper { display: flex; font-size: 11px; height: 31px; padding: 2px 10px; text-transform: uppercase; } .main { overflow: inherit; text-overflow: inherit; } .active-indicator { display: none; } .active-indicator.panel.active { border-top: 1px solid var(--vscode-panelTitle-activeBorder); bottom: 4px; display: block; left: 8px; pointer-events: none; position: absolute; right: 8px; } :host(:focus-visible) .wrapper { outline-color: var(--vscode-focusBorder); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host(:focus-visible) .wrapper.panel { outline-offset: -2px; } slot[name='content-before']::slotted(vscode-badge) { margin-right: 8px; } slot[name='content-after']::slotted(vscode-badge) { margin-left: 8px; } `, ]"
         }
       ],
       "exports": [
@@ -7437,7 +7712,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7569,7 +7844,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8259,7 +8534,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8443,7 +8718,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8562,7 +8837,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8672,7 +8947,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8767,7 +9042,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8856,7 +9131,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9105,7 +9380,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9613,7 +9888,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9956,6 +10231,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Set error styles on the component. This is only intended to apply styles when custom error\nvalidation is implemented. To check whether the component is valid, use the checkValidity method.",
               "attribute": "invalid",
               "reflects": true
             },
@@ -10022,6 +10298,7 @@
                 "text": "string | undefined"
               },
               "default": "undefined",
+              "description": "Specifies a regular expression the form control's value should match.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)",
               "attribute": "pattern"
             },
             {
@@ -10124,7 +10401,13 @@
             },
             {
               "kind": "method",
-              "name": "checkValidity"
+              "name": "checkValidity",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Check the component's validity state when built-in validation is used.\nBuilt-in validation is triggered when any validation-related attribute is set. Validation-related\nattributes are: `max, maxlength, min, minlength, pattern, required, step`.\nSee this [the MDN reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity) for more details."
             },
             {
               "kind": "method",
@@ -10238,7 +10521,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -10330,6 +10613,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Set error styles on the component. This is only intended to apply styles when custom error\nvalidation is implemented. To check whether the component is valid, use the checkValidity method.",
               "fieldName": "invalid"
             },
             {
@@ -10386,6 +10670,7 @@
                 "text": "string | undefined"
               },
               "default": "undefined",
+              "description": "Specifies a regular expression the form control's value should match.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)",
               "fieldName": "pattern"
             },
             {
@@ -10974,7 +11259,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -11144,7 +11429,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -11863,37 +12148,14 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "_onClickOutside",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
             {
               "kind": "field",
-              "name": "_onClickOutsideBound",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "_onMouseMove",
+              "name": "_onClickOutside",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_onMouseMoveBound",
+              "name": "_onMouseMove",
               "privacy": "private"
             },
             {
@@ -12136,7 +12398,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1-pre.1'",
+              "default": "'1.8.0'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"