@vscode-elements/elements 1.7.1 → 1.8.1

package/custom-elements.json

@@ -24,7 +24,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'"
+              "default": "'1.8.1'"
             },
             {
               "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'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -358,7 +479,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-button-background); border-color: var(--vscode-button-border, var(--vscode-button-background)); border-style: solid; border-radius: 2px; border-width: 1px; color: var(--vscode-button-foreground); cursor: pointer; display: inline-block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 22px; overflow: hidden; padding: 1px 13px; user-select: none; white-space: nowrap; } :host([secondary]) { color: var(--vscode-button-secondaryForeground); background-color: var(--vscode-button-secondaryBackground); border-color: var(--vscode-button-border, var(--vscode-button-secondaryBackground)); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) { background-color: var(--vscode-button-hoverBackground); } :host([disabled]:hover) { background-color: var(--vscode-button-background); } :host([secondary]:hover) { background-color: var(--vscode-button-secondaryHoverBackground); } :host([secondary][disabled]:hover) { background-color: var(--vscode-button-secondaryBackground); } :host(:focus), :host(:active) { outline: none; } :host(:focus) { background-color: var(--vscode-button-hoverBackground); outline: 1px solid var(--vscode-focusBorder); outline-offset: 2px; } :host([disabled]:focus) { background-color: var(--vscode-button-background); outline: 0; } :host([secondary]:focus) { background-color: var(--vscode-button-secondaryHoverBackground); } :host([secondary][disabled]:focus) { background-color: var(--vscode-button-secondaryBackground); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(vscode-icon) { color: inherit; } .wrapper { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; } slot { align-items: center; display: flex; height: 100%; } .icon { color: inherit; display: block; margin-right: 3px; } .icon-after { color: inherit; display: block; margin-left: 3px; } `, ]"
+          "default": "[ defaultStyles, css` :host { background-color: var(--vscode-button-background); border-color: var( --vscode-button-border, var(--vscode-button-background) ); border-style: solid; border-radius: 2px; border-width: 1px; color: var(--vscode-button-foreground); cursor: pointer; display: inline-block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 22px; overflow: hidden; padding: 1px 13px; user-select: none; white-space: nowrap; } :host([secondary]) { color: var(--vscode-button-secondaryForeground); background-color: var(--vscode-button-secondaryBackground); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) { background-color: var(--vscode-button-hoverBackground); } :host([disabled]:hover) { background-color: var(--vscode-button-background); } :host([secondary]:hover) { background-color: var(--vscode-button-secondaryHoverBackground); } :host([secondary][disabled]:hover) { background-color: var(--vscode-button-secondaryBackground); } :host(:focus), :host(:active) { outline: none; } :host(:focus) { background-color: var(--vscode-button-hoverBackground); outline: 1px solid var(--vscode-focusBorder); outline-offset: 2px; } :host([disabled]:focus) { background-color: var(--vscode-button-background); outline: 0; } :host([secondary]:focus) { background-color: var(--vscode-button-secondaryHoverBackground); } :host([secondary][disabled]:focus) { background-color: var(--vscode-button-secondaryBackground); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(vscode-icon) { color: inherit; } .wrapper { align-items: center; box-sizing: border-box; display: flex; justify-content: center; position: relative; width: 100%; } slot { align-items: center; display: flex; height: 100%; } .icon { color: inherit; display: block; margin-right: 3px; } .icon-after { color: inherit; display: block; margin-left: 3px; } `, ]"
         }
       ],
       "exports": [
@@ -622,7 +743,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -797,7 +918,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, baseStyles, css` :host(:invalid) .icon, :host([invalid]) .icon { background-color: var(--vscode-inputValidation-errorBackground); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } .icon { border-radius: 3px; } .indeterminate-icon { background-color: currentColor; position: absolute; height: 1px; width: 12px; } :host(:focus):host(:not([disabled])) .icon { outline: 1px solid var(--focus-border); outline-offset: -1px; } `, formHelperTextStyles ]"
+          "default": "[ defaultStyles, baseStyles, css` :host(:invalid) .icon, :host([invalid]) .icon { background-color: var(--vscode-inputValidation-errorBackground); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } .icon { border-radius: 3px; } .indeterminate-icon { background-color: currentColor; position: absolute; height: 1px; width: 12px; } :host(:focus):host(:not([disabled])) .icon { outline: 1px solid var(--focus-border); outline-offset: -1px; } `, formHelperTextStyles, ]"
         }
       ],
       "exports": [
@@ -1160,7 +1281,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1378,7 +1499,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1442,7 +1563,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder); } .title { color: var(--vscode-sideBarTitle-foreground); display: block; font-family: var(--vscode-font-family); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: .6; } .header-icon { color: var(--vscode-icon-foreground); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]"
+          "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder); } .title { color: var(--vscode-sideBarTitle-foreground); display: block; font-family: var(--vscode-font-family); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: 0.6; } .header-icon { color: var(--vscode-icon-foreground); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]"
         }
       ],
       "exports": [
@@ -1571,7 +1692,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1883,7 +2004,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -1962,7 +2083,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 1.4em; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background); color: var(--vscode-menu-foreground); display: flex; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground); display: block; margin: 0 0 4px; padding-top: 4px; width: 100%; } .context-menu-item a { align-items: center; border-color: transparent; border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-menu-foreground); cursor: default; display: flex; flex: 1 1 auto; height: 2em; margin-left: 4px; margin-right: 4px; outline: none; position: relative; text-decoration: inherit; } :host([selected]) .context-menu-item a { background-color: var(--vscode-menu-selectionBackground); border-color: var(--vscode-menu-selectionBorder, var(--vscode-menu-selectionBackground)); color: var(--vscode-menu-selectionForeground); } .label { background: none; display: flex; flex: 1 1 auto; font-size: 12px; line-height: 1; padding: 0 22px; text-decoration: none; } .keybinding { display: block; flex: 2 1 auto; line-height: 1; padding: 0 22px; text-align: right; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 1.4em; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background); color: var(--vscode-menu-foreground); display: flex; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground); display: block; margin: 0 0 4px; padding-top: 4px; width: 100%; } .context-menu-item a { align-items: center; border-color: transparent; border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-menu-foreground); cursor: default; display: flex; flex: 1 1 auto; height: 2em; margin-left: 4px; margin-right: 4px; outline: none; position: relative; text-decoration: inherit; } :host([selected]) .context-menu-item a { background-color: var(--vscode-menu-selectionBackground); border-color: var( --vscode-menu-selectionBorder, var(--vscode-menu-selectionBackground) ); color: var(--vscode-menu-selectionForeground); } .label { background: none; display: flex; flex: 1 1 auto; font-size: 12px; line-height: 1; padding: 0 22px; text-decoration: none; } .keybinding { display: block; flex: 2 1 auto; line-height: 1; padding: 0 22px; text-align: right; } `, ]"
         }
       ],
       "exports": [
@@ -2073,7 +2194,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2209,7 +2330,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2238,7 +2359,7 @@
           ],
           "superclass": {
             "name": "VscElement",
-            "module": "/src/includes/VscElement"
+            "module": "/src/includes/VscElement.js"
           },
           "tagName": "vscode-divider",
           "customElement": true
@@ -2427,7 +2548,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2559,7 +2680,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2659,7 +2780,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -2857,7 +2978,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -3077,7 +3198,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4162,7 +4283,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4418,7 +4539,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4566,7 +4687,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -4611,7 +4732,7 @@
           ],
           "superclass": {
             "name": "VscElement",
-            "module": "/src/includes/VscElement"
+            "module": "/src/includes/VscElement.js"
           },
           "tagName": "vscode-progress-ring",
           "customElement": true
@@ -5033,7 +5154,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -5352,7 +5473,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -5743,7 +5864,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -6111,11 +6232,6 @@
               "name": "_manageRequired",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "_renderLabel",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "_renderSelectFace",
@@ -6803,7 +6919,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7007,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": [
@@ -7025,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": "",
@@ -7039,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",
@@ -7053,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
             },
@@ -7063,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
             },
@@ -7074,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"
               },
@@ -7158,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",
@@ -7192,11 +7378,77 @@
               "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": "_initPosition",
+              "name": "resetHandlePosition",
+              "description": "Sets the handle position to the value specified in the `initialHandlePosition` property."
+            },
+            {
+              "kind": "method",
+              "name": "_handlePositionPropChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_fixedPanePropChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_initFixedPane",
+              "privacy": "private"
+            },
+            {
+              "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",
@@ -7255,7 +7507,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7275,10 +7527,10 @@
           "attributes": [
             {
               "name": "split",
+              "description": "Direction of the divider.",
               "type": {
-                "text": "'horizontal' | 'vertical'"
+                "text": "Orientation"
               },
-              "default": "'vertical'",
               "fieldName": "split"
             },
             {
@@ -7287,6 +7539,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"
             },
             {
@@ -7295,7 +7548,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"
             },
             {
@@ -7303,8 +7556,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": {
@@ -7316,6 +7586,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",
@@ -7344,7 +7638,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": [
@@ -7415,7 +7709,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -7547,7 +7841,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8237,7 +8531,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8421,7 +8715,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8540,7 +8834,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8650,7 +8944,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8745,7 +9039,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -8834,7 +9128,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9083,7 +9377,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9172,7 +9466,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { display: inline-block; height: 40px; position: relative; width: 320px; } :host([cols]) { width: auto; } :host([rows]) { height: auto; } .shadow { box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset; display: none; inset: 0 0 auto 0; height: 6px; pointer-events: none; position: absolute; width: 100%; } .shadow.visible { display: block; } textarea { background-color: var(--vscode-settings-textInputBackground); border-color: var(--vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground)); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground); display: block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); height: 100%; width: 100%; } :host([cols]) textarea { width: auto; } :host([rows]) textarea { height: auto; } :host([invalid]) textarea, :host(:invalid) textarea { background-color: var(--vscode-inputValidation-errorBackground); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } textarea.monospace { background-color: var(--vscode-editor-background); color: var(--vscode-editor-foreground); font-family: var(--vscode-editor-font-family); font-size: var(--vscode-editor-font-size); font-weight: var(--vscode-editor-font-weight); } .textarea.monospace::placeholder { color: var(--vscode-editor-inlineValuesForeground); } textarea.cursor-pointer { cursor: pointer; } textarea:focus { border-color: var(--vscode-focusBorder); outline: none; } textarea::placeholder { color: var(--vscode-input-placeholderForeground); opacity: 1; } textarea::-webkit-scrollbar-track { background-color: transparent; } textarea::-webkit-scrollbar { width: 14px; } textarea::-webkit-scrollbar-thumb { background-color: transparent; } textarea:hover::-webkit-scrollbar-thumb { background-color: var(--vscode-scrollbarSlider-background); } textarea::-webkit-scrollbar-thumb:hover { background-color: var(--vscode-scrollbarSlider-hoverBackground); } textarea::-webkit-scrollbar-thumb:active { background-color: var(--vscode-scrollbarSlider-activeBackground); } textarea::-webkit-scrollbar-corner { background-color: transparent; } textarea::-webkit-resizer { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right bottom; } `, ]"
+          "default": "[ defaultStyles, css` :host { display: inline-block; height: 40px; position: relative; width: 320px; } :host([cols]) { width: auto; } :host([rows]) { height: auto; } .shadow { box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset; display: none; inset: 0 0 auto 0; height: 6px; pointer-events: none; position: absolute; width: 100%; } .shadow.visible { display: block; } textarea { background-color: var(--vscode-settings-textInputBackground); border-color: var( --vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground) ); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground); display: block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); height: 100%; width: 100%; } :host([cols]) textarea { width: auto; } :host([rows]) textarea { height: auto; } :host([invalid]) textarea, :host(:invalid) textarea { background-color: var(--vscode-inputValidation-errorBackground); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } textarea.monospace { background-color: var(--vscode-editor-background); color: var(--vscode-editor-foreground); font-family: var(--vscode-editor-font-family); font-size: var(--vscode-editor-font-size); font-weight: var(--vscode-editor-font-weight); } .textarea.monospace::placeholder { color: var(--vscode-editor-inlineValuesForeground); } textarea.cursor-pointer { cursor: pointer; } textarea:focus { border-color: var(--vscode-focusBorder); outline: none; } textarea::placeholder { color: var(--vscode-input-placeholderForeground); opacity: 1; } textarea::-webkit-scrollbar-track { background-color: transparent; } textarea::-webkit-scrollbar { width: 14px; } textarea::-webkit-scrollbar-thumb { background-color: transparent; } textarea:hover::-webkit-scrollbar-thumb { background-color: var(--vscode-scrollbarSlider-background); } textarea::-webkit-scrollbar-thumb:hover { background-color: var(--vscode-scrollbarSlider-hoverBackground); } textarea::-webkit-scrollbar-thumb:active { background-color: var(--vscode-scrollbarSlider-activeBackground); } textarea::-webkit-scrollbar-corner { background-color: transparent; } textarea::-webkit-resizer { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right bottom; } `, ]"
         }
       ],
       "exports": [
@@ -9591,7 +9885,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -9811,7 +10105,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { align-items: center; background-color: var(--vscode-settings-textInputBackground); border-color: var(--vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground)); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground); display: inline-flex; max-width: 100%; position: relative; width: 320px; } :host([focused]) { border-color: var(--vscode-focusBorder); } :host([invalid]), :host(:invalid) { border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([invalid]) input, :host(:invalid) input { background-color: var(--vscode-inputValidation-errorBackground); } ::slotted([slot='content-before']) { display: block; margin-left: 2px; } ::slotted([slot='content-after']) { display: block; margin-right: 2px; } slot[name='content-before'], slot[name='content-after'] { align-items: center; display: flex; } input { background-color: var(--vscode-settings-textInputBackground); border: 0; box-sizing: border-box; color: var(--vscode-settings-textInputForeground); display: block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 18px; outline: none; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; width: 100%; } input:read-only:not([type=\"file\"]) { cursor: not-allowed; } input::placeholder { color: var(--vscode-input-placeholderForeground); opacity: 1; } input[type='file'] { line-height: 24px; padding-bottom: 0; padding-left: 2px; padding-top: 0; } input[type='file']::file-selector-button { background-color: var(--vscode-button-background); border: 0; border-radius: 2px; color: var(--vscode-button-foreground); cursor: pointer; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 20px; padding: 0 14px; } input[type='file']::file-selector-button:hover { background-color: var(--vscode-button-hoverBackground); } `, ]"
+          "default": "[ defaultStyles, css` :host { align-items: center; background-color: var(--vscode-settings-textInputBackground); border-color: var( --vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground) ); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground); display: inline-flex; max-width: 100%; position: relative; width: 320px; } :host([focused]) { border-color: var(--vscode-focusBorder); } :host([invalid]), :host(:invalid) { border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([invalid]) input, :host(:invalid) input { background-color: var(--vscode-inputValidation-errorBackground); } ::slotted([slot='content-before']) { display: block; margin-left: 2px; } ::slotted([slot='content-after']) { display: block; margin-right: 2px; } slot[name='content-before'], slot[name='content-after'] { align-items: center; display: flex; } input { background-color: var(--vscode-settings-textInputBackground); border: 0; box-sizing: border-box; color: var(--vscode-settings-textInputForeground); display: block; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 18px; outline: none; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; width: 100%; } input:read-only:not([type='file']) { cursor: not-allowed; } input::placeholder { color: var(--vscode-input-placeholderForeground); opacity: 1; } input[type='file'] { line-height: 24px; padding-bottom: 0; padding-left: 2px; padding-top: 0; } input[type='file']::file-selector-button { background-color: var(--vscode-button-background); border: 0; border-radius: 2px; color: var(--vscode-button-foreground); cursor: pointer; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); line-height: 20px; padding: 0 14px; } input[type='file']::file-selector-button:hover { background-color: var(--vscode-button-hoverBackground); } `, ]"
         }
       ],
       "exports": [
@@ -9934,6 +10228,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
             },
@@ -10000,6 +10295,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"
             },
             {
@@ -10102,7 +10398,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",
@@ -10216,7 +10518,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -10308,6 +10610,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"
             },
             {
@@ -10364,6 +10667,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"
             },
             {
@@ -10451,7 +10755,7 @@
           "type": {
             "text": "CSSResultGroup"
           },
-          "default": "[ defaultStyles, css` :host { --hover-outline-color: transparent; --hover-outline-style: solid; --hover-outline-width: 0; --selected-outline-color: transparent; --selected-outline-style: solid; --selected-outline-width: 0; display: block; outline: none; user-select: none; } .wrapper { height: 100%; } li { list-style: none; } ul, li { margin: 0; padding: 0; } ul { position: relative; } :host([indent-guides]) ul ul:before { content: ''; display: block; height: 100%; position: absolute; bottom: 0; left: var(--indent-guide-pos); top: 0; pointer-events: none; width: 1px; z-index: 1; } .contents { align-items: center; display: flex; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); outline-offset: -1px; padding-right: 12px; } .multi .contents { align-items: flex-start; } .contents:hover { cursor: pointer; } .arrow-container { align-items: center; display: flex; height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .icon-arrow { color: currentColor; display: block; } .theme-icon { display: block; flex-shrink: 0; margin-right: 6px; } .image-icon { background-repeat: no-repeat; background-position: 0 center; background-size: 16px; display: block; flex-shrink: 0; margin-right: 6px; height: 22px; width: 16px; } .multi .contents .theme-icon { margin-top: 3px; } .text-content { display: flex; line-height: 22px; } .single .text-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .description { font-size: 0.9em; line-height: 22px; margin-left: 0.5em; opacity: 0.95; white-space: pre; } .actions { display: none; } .contents.selected > .actions, .contents.focused > .actions, .contents:hover > .actions { display: flex; } .decorations { align-items: center; display: flex; height: 22px; margin-left: 5px; } .filled-circle { margin-right: 3px; opacity: 0.4; } .decoration-text { font-size: 90%; font-weight: 600; margin-right: 3px; opacity: 0.75; } .filled-circle, .decoration-text { color: var(--color, currentColor); } .contents:hover .filled-circle, .contents:hover .decoration-text { color: var(--hover-color, var(--color)); } .contents.focused .filled-circle, .contents.focused .decoration-text { color: var(--focused-color, var(--color)); } .contents.selected .filled-circle, .contents.selected .decoration-text { color: var(--selected-color, var(--color)); } /* Theme colors */ :host(:focus) .wrapper.has-not-focused-item { outline: 1px solid var(--vscode-focusBorder); } :host(:focus) .contents.selected, :host(:focus) .contents.focused.selected { color: var(--vscode-list-activeSelectionForeground); background-color: var(--vscode-list-activeSelectionBackground); } :host(:focus) .contents.selected .icon-arrow, :host(:focus) .contents.selected.focused .icon-arrow, :host(:focus) .contents.selected .theme-icon, :host(:focus) .contents.selected.focused .theme-icon, :host(:focus) .contents.selected .action-icon, :host(:focus) .contents.selected.focused .action-icon { color: var(--vscode-list-activeSelectionIconForeground); } :host(:focus) .contents.focused { color: var(--vscode-list-focusForeground); background-color: var(--vscode-list-focusBackground); } :host(:focus) .contents.selected.focused { outline-color: var(--vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline)); } .contents:hover { background-color: var(--vscode-list-hoverBackground); color: var(--vscode-list-hoverForeground); } .contents:hover, .contents.selected:hover { outline-color: var(--hover-outline-color); outline-style: var(--hover-outline-style); outline-width: var(--hover-outline-width); } .contents.selected, .contents.selected.focused { background-color: var(--vscode-list-inactiveSelectionBackground); color: var(--vscode-list-inactiveSelectionForeground); } .contents.selected, .contents.selected.focused { outline-color: var(--selected-outline-color); outline-style: var(--selected-outline-style); outline-width: var(--selected-outline-width); } .contents.selected .theme-icon { color: var(--vscode-list-inactiveSelectionIconForeground); } .contents.focused { background-color: var(--vscode-list-inactiveFocusBackground); outline: 1px dotted var(--vscode-list-inactiveFocusOutline); } :host(:focus) .contents.focused { outline: 1px solid var(--vscode-list-focusOutline); } :host([indent-guides]) ul ul:before { background-color: var(--vscode-tree-inactiveIndentGuidesStroke); } :host([indent-guides]) ul ul.has-active-item:before { background-color: var(--vscode-tree-indentGuidesStroke); } `, ]"
+          "default": "[ defaultStyles, css` :host { --hover-outline-color: transparent; --hover-outline-style: solid; --hover-outline-width: 0; --selected-outline-color: transparent; --selected-outline-style: solid; --selected-outline-width: 0; display: block; outline: none; user-select: none; } .wrapper { height: 100%; } li { list-style: none; } ul, li { margin: 0; padding: 0; } ul { position: relative; } :host([indent-guides]) ul ul:before { content: ''; display: block; height: 100%; position: absolute; bottom: 0; left: var(--indent-guide-pos); top: 0; pointer-events: none; width: 1px; z-index: 1; } .contents { align-items: center; display: flex; font-family: var(--vscode-font-family); font-size: var(--vscode-font-size); font-weight: var(--vscode-font-weight); outline-offset: -1px; padding-right: 12px; } .multi .contents { align-items: flex-start; } .contents:hover { cursor: pointer; } .arrow-container { align-items: center; display: flex; height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .icon-arrow { color: currentColor; display: block; } .theme-icon { display: block; flex-shrink: 0; margin-right: 6px; } .image-icon { background-repeat: no-repeat; background-position: 0 center; background-size: 16px; display: block; flex-shrink: 0; margin-right: 6px; height: 22px; width: 16px; } .multi .contents .theme-icon { margin-top: 3px; } .text-content { display: flex; line-height: 22px; } .single .text-content { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .description { font-size: 0.9em; line-height: 22px; margin-left: 0.5em; opacity: 0.95; white-space: pre; } .actions { display: none; } .contents.selected > .actions, .contents.focused > .actions, .contents:hover > .actions { display: flex; } .decorations { align-items: center; display: flex; height: 22px; margin-left: 5px; } .filled-circle { margin-right: 3px; opacity: 0.4; } .decoration-text { font-size: 90%; font-weight: 600; margin-right: 3px; opacity: 0.75; } .filled-circle, .decoration-text { color: var(--color, currentColor); } .contents:hover .filled-circle, .contents:hover .decoration-text { color: var(--hover-color, var(--color)); } .contents.focused .filled-circle, .contents.focused .decoration-text { color: var(--focused-color, var(--color)); } .contents.selected .filled-circle, .contents.selected .decoration-text { color: var(--selected-color, var(--color)); } /* Theme colors */ :host(:focus) .wrapper.has-not-focused-item { outline: 1px solid var(--vscode-focusBorder); } :host(:focus) .contents.selected, :host(:focus) .contents.focused.selected { color: var(--vscode-list-activeSelectionForeground); background-color: var(--vscode-list-activeSelectionBackground); } :host(:focus) .contents.selected .icon-arrow, :host(:focus) .contents.selected.focused .icon-arrow, :host(:focus) .contents.selected .theme-icon, :host(:focus) .contents.selected.focused .theme-icon, :host(:focus) .contents.selected .action-icon, :host(:focus) .contents.selected.focused .action-icon { color: var(--vscode-list-activeSelectionIconForeground); } :host(:focus) .contents.focused { color: var(--vscode-list-focusForeground); background-color: var(--vscode-list-focusBackground); } :host(:focus) .contents.selected.focused { outline-color: var( --vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline) ); } .contents:hover { background-color: var(--vscode-list-hoverBackground); color: var(--vscode-list-hoverForeground); } .contents:hover, .contents.selected:hover { outline-color: var(--hover-outline-color); outline-style: var(--hover-outline-style); outline-width: var(--hover-outline-width); } .contents.selected, .contents.selected.focused { background-color: var(--vscode-list-inactiveSelectionBackground); color: var(--vscode-list-inactiveSelectionForeground); } .contents.selected, .contents.selected.focused { outline-color: var(--selected-outline-color); outline-style: var(--selected-outline-style); outline-width: var(--selected-outline-width); } .contents.selected .theme-icon { color: var(--vscode-list-inactiveSelectionIconForeground); } .contents.focused { background-color: var(--vscode-list-inactiveFocusBackground); outline: 1px dotted var(--vscode-list-inactiveFocusOutline); } :host(:focus) .contents.focused { outline: 1px solid var(--vscode-list-focusOutline); } :host([indent-guides]) ul ul:before { background-color: var(--vscode-tree-inactiveIndentGuidesStroke); } :host([indent-guides]) ul ul.has-active-item:before { background-color: var(--vscode-tree-indentGuidesStroke); } `, ]"
         }
       ],
       "exports": [
@@ -10952,7 +11256,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -11122,7 +11426,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"
@@ -12091,7 +12395,7 @@
                 "text": "string"
               },
               "privacy": "private",
-              "default": "'1.7.1'",
+              "default": "'1.8.1'",
               "inheritedFrom": {
                 "name": "VscElement",
                 "module": "src/includes/VscElement.ts"