@vscode-elements/elements 1.7.1 → 1.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vscode-elements/elements",
-  "version": "1.7.1",
+  "version": "1.8.1",
   "description": "Webcomponents for creating Visual Studio Code extensions",
   "main": "dist/main.js",
   "module": "dist/main.js",
@@ -137,26 +137,27 @@
   },
   "homepage": "https://bendera.github.io/vscode-webview-elements",
   "dependencies": {
-    "lit": "^3.2.0"
+    "lit": "^3.2.1"
   },
   "devDependencies": {
+    "@bendera/wds-plugin-directory-index": "^0.3.0",
     "@custom-elements-manifest/analyzer": "^0.10.3",
     "@eslint/eslintrc": "^3.1.0",
-    "@eslint/js": "^9.11.1",
+    "@eslint/js": "^9.14.0",
     "@esm-bundle/chai": "^4.3.4-fix.0",
     "@open-wc/testing": "^4.0.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^6.0.1",
     "@rollup/plugin-terser": "^0.4.4",
     "@types/chai": "^4.3.19",
-    "@types/mocha": "^10.0.8",
-    "@types/node": "^22.6.1",
-    "@typescript-eslint/eslint-plugin": "^8.7.0",
-    "@typescript-eslint/parser": "^8.7.0",
-    "@vscode-elements/webview-playground": "^1.1.2",
+    "@types/mocha": "^10.0.9",
+    "@types/node": "^22.9.0",
+    "@typescript-eslint/eslint-plugin": "^8.13.0",
+    "@typescript-eslint/parser": "^8.13.0",
+    "@vscode-elements/webview-playground": "^1.2.2",
     "@vscode/codicons": "^0.0.36",
     "@web/dev-server": "^0.4.6",
-    "@web/dev-server-esbuild": "^1.0.2",
+    "@web/dev-server-esbuild": "^1.0.3",
     "@web/dev-server-legacy": "^2.1.1",
     "@web/dev-server-rollup": "^0.6.4",
     "@web/test-runner": "^0.19.0",
@@ -169,15 +170,15 @@
     "deepmerge": "^4.3.1",
     "dotenv": "^16.4.5",
     "lit-analyzer": "^2.0.3",
-    "mocha": "^10.7.3",
+    "mocha": "^10.8.2",
     "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
-    "rollup": "^4.22.4",
+    "rollup": "^4.24.4",
     "rollup-plugin-filesize": "^10.0.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "semver": "^7.6.3",
     "sinon": "^19.0.2",
-    "typescript": "^5.6.2",
+    "typescript": "^5.6.3",
     "wireit": "^0.14.9"
   }
 }

package/vscode.html-custom-data.json

@@ -382,19 +382,38 @@
     },
     {
       "name": "vscode-split-layout",
-      "description": "\n---\n\n\n### **CSS Properties:**\n - **--hover-border** - undefined _(default: var(--vscode-sash-hoverBorder))_",
+      "description": "\n---\n\n\n### **Methods:**\n - **resetHandlePosition()** - Sets the handle position to the value specified in the `initialHandlePosition` property.\n\n### **CSS Properties:**\n - **--hover-border** - undefined _(default: var(--vscode-sash-hoverBorder))_",
       "attributes": [
         {
           "name": "split",
-          "values": [{ "name": "horizontal" }, { "name": "vertical" }]
+          "description": "Direction of the divider.",
+          "values": [{ "name": "Orientation" }]
+        },
+        {
+          "name": "reset-on-dbl-click",
+          "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.",
+          "values": []
         },
-        { "name": "reset-on-dbl-click", "values": [] },
         {
           "name": "handle-size",
-          "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`.",
+          "values": []
+        },
+        {
+          "name": "initial-handle-position",
+          "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.",
+          "values": []
+        },
+        {
+          "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`.",
           "values": []
         },
-        { "name": "initial-handle-position", "values": [] }
+        {
+          "name": "fixed-pane",
+          "description": "The size of the fixed pane will not change when the component is resized.",
+          "values": [{ "name": "FixedPaneType" }]
+        }
       ],
       "references": []
     },
@@ -558,7 +577,7 @@
     },
     {
       "name": "vscode-textfield",
-      "description": "A simple inline textfield\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.\n---\n\n\n### **Events:**\n - **vsc-input**\n- **change**\n- **vsc-change**\n- **input**\n\n### **Slots:**\n - **content-before** - A slot before the editable area but inside of the component. It is used to place icons.\n- **content-after** - A slot after the editable area but inside of the component. It is used to place icons.\n\n### **CSS Properties:**\n - **--vscode-settings-textInputBackground** - undefined _(default: undefined)_\n- **--vscode-settings-textInputBorder** - undefined _(default: undefined)_\n- **--vscode-settings-textInputForeground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-input-placeholderForeground** - undefined _(default: undefined)_\n- **--vscode-button-background** - undefined _(default: undefined)_\n- **--vscode-button-foreground** - undefined _(default: undefined)_\n- **--vscode-button-hoverBackground** - undefined _(default: undefined)_",
+      "description": "A simple inline textfield\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.\n---\n\n\n### **Events:**\n - **vsc-input**\n- **change**\n- **vsc-change**\n- **input**\n\n### **Methods:**\n - **checkValidity(): _boolean_** - 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.\n\n### **Slots:**\n - **content-before** - A slot before the editable area but inside of the component. It is used to place icons.\n- **content-after** - A slot after the editable area but inside of the component. It is used to place icons.\n\n### **CSS Properties:**\n - **--vscode-settings-textInputBackground** - undefined _(default: undefined)_\n- **--vscode-settings-textInputBorder** - undefined _(default: undefined)_\n- **--vscode-settings-textInputForeground** - undefined _(default: undefined)_\n- **--vscode-focusBorder** - undefined _(default: undefined)_\n- **--vscode-font-family** - undefined _(default: undefined)_\n- **--vscode-font-size** - undefined _(default: undefined)_\n- **--vscode-font-weight** - undefined _(default: undefined)_\n- **--vscode-input-placeholderForeground** - undefined _(default: undefined)_\n- **--vscode-button-background** - undefined _(default: undefined)_\n- **--vscode-button-foreground** - undefined _(default: undefined)_\n- **--vscode-button-hoverBackground** - undefined _(default: undefined)_",
       "attributes": [
         {
           "name": "autocomplete",
@@ -568,14 +587,22 @@
         { "name": "default-value", "values": [] },
         { "name": "disabled", "values": [] },
         { "name": "focused", "values": [] },
-        { "name": "invalid", "values": [] },
+        {
+          "name": "invalid",
+          "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.",
+          "values": []
+        },
         { "name": "max", "values": [] },
         { "name": "maxLength", "values": [] },
         { "name": "min", "values": [] },
         { "name": "minLength", "values": [] },
         { "name": "multiple", "values": [] },
         { "name": "name", "values": [] },
-        { "name": "pattern", "values": [] },
+        {
+          "name": "pattern",
+          "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)",
+          "values": []
+        },
         { "name": "placeholder", "values": [] },
         { "name": "readonly", "values": [] },
         { "name": "required", "values": [] },