@vscode-elements/elements 2.3.1 → 2.3.2-pre.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/README.md +3 -1
  2. package/custom-elements.json +1301 -879
  3. package/dist/bundled.js +255 -73
  4. package/dist/includes/VscElement.js +1 -1
  5. package/dist/includes/VscElement.js.map +1 -1
  6. package/dist/includes/vscode-select/OptionListController.d.ts +1 -1
  7. package/dist/includes/vscode-select/OptionListController.d.ts.map +1 -1
  8. package/dist/includes/vscode-select/OptionListController.js +1 -1
  9. package/dist/includes/vscode-select/OptionListController.js.map +1 -1
  10. package/dist/includes/vscode-select/vscode-select-base.d.ts +2 -0
  11. package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
  12. package/dist/includes/vscode-select/vscode-select-base.js +9 -1
  13. package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
  14. package/dist/vscode-button/vscode-button.d.ts +5 -0
  15. package/dist/vscode-button/vscode-button.d.ts.map +1 -1
  16. package/dist/vscode-button/vscode-button.js +8 -0
  17. package/dist/vscode-button/vscode-button.js.map +1 -1
  18. package/dist/vscode-button/vscode-button.styles.d.ts.map +1 -1
  19. package/dist/vscode-button/vscode-button.styles.js +11 -0
  20. package/dist/vscode-button/vscode-button.styles.js.map +1 -1
  21. package/dist/vscode-collapsible/vscode-collapsible.d.ts +1 -0
  22. package/dist/vscode-collapsible/vscode-collapsible.d.ts.map +1 -1
  23. package/dist/vscode-collapsible/vscode-collapsible.js +4 -1
  24. package/dist/vscode-collapsible/vscode-collapsible.js.map +1 -1
  25. package/dist/vscode-collapsible/vscode-collapsible.styles.d.ts.map +1 -1
  26. package/dist/vscode-collapsible/vscode-collapsible.styles.js +4 -0
  27. package/dist/vscode-collapsible/vscode-collapsible.styles.js.map +1 -1
  28. package/dist/vscode-split-layout/vscode-split-layout.d.ts +18 -0
  29. package/dist/vscode-split-layout/vscode-split-layout.d.ts.map +1 -1
  30. package/dist/vscode-split-layout/vscode-split-layout.js +87 -14
  31. package/dist/vscode-split-layout/vscode-split-layout.js.map +1 -1
  32. package/dist/vscode-tree/tree-context.d.ts +1 -0
  33. package/dist/vscode-tree/tree-context.d.ts.map +1 -1
  34. package/dist/vscode-tree/tree-context.js.map +1 -1
  35. package/dist/vscode-tree/vscode-tree.d.ts +1 -1
  36. package/dist/vscode-tree/vscode-tree.d.ts.map +1 -1
  37. package/dist/vscode-tree/vscode-tree.js +4 -3
  38. package/dist/vscode-tree/vscode-tree.js.map +1 -1
  39. package/dist/vscode-tree/vscode-tree.styles.js +1 -1
  40. package/dist/vscode-tree/vscode-tree.styles.js.map +1 -1
  41. package/dist/vscode-tree-item/vscode-tree-item.d.ts +28 -1
  42. package/dist/vscode-tree-item/vscode-tree-item.d.ts.map +1 -1
  43. package/dist/vscode-tree-item/vscode-tree-item.js +257 -22
  44. package/dist/vscode-tree-item/vscode-tree-item.js.map +1 -1
  45. package/dist/vscode-tree-item/vscode-tree-item.styles.d.ts.map +1 -1
  46. package/dist/vscode-tree-item/vscode-tree-item.styles.js +147 -6
  47. package/dist/vscode-tree-item/vscode-tree-item.styles.js.map +1 -1
  48. package/package.json +12 -8
  49. package/vscode.css-custom-data.json +24 -24
  50. package/vscode.html-custom-data.json +69 -54
@@ -604,131 +604,6 @@
604
604
  }
605
605
  ]
606
606
  },
607
- {
608
- "kind": "javascript-module",
609
- "path": "src/vscode-badge/vscode-badge.styles.ts",
610
- "declarations": [
611
- {
612
- "kind": "variable",
613
- "name": "styles",
614
- "type": {
615
- "text": "CSSResultGroup"
616
- },
617
- "default": "[ defaultStyles, css` :host { display: inline-block; } .root { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) .root { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
618
- }
619
- ],
620
- "exports": [
621
- {
622
- "kind": "js",
623
- "name": "default",
624
- "declaration": {
625
- "name": "styles",
626
- "module": "src/vscode-badge/vscode-badge.styles.ts"
627
- }
628
- }
629
- ]
630
- },
631
- {
632
- "kind": "javascript-module",
633
- "path": "src/vscode-badge/vscode-badge.ts",
634
- "declarations": [
635
- {
636
- "kind": "class",
637
- "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
638
- "name": "VscodeBadge",
639
- "cssProperties": [
640
- {
641
- "description": "A sans-serif font type depends on the host OS.",
642
- "name": "--vscode-font-family",
643
- "default": "sans-serif"
644
- },
645
- {
646
- "name": "--vscode-contrastBorder",
647
- "default": "transparent"
648
- },
649
- {
650
- "description": "default and counter variant background color",
651
- "name": "--vscode-badge-background",
652
- "default": "#616161"
653
- },
654
- {
655
- "description": "default and counter variant foreground color",
656
- "name": "--vscode-badge-foreground",
657
- "default": "#f8f8f8"
658
- },
659
- {
660
- "description": "activity bar variant background color",
661
- "name": "--vscode-activityBarBadge-background",
662
- "default": "#0078d4"
663
- },
664
- {
665
- "description": "activity bar variant foreground color",
666
- "name": "--vscode-activityBarBadge-foreground",
667
- "default": "#ffffff"
668
- }
669
- ],
670
- "members": [
671
- {
672
- "kind": "field",
673
- "name": "variant",
674
- "type": {
675
- "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
676
- },
677
- "default": "'default'",
678
- "attribute": "variant",
679
- "reflects": true
680
- },
681
- {
682
- "kind": "field",
683
- "name": "version",
684
- "type": {
685
- "text": "string"
686
- },
687
- "description": "VSCode Elements version",
688
- "readonly": true,
689
- "inheritedFrom": {
690
- "name": "VscElement",
691
- "module": "src/includes/VscElement.ts"
692
- }
693
- }
694
- ],
695
- "attributes": [
696
- {
697
- "name": "variant",
698
- "type": {
699
- "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
700
- },
701
- "default": "'default'",
702
- "fieldName": "variant"
703
- }
704
- ],
705
- "superclass": {
706
- "name": "VscElement",
707
- "module": "/src/includes/VscElement.js"
708
- },
709
- "tagName": "vscode-badge",
710
- "customElement": true
711
- }
712
- ],
713
- "exports": [
714
- {
715
- "kind": "js",
716
- "name": "VscodeBadge",
717
- "declaration": {
718
- "name": "VscodeBadge",
719
- "module": "src/vscode-badge/vscode-badge.ts"
720
- }
721
- },
722
- {
723
- "kind": "custom-element-definition",
724
- "name": "vscode-badge",
725
- "declaration": {
726
- "name": "VscodeBadge",
727
- "module": "src/vscode-badge/vscode-badge.ts"
728
- }
729
- }
730
- ]
731
- },
732
607
  {
733
608
  "kind": "javascript-module",
734
609
  "path": "src/vscode-button/vscode-button.styles.ts",
@@ -739,7 +614,7 @@
739
614
  "type": {
740
615
  "text": "CSSResultGroup"
741
616
  },
742
- "default": "[ defaultStyles, css` :host { cursor: pointer; display: inline-block; width: auto; } .base { align-items: center; background-color: var(--vscode-button-background, #0078d4); border-bottom-left-radius: var(--vsc-border-left-radius, 2px); border-bottom-right-radius: var(--vsc-border-right-radius, 2px); border-bottom-width: 1px; border-color: var(--vscode-button-border, transparent); border-left-width: var(--vsc-border-left-width, 1px); border-right-width: var(--vsc-border-right-width, 1px); border-style: solid; border-top-left-radius: var(--vsc-border-left-radius, 2px); border-top-right-radius: var(--vsc-border-right-radius, 2px); border-top-width: 1px; box-sizing: border-box; color: var(--vscode-button-foreground, #ffffff); display: flex; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); height: 100%; justify-content: center; line-height: 22px; overflow: hidden; padding: 1px calc(13px + var(--vsc-base-additional-right-padding, 0px)) 1px 13px; position: relative; user-select: none; white-space: nowrap; width: 100%; } .base:after { background-color: var( --vscode-button-separator, rgba(255, 255, 255, 0.4) ); content: var(--vsc-base-after-content); display: var(--vsc-divider-display, none); position: absolute; right: 0; top: 4px; bottom: 4px; width: 1px; } :host([secondary]) .base:after { background-color: var(--vscode-button-secondaryForeground, #cccccc); opacity: 0.4; } :host([secondary]) .base { color: var(--vscode-button-secondaryForeground, #cccccc); background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07)) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) .base { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) .base { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) .base { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) .base { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) .base { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) .base { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) .base { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) .base { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(*:last-child) { margin-right: 0; } ::slotted(vscode-icon) { color: inherit; } .content { display: flex; position: relative; width: 100%; height: 100%; padding: 1px 13px; } :host(:empty) .base, .base.icon-only { min-height: 24px; min-width: 26px; padding: 1px 4px; } slot { align-items: center; display: flex; height: 100%; } .has-content-before slot[name='content-before'] { margin-right: 4px; } .has-content-after slot[name='content-after'] { margin-left: 4px; } .icon, .icon-after { color: inherit; display: block; } :host(:not(:empty)) .icon { margin-right: 3px; } :host(:not(:empty)) .icon-after, :host([icon]) .icon-after { margin-left: 3px; } `, ]"
617
+ "default": "[ defaultStyles, css` :host { cursor: pointer; display: inline-block; width: auto; } :host([block]) { display: block; width: 100%; } .base { align-items: center; background-color: var(--vscode-button-background, #0078d4); border-bottom-left-radius: var(--vsc-border-left-radius, 2px); border-bottom-right-radius: var(--vsc-border-right-radius, 2px); border-bottom-width: 1px; border-color: var(--vscode-button-border, transparent); border-left-width: var(--vsc-border-left-width, 1px); border-right-width: var(--vsc-border-right-width, 1px); border-style: solid; border-top-left-radius: var(--vsc-border-left-radius, 2px); border-top-right-radius: var(--vsc-border-right-radius, 2px); border-top-width: 1px; box-sizing: border-box; color: var(--vscode-button-foreground, #ffffff); display: flex; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); height: 100%; justify-content: center; line-height: 22px; overflow: hidden; padding: 1px calc(13px + var(--vsc-base-additional-right-padding, 0px)) 1px 13px; position: relative; user-select: none; white-space: nowrap; width: 100%; } :host([block]) .base { min-height: 28px; text-align: center; width: 100%; } .base:after { background-color: var( --vscode-button-separator, rgba(255, 255, 255, 0.4) ); content: var(--vsc-base-after-content); display: var(--vsc-divider-display, none); position: absolute; right: 0; top: 4px; bottom: 4px; width: 1px; } :host([secondary]) .base:after { background-color: var(--vscode-button-secondaryForeground, #cccccc); opacity: 0.4; } :host([secondary]) .base { color: var(--vscode-button-secondaryForeground, #cccccc); background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var( --vscode-button-border, var(--vscode-button-secondaryBackground, rgba(255, 255, 255, 0.07)) ); } :host([disabled]) { cursor: default; opacity: 0.4; pointer-events: none; } :host(:hover) .base { background-color: var(--vscode-button-hoverBackground, #026ec1); } :host([disabled]:hover) .base { background-color: var(--vscode-button-background, #0078d4); } :host([secondary]:hover) .base { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:hover) .base { background-color: var(--vscode-button-secondaryBackground, #313131); } :host(:focus), :host(:active) { outline: none; } :host(:focus) .base { background-color: var(--vscode-button-hoverBackground, #026ec1); outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: 2px; } :host([disabled]:focus) .base { background-color: var(--vscode-button-background, #0078d4); outline: 0; } :host([secondary]:focus) .base { background-color: var(--vscode-button-secondaryHoverBackground, #3c3c3c); } :host([secondary][disabled]:focus) .base { background-color: var(--vscode-button-secondaryBackground, #313131); } ::slotted(*) { display: inline-block; margin-left: 4px; margin-right: 4px; } ::slotted(*:first-child) { margin-left: 0; } ::slotted(*:last-child) { margin-right: 0; } ::slotted(vscode-icon) { color: inherit; } .content { display: flex; position: relative; width: 100%; height: 100%; padding: 1px 13px; } :host(:empty) .base, .base.icon-only { min-height: 24px; min-width: 26px; padding: 1px 4px; } slot { align-items: center; display: flex; height: 100%; } .has-content-before slot[name='content-before'] { margin-right: 4px; } .has-content-after slot[name='content-after'] { margin-left: 4px; } .icon, .icon-after { color: inherit; display: block; } :host(:not(:empty)) .icon { margin-right: 3px; } :host(:not(:empty)) .icon-after, :host([icon]) .icon-after { margin-left: 3px; } `, ]"
743
618
  }
744
619
  ],
745
620
  "exports": [
@@ -846,6 +721,17 @@
846
721
  "attribute": "secondary",
847
722
  "reflects": true
848
723
  },
724
+ {
725
+ "kind": "field",
726
+ "name": "block",
727
+ "type": {
728
+ "text": "boolean"
729
+ },
730
+ "default": "false",
731
+ "description": "Makes the button fill its container and use VS Code's block sizing,\nsimilar to the Source Control \"Commit\" action.",
732
+ "attribute": "block",
733
+ "reflects": true
734
+ },
849
735
  {
850
736
  "kind": "field",
851
737
  "name": "disabled",
@@ -1096,6 +982,15 @@
1096
982
  "description": "Button has a less prominent style.",
1097
983
  "fieldName": "secondary"
1098
984
  },
985
+ {
986
+ "name": "block",
987
+ "type": {
988
+ "text": "boolean"
989
+ },
990
+ "default": "false",
991
+ "description": "Makes the button fill its container and use VS Code's block sizing,\nsimilar to the Source Control \"Commit\" action.",
992
+ "fieldName": "block"
993
+ },
1099
994
  {
1100
995
  "name": "disabled",
1101
996
  "type": {
@@ -1226,7 +1121,7 @@
1226
1121
  },
1227
1122
  {
1228
1123
  "kind": "javascript-module",
1229
- "path": "src/vscode-button-group/vscode-button-group.styles.ts",
1124
+ "path": "src/vscode-badge/vscode-badge.styles.ts",
1230
1125
  "declarations": [
1231
1126
  {
1232
1127
  "kind": "variable",
@@ -1234,7 +1129,7 @@
1234
1129
  "type": {
1235
1130
  "text": "CSSResultGroup"
1236
1131
  },
1237
- "default": "[ defaultStyles, css` :host { display: inline-block; } .root { align-items: stretch; display: flex; width: 100%; } ::slotted(vscode-button:not(:first-child)) { --vsc-border-left-width: 0; --vsc-border-left-radius: 0; --vsc-border-left-width: 0; } ::slotted(vscode-button:not(:last-child)) { --vsc-divider-display: block; --vsc-base-additional-right-padding: 1px; --vsc-base-after-content: ''; --vsc-border-right-width: 0; --vsc-border-right-radius: 0; --vsc-border-right-width: 0; } ::slotted(vscode-button:focus) { z-index: 1; } ::slotted(vscode-button:not(:empty)) { width: 100%; } `, ]"
1132
+ "default": "[ defaultStyles, css` :host { display: inline-block; } .root { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) .root { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]"
1238
1133
  }
1239
1134
  ],
1240
1135
  "exports": [
@@ -1243,67 +1138,61 @@
1243
1138
  "name": "default",
1244
1139
  "declaration": {
1245
1140
  "name": "styles",
1246
- "module": "src/vscode-button-group/vscode-button-group.styles.ts"
1141
+ "module": "src/vscode-badge/vscode-badge.styles.ts"
1247
1142
  }
1248
1143
  }
1249
1144
  ]
1250
1145
  },
1251
1146
  {
1252
1147
  "kind": "javascript-module",
1253
- "path": "src/vscode-button-group/vscode-button-group.ts",
1148
+ "path": "src/vscode-badge/vscode-badge.ts",
1254
1149
  "declarations": [
1255
1150
  {
1256
1151
  "kind": "class",
1257
- "description": "Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.",
1258
- "name": "VscodeButtonGroup",
1152
+ "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.",
1153
+ "name": "VscodeBadge",
1259
1154
  "cssProperties": [
1260
- {
1261
- "name": "--vscode-button-background",
1262
- "default": "#0078d4"
1263
- },
1264
- {
1265
- "name": "--vscode-button-foreground",
1266
- "default": "#ffffff"
1267
- },
1268
- {
1269
- "name": "--vscode-button-border",
1270
- "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
1271
- },
1272
- {
1273
- "name": "--vscode-button-hoverBackground",
1274
- "default": "#026ec1"
1275
- },
1276
1155
  {
1277
1156
  "description": "A sans-serif font type depends on the host OS.",
1278
1157
  "name": "--vscode-font-family",
1279
1158
  "default": "sans-serif"
1280
1159
  },
1281
1160
  {
1282
- "name": "--vscode-font-size",
1283
- "default": "13px"
1284
- },
1285
- {
1286
- "name": "--vscode-font-weight",
1287
- "default": "normal"
1161
+ "name": "--vscode-contrastBorder",
1162
+ "default": "transparent"
1288
1163
  },
1289
1164
  {
1290
- "name": "--vscode-button-secondaryForeground",
1291
- "default": "#cccccc"
1165
+ "description": "default and counter variant background color",
1166
+ "name": "--vscode-badge-background",
1167
+ "default": "#616161"
1292
1168
  },
1293
1169
  {
1294
- "name": "--vscode-button-secondaryBackground",
1295
- "default": "#313131"
1170
+ "description": "default and counter variant foreground color",
1171
+ "name": "--vscode-badge-foreground",
1172
+ "default": "#f8f8f8"
1296
1173
  },
1297
1174
  {
1298
- "name": "--vscode-button-secondaryHoverBackground",
1299
- "default": "#3c3c3c"
1175
+ "description": "activity bar variant background color",
1176
+ "name": "--vscode-activityBarBadge-background",
1177
+ "default": "#0078d4"
1300
1178
  },
1301
1179
  {
1302
- "name": "--vscode-focusBorder",
1303
- "default": "#0078d4"
1180
+ "description": "activity bar variant foreground color",
1181
+ "name": "--vscode-activityBarBadge-foreground",
1182
+ "default": "#ffffff"
1304
1183
  }
1305
1184
  ],
1306
1185
  "members": [
1186
+ {
1187
+ "kind": "field",
1188
+ "name": "variant",
1189
+ "type": {
1190
+ "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
1191
+ },
1192
+ "default": "'default'",
1193
+ "attribute": "variant",
1194
+ "reflects": true
1195
+ },
1307
1196
  {
1308
1197
  "kind": "field",
1309
1198
  "name": "version",
@@ -1318,36 +1207,46 @@
1318
1207
  }
1319
1208
  }
1320
1209
  ],
1210
+ "attributes": [
1211
+ {
1212
+ "name": "variant",
1213
+ "type": {
1214
+ "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'"
1215
+ },
1216
+ "default": "'default'",
1217
+ "fieldName": "variant"
1218
+ }
1219
+ ],
1321
1220
  "superclass": {
1322
1221
  "name": "VscElement",
1323
1222
  "module": "/src/includes/VscElement.js"
1324
1223
  },
1325
- "tagName": "vscode-button-group",
1224
+ "tagName": "vscode-badge",
1326
1225
  "customElement": true
1327
1226
  }
1328
1227
  ],
1329
1228
  "exports": [
1330
1229
  {
1331
1230
  "kind": "js",
1332
- "name": "VscodeButtonGroup",
1231
+ "name": "VscodeBadge",
1333
1232
  "declaration": {
1334
- "name": "VscodeButtonGroup",
1335
- "module": "src/vscode-button-group/vscode-button-group.ts"
1233
+ "name": "VscodeBadge",
1234
+ "module": "src/vscode-badge/vscode-badge.ts"
1336
1235
  }
1337
1236
  },
1338
1237
  {
1339
1238
  "kind": "custom-element-definition",
1340
- "name": "vscode-button-group",
1239
+ "name": "vscode-badge",
1341
1240
  "declaration": {
1342
- "name": "VscodeButtonGroup",
1343
- "module": "src/vscode-button-group/vscode-button-group.ts"
1241
+ "name": "VscodeBadge",
1242
+ "module": "src/vscode-badge/vscode-badge.ts"
1344
1243
  }
1345
1244
  }
1346
1245
  ]
1347
1246
  },
1348
1247
  {
1349
1248
  "kind": "javascript-module",
1350
- "path": "src/vscode-checkbox/vscode-checkbox.styles.ts",
1249
+ "path": "src/vscode-button-group/vscode-button-group.styles.ts",
1351
1250
  "declarations": [
1352
1251
  {
1353
1252
  "kind": "variable",
@@ -1355,7 +1254,7 @@
1355
1254
  "type": {
1356
1255
  "text": "CSSResultGroup"
1357
1256
  },
1358
- "default": "[ defaultStyles, baseStyles, css` :host(:invalid) .icon, :host([invalid]) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); 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(--vscode-focusBorder, #0078d4); outline-offset: -1px; } /* Toggle appearance */ :host([toggle]) .icon { /* Track */ width: 36px; height: 20px; border-radius: 999px; background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var(--vscode-button-border, transparent); justify-content: flex-start; position: absolute; } :host(:focus):host([toggle]):host(:not([disabled])) .icon { outline-offset: 2px; } /* Reserve space for the wider toggle track so text doesn't overlap */ :host([toggle]) .label-inner { padding-left: 45px; /* 36px track + 9px spacing */ } :host([toggle]) .label { min-height: 20px; } :host([toggle]) .wrapper { min-height: 20px; line-height: 20px; } :host([toggle]) .thumb { /* Thumb */ box-sizing: border-box; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: var(--vscode-button-secondaryForeground, #cccccc); margin-left: 1px; transition: transform 120ms ease-in-out; } :host([toggle][checked]) .icon { background-color: var(--vscode-button-background, #04395e); border-color: var(--vscode-button-border, transparent); } :host([toggle][checked]) .thumb { transform: translateX(16px); background-color: var(--vscode-button-foreground, #ffffff); } :host([toggle]):host(:invalid) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([toggle]):host(:invalid) .thumb { background-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([toggle]) .check-icon, :host([toggle]) .indeterminate-icon { display: none; } :host([toggle]:focus):host(:not([disabled])) .icon { outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: -1px; } `, ]"
1257
+ "default": "[ defaultStyles, css` :host { display: inline-block; } .root { align-items: stretch; display: flex; width: 100%; } ::slotted(vscode-button:not(:first-child)) { --vsc-border-left-width: 0; --vsc-border-left-radius: 0; --vsc-border-left-width: 0; } ::slotted(vscode-button:not(:last-child)) { --vsc-divider-display: block; --vsc-base-additional-right-padding: 1px; --vsc-base-after-content: ''; --vsc-border-right-width: 0; --vsc-border-right-radius: 0; --vsc-border-right-width: 0; } ::slotted(vscode-button:focus) { z-index: 1; } ::slotted(vscode-button:not(:empty)) { width: 100%; } `, ]"
1359
1258
  }
1360
1259
  ],
1361
1260
  "exports": [
@@ -1364,36 +1263,157 @@
1364
1263
  "name": "default",
1365
1264
  "declaration": {
1366
1265
  "name": "styles",
1367
- "module": "src/vscode-checkbox/vscode-checkbox.styles.ts"
1266
+ "module": "src/vscode-button-group/vscode-button-group.styles.ts"
1368
1267
  }
1369
1268
  }
1370
1269
  ]
1371
1270
  },
1372
1271
  {
1373
1272
  "kind": "javascript-module",
1374
- "path": "src/vscode-checkbox/vscode-checkbox.ts",
1273
+ "path": "src/vscode-button-group/vscode-button-group.ts",
1375
1274
  "declarations": [
1376
1275
  {
1377
1276
  "kind": "class",
1378
- "description": "Allows users to select one or more options from a set. When participating in a form, it supports\nthe `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\nproperty.",
1379
- "name": "VscodeCheckbox",
1277
+ "description": "Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.",
1278
+ "name": "VscodeButtonGroup",
1380
1279
  "cssProperties": [
1381
1280
  {
1382
- "name": "--vscode-font-family",
1383
- "default": "sans-serif"
1281
+ "name": "--vscode-button-background",
1282
+ "default": "#0078d4"
1384
1283
  },
1385
1284
  {
1386
- "name": "--vscode-font-size",
1387
- "default": "13px"
1285
+ "name": "--vscode-button-foreground",
1286
+ "default": "#ffffff"
1388
1287
  },
1389
1288
  {
1390
- "name": "--vscode-font-weight",
1391
- "default": "normal"
1289
+ "name": "--vscode-button-border",
1290
+ "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))"
1392
1291
  },
1393
1292
  {
1394
- "name": "--vscode-foreground",
1395
- "default": "#cccccc"
1396
- },
1293
+ "name": "--vscode-button-hoverBackground",
1294
+ "default": "#026ec1"
1295
+ },
1296
+ {
1297
+ "description": "A sans-serif font type depends on the host OS.",
1298
+ "name": "--vscode-font-family",
1299
+ "default": "sans-serif"
1300
+ },
1301
+ {
1302
+ "name": "--vscode-font-size",
1303
+ "default": "13px"
1304
+ },
1305
+ {
1306
+ "name": "--vscode-font-weight",
1307
+ "default": "normal"
1308
+ },
1309
+ {
1310
+ "name": "--vscode-button-secondaryForeground",
1311
+ "default": "#cccccc"
1312
+ },
1313
+ {
1314
+ "name": "--vscode-button-secondaryBackground",
1315
+ "default": "#313131"
1316
+ },
1317
+ {
1318
+ "name": "--vscode-button-secondaryHoverBackground",
1319
+ "default": "#3c3c3c"
1320
+ },
1321
+ {
1322
+ "name": "--vscode-focusBorder",
1323
+ "default": "#0078d4"
1324
+ }
1325
+ ],
1326
+ "members": [
1327
+ {
1328
+ "kind": "field",
1329
+ "name": "version",
1330
+ "type": {
1331
+ "text": "string"
1332
+ },
1333
+ "description": "VSCode Elements version",
1334
+ "readonly": true,
1335
+ "inheritedFrom": {
1336
+ "name": "VscElement",
1337
+ "module": "src/includes/VscElement.ts"
1338
+ }
1339
+ }
1340
+ ],
1341
+ "superclass": {
1342
+ "name": "VscElement",
1343
+ "module": "/src/includes/VscElement.js"
1344
+ },
1345
+ "tagName": "vscode-button-group",
1346
+ "customElement": true
1347
+ }
1348
+ ],
1349
+ "exports": [
1350
+ {
1351
+ "kind": "js",
1352
+ "name": "VscodeButtonGroup",
1353
+ "declaration": {
1354
+ "name": "VscodeButtonGroup",
1355
+ "module": "src/vscode-button-group/vscode-button-group.ts"
1356
+ }
1357
+ },
1358
+ {
1359
+ "kind": "custom-element-definition",
1360
+ "name": "vscode-button-group",
1361
+ "declaration": {
1362
+ "name": "VscodeButtonGroup",
1363
+ "module": "src/vscode-button-group/vscode-button-group.ts"
1364
+ }
1365
+ }
1366
+ ]
1367
+ },
1368
+ {
1369
+ "kind": "javascript-module",
1370
+ "path": "src/vscode-checkbox/vscode-checkbox.styles.ts",
1371
+ "declarations": [
1372
+ {
1373
+ "kind": "variable",
1374
+ "name": "styles",
1375
+ "type": {
1376
+ "text": "CSSResultGroup"
1377
+ },
1378
+ "default": "[ defaultStyles, baseStyles, css` :host(:invalid) .icon, :host([invalid]) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); 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(--vscode-focusBorder, #0078d4); outline-offset: -1px; } /* Toggle appearance */ :host([toggle]) .icon { /* Track */ width: 36px; height: 20px; border-radius: 999px; background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var(--vscode-button-border, transparent); justify-content: flex-start; position: absolute; } :host(:focus):host([toggle]):host(:not([disabled])) .icon { outline-offset: 2px; } /* Reserve space for the wider toggle track so text doesn't overlap */ :host([toggle]) .label-inner { padding-left: 45px; /* 36px track + 9px spacing */ } :host([toggle]) .label { min-height: 20px; } :host([toggle]) .wrapper { min-height: 20px; line-height: 20px; } :host([toggle]) .thumb { /* Thumb */ box-sizing: border-box; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: var(--vscode-button-secondaryForeground, #cccccc); margin-left: 1px; transition: transform 120ms ease-in-out; } :host([toggle][checked]) .icon { background-color: var(--vscode-button-background, #04395e); border-color: var(--vscode-button-border, transparent); } :host([toggle][checked]) .thumb { transform: translateX(16px); background-color: var(--vscode-button-foreground, #ffffff); } :host([toggle]):host(:invalid) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([toggle]):host(:invalid) .thumb { background-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([toggle]) .check-icon, :host([toggle]) .indeterminate-icon { display: none; } :host([toggle]:focus):host(:not([disabled])) .icon { outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: -1px; } `, ]"
1379
+ }
1380
+ ],
1381
+ "exports": [
1382
+ {
1383
+ "kind": "js",
1384
+ "name": "default",
1385
+ "declaration": {
1386
+ "name": "styles",
1387
+ "module": "src/vscode-checkbox/vscode-checkbox.styles.ts"
1388
+ }
1389
+ }
1390
+ ]
1391
+ },
1392
+ {
1393
+ "kind": "javascript-module",
1394
+ "path": "src/vscode-checkbox/vscode-checkbox.ts",
1395
+ "declarations": [
1396
+ {
1397
+ "kind": "class",
1398
+ "description": "Allows users to select one or more options from a set. When participating in a form, it supports\nthe `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\nproperty.",
1399
+ "name": "VscodeCheckbox",
1400
+ "cssProperties": [
1401
+ {
1402
+ "name": "--vscode-font-family",
1403
+ "default": "sans-serif"
1404
+ },
1405
+ {
1406
+ "name": "--vscode-font-size",
1407
+ "default": "13px"
1408
+ },
1409
+ {
1410
+ "name": "--vscode-font-weight",
1411
+ "default": "normal"
1412
+ },
1413
+ {
1414
+ "name": "--vscode-foreground",
1415
+ "default": "#cccccc"
1416
+ },
1397
1417
  {
1398
1418
  "name": "--vscode-settings-checkboxBackground",
1399
1419
  "default": "#313131"
@@ -2006,7 +2026,7 @@
2006
2026
  },
2007
2027
  {
2008
2028
  "kind": "javascript-module",
2009
- "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
2029
+ "path": "src/vscode-collapsible/vscode-collapsible.styles.ts",
2010
2030
  "declarations": [
2011
2031
  {
2012
2032
  "kind": "variable",
@@ -2014,7 +2034,7 @@
2014
2034
  "type": {
2015
2035
  "text": "CSSResultGroup"
2016
2036
  },
2017
- "default": "[ defaultStyles, css` :host { display: block; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]"
2037
+ "default": "[ defaultStyles, css` :host { display: block; } .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); 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, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); 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, #cccccc); 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.always-visible, .collapsible.open:hover .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; } `, ]"
2018
2038
  }
2019
2039
  ],
2020
2040
  "exports": [
@@ -2023,128 +2043,398 @@
2023
2043
  "name": "default",
2024
2044
  "declaration": {
2025
2045
  "name": "styles",
2026
- "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
2046
+ "module": "src/vscode-collapsible/vscode-collapsible.styles.ts"
2027
2047
  }
2028
2048
  }
2029
2049
  ]
2030
2050
  },
2031
2051
  {
2032
2052
  "kind": "javascript-module",
2033
- "path": "src/vscode-context-menu/vscode-context-menu.ts",
2053
+ "path": "src/vscode-collapsible/vscode-collapsible.ts",
2034
2054
  "declarations": [
2035
2055
  {
2036
2056
  "kind": "class",
2037
- "description": "",
2038
- "name": "VscodeContextMenu",
2057
+ "description": "Allows users to reveal or hide related content on a page.",
2058
+ "name": "VscodeCollapsible",
2039
2059
  "cssProperties": [
2040
2060
  {
2041
- "name": "--vscode-font-family",
2042
- "default": "sans-serif"
2061
+ "description": "Background color",
2062
+ "name": "--vscode-sideBar-background",
2063
+ "default": "#181818"
2043
2064
  },
2044
2065
  {
2045
- "name": "--vscode-font-size",
2046
- "default": "13px"
2066
+ "description": "Focus border color",
2067
+ "name": "--vscode-focusBorder",
2068
+ "default": "#0078d4"
2047
2069
  },
2048
2070
  {
2049
- "name": "--vscode-font-weight",
2050
- "default": "normal"
2071
+ "description": "Header font family",
2072
+ "name": "--vscode-font-family",
2073
+ "default": "sans-serif"
2051
2074
  },
2052
2075
  {
2053
- "name": "--vscode-menu-background",
2054
- "default": "#1f1f1f"
2076
+ "description": "Header background",
2077
+ "name": "--vscode-sideBarSectionHeader-background",
2078
+ "default": "#181818"
2055
2079
  },
2056
2080
  {
2057
- "name": "--vscode-menu-border",
2058
- "default": "#454545"
2081
+ "description": "Arrow icon color",
2082
+ "name": "--vscode-icon-foreground",
2083
+ "default": "#cccccc"
2059
2084
  },
2060
2085
  {
2061
- "name": "--vscode-menu-foreground",
2086
+ "description": "Header font color",
2087
+ "name": "--vscode-sideBarTitle-foreground",
2062
2088
  "default": "#cccccc"
2063
- },
2089
+ }
2090
+ ],
2091
+ "cssParts": [
2064
2092
  {
2065
- "name": "--vscode-widget-shadow",
2066
- "default": "rgba(0, 0, 0, 0.36)"
2093
+ "description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.",
2094
+ "name": "body"
2067
2095
  }
2068
2096
  ],
2069
- "members": [
2097
+ "slots": [
2070
2098
  {
2071
- "kind": "field",
2072
- "name": "data",
2073
- "type": {
2074
- "text": "MenuItemData[]"
2075
- }
2099
+ "description": "Main content.",
2100
+ "name": ""
2101
+ },
2102
+ {
2103
+ "description": "You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.",
2104
+ "name": "actions"
2076
2105
  },
2106
+ {
2107
+ "description": "The elements placed in the decorations slot are always visible.",
2108
+ "name": "decorations"
2109
+ }
2110
+ ],
2111
+ "members": [
2077
2112
  {
2078
2113
  "kind": "field",
2079
- "name": "preventClose",
2114
+ "name": "alwaysShowHeaderActions",
2080
2115
  "type": {
2081
2116
  "text": "boolean"
2082
2117
  },
2083
2118
  "default": "false",
2084
- "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
2085
- "attribute": "prevent-close",
2119
+ "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
2120
+ "attribute": "always-show-header-actions",
2086
2121
  "reflects": true
2087
2122
  },
2088
2123
  {
2089
2124
  "kind": "field",
2090
- "name": "show",
2125
+ "name": "title",
2091
2126
  "type": {
2092
- "text": "boolean"
2127
+ "text": "string"
2093
2128
  },
2094
- "attribute": "show",
2095
- "reflects": true
2129
+ "default": "''",
2130
+ "description": "Component heading text",
2131
+ "deprecated": "The `title` is a global HTML attribute and will unintentionally trigger a native\ntooltip on the component. Use the `heading` property instead.",
2132
+ "attribute": "title"
2096
2133
  },
2097
2134
  {
2098
2135
  "kind": "field",
2099
- "name": "_selectedClickableItemIndex",
2136
+ "name": "heading",
2100
2137
  "type": {
2101
- "text": "number"
2138
+ "text": "string"
2102
2139
  },
2103
- "privacy": "private",
2104
- "default": "-1"
2140
+ "default": "''",
2141
+ "description": "Heading text.",
2142
+ "attribute": "heading"
2105
2143
  },
2106
2144
  {
2107
2145
  "kind": "field",
2108
- "name": "_show",
2146
+ "name": "description",
2109
2147
  "type": {
2110
- "text": "boolean"
2148
+ "text": "string"
2111
2149
  },
2112
- "privacy": "private",
2113
- "default": "false"
2150
+ "default": "''",
2151
+ "description": "Less prominent text in the header.",
2152
+ "attribute": "description"
2114
2153
  },
2115
2154
  {
2116
2155
  "kind": "field",
2117
- "name": "_wrapperEl",
2156
+ "name": "open",
2118
2157
  "type": {
2119
- "text": "HTMLDivElement"
2158
+ "text": "boolean"
2120
2159
  },
2121
- "privacy": "private"
2160
+ "default": "false",
2161
+ "attribute": "open",
2162
+ "reflects": true
2122
2163
  },
2123
2164
  {
2124
- "kind": "field",
2125
- "name": "_data",
2126
- "type": {
2127
- "text": "MenuItemData[]"
2128
- },
2129
- "privacy": "private",
2130
- "default": "[]"
2165
+ "kind": "method",
2166
+ "name": "_emitToggleEvent",
2167
+ "privacy": "private"
2131
2168
  },
2132
2169
  {
2133
- "kind": "field",
2134
- "name": "_clickableItemIndexes",
2135
- "type": {
2136
- "text": "number[]"
2137
- },
2138
- "privacy": "private",
2139
- "default": "[]"
2170
+ "kind": "method",
2171
+ "name": "_onHeaderClick",
2172
+ "privacy": "private"
2140
2173
  },
2141
2174
  {
2142
2175
  "kind": "method",
2143
- "name": "_onClickOutside",
2176
+ "name": "_onHeaderKeyDown",
2144
2177
  "privacy": "private",
2145
2178
  "parameters": [
2146
2179
  {
2147
- "name": "ev",
2180
+ "name": "event",
2181
+ "type": {
2182
+ "text": "KeyboardEvent"
2183
+ }
2184
+ }
2185
+ ]
2186
+ },
2187
+ {
2188
+ "kind": "method",
2189
+ "name": "_onActionClick",
2190
+ "privacy": "private",
2191
+ "parameters": [
2192
+ {
2193
+ "name": "event",
2194
+ "type": {
2195
+ "text": "PointerEvent"
2196
+ }
2197
+ }
2198
+ ]
2199
+ },
2200
+ {
2201
+ "kind": "field",
2202
+ "name": "version",
2203
+ "type": {
2204
+ "text": "string"
2205
+ },
2206
+ "description": "VSCode Elements version",
2207
+ "readonly": true,
2208
+ "inheritedFrom": {
2209
+ "name": "VscElement",
2210
+ "module": "src/includes/VscElement.ts"
2211
+ }
2212
+ }
2213
+ ],
2214
+ "events": [
2215
+ {
2216
+ "type": {
2217
+ "text": "VscCollapsibleToggleEvent"
2218
+ },
2219
+ "description": "Dispatched when the content visibility is changed.",
2220
+ "name": "vsc-collapsible-toggle"
2221
+ }
2222
+ ],
2223
+ "attributes": [
2224
+ {
2225
+ "name": "always-show-header-actions",
2226
+ "type": {
2227
+ "text": "boolean"
2228
+ },
2229
+ "default": "false",
2230
+ "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
2231
+ "fieldName": "alwaysShowHeaderActions"
2232
+ },
2233
+ {
2234
+ "name": "title",
2235
+ "type": {
2236
+ "text": "string"
2237
+ },
2238
+ "default": "''",
2239
+ "description": "Component heading text",
2240
+ "deprecated": "The `title` is a global HTML attribute and will unintentionally trigger a native\ntooltip on the component. Use the `heading` property instead.",
2241
+ "fieldName": "title"
2242
+ },
2243
+ {
2244
+ "name": "heading",
2245
+ "type": {
2246
+ "text": "string"
2247
+ },
2248
+ "default": "''",
2249
+ "description": "Heading text.",
2250
+ "fieldName": "heading"
2251
+ },
2252
+ {
2253
+ "name": "description",
2254
+ "type": {
2255
+ "text": "string"
2256
+ },
2257
+ "default": "''",
2258
+ "description": "Less prominent text in the header.",
2259
+ "fieldName": "description"
2260
+ },
2261
+ {
2262
+ "name": "open",
2263
+ "type": {
2264
+ "text": "boolean"
2265
+ },
2266
+ "default": "false",
2267
+ "fieldName": "open"
2268
+ }
2269
+ ],
2270
+ "superclass": {
2271
+ "name": "VscElement",
2272
+ "module": "/src/includes/VscElement.js"
2273
+ },
2274
+ "tagName": "vscode-collapsible",
2275
+ "customElement": true
2276
+ }
2277
+ ],
2278
+ "exports": [
2279
+ {
2280
+ "kind": "js",
2281
+ "name": "VscodeCollapsible",
2282
+ "declaration": {
2283
+ "name": "VscodeCollapsible",
2284
+ "module": "src/vscode-collapsible/vscode-collapsible.ts"
2285
+ }
2286
+ },
2287
+ {
2288
+ "kind": "custom-element-definition",
2289
+ "name": "vscode-collapsible",
2290
+ "declaration": {
2291
+ "name": "VscodeCollapsible",
2292
+ "module": "src/vscode-collapsible/vscode-collapsible.ts"
2293
+ }
2294
+ }
2295
+ ]
2296
+ },
2297
+ {
2298
+ "kind": "javascript-module",
2299
+ "path": "src/vscode-context-menu/vscode-context-menu.styles.ts",
2300
+ "declarations": [
2301
+ {
2302
+ "kind": "variable",
2303
+ "name": "styles",
2304
+ "type": {
2305
+ "text": "CSSResultGroup"
2306
+ },
2307
+ "default": "[ defaultStyles, css` :host { display: block; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]"
2308
+ }
2309
+ ],
2310
+ "exports": [
2311
+ {
2312
+ "kind": "js",
2313
+ "name": "default",
2314
+ "declaration": {
2315
+ "name": "styles",
2316
+ "module": "src/vscode-context-menu/vscode-context-menu.styles.ts"
2317
+ }
2318
+ }
2319
+ ]
2320
+ },
2321
+ {
2322
+ "kind": "javascript-module",
2323
+ "path": "src/vscode-context-menu/vscode-context-menu.ts",
2324
+ "declarations": [
2325
+ {
2326
+ "kind": "class",
2327
+ "description": "",
2328
+ "name": "VscodeContextMenu",
2329
+ "cssProperties": [
2330
+ {
2331
+ "name": "--vscode-font-family",
2332
+ "default": "sans-serif"
2333
+ },
2334
+ {
2335
+ "name": "--vscode-font-size",
2336
+ "default": "13px"
2337
+ },
2338
+ {
2339
+ "name": "--vscode-font-weight",
2340
+ "default": "normal"
2341
+ },
2342
+ {
2343
+ "name": "--vscode-menu-background",
2344
+ "default": "#1f1f1f"
2345
+ },
2346
+ {
2347
+ "name": "--vscode-menu-border",
2348
+ "default": "#454545"
2349
+ },
2350
+ {
2351
+ "name": "--vscode-menu-foreground",
2352
+ "default": "#cccccc"
2353
+ },
2354
+ {
2355
+ "name": "--vscode-widget-shadow",
2356
+ "default": "rgba(0, 0, 0, 0.36)"
2357
+ }
2358
+ ],
2359
+ "members": [
2360
+ {
2361
+ "kind": "field",
2362
+ "name": "data",
2363
+ "type": {
2364
+ "text": "MenuItemData[]"
2365
+ }
2366
+ },
2367
+ {
2368
+ "kind": "field",
2369
+ "name": "preventClose",
2370
+ "type": {
2371
+ "text": "boolean"
2372
+ },
2373
+ "default": "false",
2374
+ "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.",
2375
+ "attribute": "prevent-close",
2376
+ "reflects": true
2377
+ },
2378
+ {
2379
+ "kind": "field",
2380
+ "name": "show",
2381
+ "type": {
2382
+ "text": "boolean"
2383
+ },
2384
+ "attribute": "show",
2385
+ "reflects": true
2386
+ },
2387
+ {
2388
+ "kind": "field",
2389
+ "name": "_selectedClickableItemIndex",
2390
+ "type": {
2391
+ "text": "number"
2392
+ },
2393
+ "privacy": "private",
2394
+ "default": "-1"
2395
+ },
2396
+ {
2397
+ "kind": "field",
2398
+ "name": "_show",
2399
+ "type": {
2400
+ "text": "boolean"
2401
+ },
2402
+ "privacy": "private",
2403
+ "default": "false"
2404
+ },
2405
+ {
2406
+ "kind": "field",
2407
+ "name": "_wrapperEl",
2408
+ "type": {
2409
+ "text": "HTMLDivElement"
2410
+ },
2411
+ "privacy": "private"
2412
+ },
2413
+ {
2414
+ "kind": "field",
2415
+ "name": "_data",
2416
+ "type": {
2417
+ "text": "MenuItemData[]"
2418
+ },
2419
+ "privacy": "private",
2420
+ "default": "[]"
2421
+ },
2422
+ {
2423
+ "kind": "field",
2424
+ "name": "_clickableItemIndexes",
2425
+ "type": {
2426
+ "text": "number[]"
2427
+ },
2428
+ "privacy": "private",
2429
+ "default": "[]"
2430
+ },
2431
+ {
2432
+ "kind": "method",
2433
+ "name": "_onClickOutside",
2434
+ "privacy": "private",
2435
+ "parameters": [
2436
+ {
2437
+ "name": "ev",
2148
2438
  "type": {
2149
2439
  "text": "MouseEvent"
2150
2440
  }
@@ -2303,7 +2593,7 @@
2303
2593
  },
2304
2594
  {
2305
2595
  "kind": "javascript-module",
2306
- "path": "src/vscode-collapsible/vscode-collapsible.styles.ts",
2596
+ "path": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts",
2307
2597
  "declarations": [
2308
2598
  {
2309
2599
  "kind": "variable",
@@ -2311,7 +2601,7 @@
2311
2601
  "type": {
2312
2602
  "text": "CSSResultGroup"
2313
2603
  },
2314
- "default": "[ defaultStyles, css` .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); 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, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); 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, #cccccc); 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.always-visible, .collapsible.open:hover .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; } `, ]"
2604
+ "default": "[ defaultStyles, css` :host { display: block; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background, #1f1f1f); color: var(--vscode-menu-foreground, #cccccc); display: flex; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground, #454545); 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, #cccccc); cursor: pointer; 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, #0078d4); border-color: var(--vscode-menu-selectionBorder, transparent); color: var(--vscode-menu-selectionForeground, #ffffff); } .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; } `, ]"
2315
2605
  }
2316
2606
  ],
2317
2607
  "exports": [
@@ -2320,147 +2610,109 @@
2320
2610
  "name": "default",
2321
2611
  "declaration": {
2322
2612
  "name": "styles",
2323
- "module": "src/vscode-collapsible/vscode-collapsible.styles.ts"
2613
+ "module": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts"
2324
2614
  }
2325
2615
  }
2326
2616
  ]
2327
2617
  },
2328
2618
  {
2329
2619
  "kind": "javascript-module",
2330
- "path": "src/vscode-collapsible/vscode-collapsible.ts",
2620
+ "path": "src/vscode-context-menu-item/vscode-context-menu-item.ts",
2331
2621
  "declarations": [
2332
2622
  {
2333
2623
  "kind": "class",
2334
- "description": "Allows users to reveal or hide related content on a page.",
2335
- "name": "VscodeCollapsible",
2624
+ "description": "",
2625
+ "name": "VscodeContextMenuItem",
2336
2626
  "cssProperties": [
2337
2627
  {
2338
- "description": "Background color",
2339
- "name": "--vscode-sideBar-background",
2340
- "default": "#181818"
2628
+ "name": "--vscode-font-family",
2629
+ "default": "sans-serif"
2341
2630
  },
2342
2631
  {
2343
- "description": "Focus border color",
2344
- "name": "--vscode-focusBorder",
2345
- "default": "#0078d4"
2632
+ "name": "--vscode-font-size",
2633
+ "default": "13px"
2346
2634
  },
2347
2635
  {
2348
- "description": "Header font family",
2349
- "name": "--vscode-font-family",
2350
- "default": "sans-serif"
2636
+ "name": "--vscode-font-weight",
2637
+ "default": "normal"
2351
2638
  },
2352
2639
  {
2353
- "description": "Header background",
2354
- "name": "--vscode-sideBarSectionHeader-background",
2355
- "default": "#181818"
2640
+ "name": "--vscode-menu-background",
2641
+ "default": "#1f1f1f"
2356
2642
  },
2357
2643
  {
2358
- "description": "Arrow icon color",
2359
- "name": "--vscode-icon-foreground",
2360
- "default": "#cccccc"
2644
+ "name": "--vscode-menu-selectionBorder",
2645
+ "default": "transparent"
2361
2646
  },
2362
2647
  {
2363
- "description": "Header font color",
2364
- "name": "--vscode-sideBarTitle-foreground",
2648
+ "name": "--vscode-menu-foreground",
2365
2649
  "default": "#cccccc"
2366
- }
2367
- ],
2368
- "cssParts": [
2369
- {
2370
- "description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.",
2371
- "name": "body"
2372
- }
2373
- ],
2374
- "slots": [
2650
+ },
2375
2651
  {
2376
- "description": "Main content.",
2377
- "name": ""
2652
+ "name": "--vscode-menu-selectionBackground",
2653
+ "default": "#0078d4"
2378
2654
  },
2379
2655
  {
2380
- "description": "You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.",
2381
- "name": "actions"
2656
+ "name": "--vscode-menu-selectionForeground",
2657
+ "default": "#ffffff"
2382
2658
  },
2383
2659
  {
2384
- "description": "The elements placed in the decorations slot are always visible.",
2385
- "name": "decorations"
2660
+ "name": "--vscode-menu-separatorBackground",
2661
+ "default": "#454545"
2386
2662
  }
2387
2663
  ],
2388
2664
  "members": [
2389
2665
  {
2390
2666
  "kind": "field",
2391
- "name": "alwaysShowHeaderActions",
2392
- "type": {
2393
- "text": "boolean"
2394
- },
2395
- "default": "false",
2396
- "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
2397
- "attribute": "always-show-header-actions",
2398
- "reflects": true
2399
- },
2400
- {
2401
- "kind": "field",
2402
- "name": "title",
2667
+ "name": "label",
2403
2668
  "type": {
2404
2669
  "text": "string"
2405
2670
  },
2406
2671
  "default": "''",
2407
- "description": "Component heading text",
2408
- "deprecated": "The `title` is a global HTML attribute and will unintentionally trigger a native\ntooltip on the component. Use the `heading` property instead.",
2409
- "attribute": "title"
2672
+ "attribute": "label"
2410
2673
  },
2411
2674
  {
2412
2675
  "kind": "field",
2413
- "name": "heading",
2676
+ "name": "keybinding",
2414
2677
  "type": {
2415
2678
  "text": "string"
2416
2679
  },
2417
2680
  "default": "''",
2418
- "description": "Heading text.",
2419
- "attribute": "heading"
2681
+ "attribute": "keybinding"
2420
2682
  },
2421
2683
  {
2422
2684
  "kind": "field",
2423
- "name": "description",
2685
+ "name": "value",
2424
2686
  "type": {
2425
2687
  "text": "string"
2426
2688
  },
2427
2689
  "default": "''",
2428
- "description": "Less prominent text in the header.",
2429
- "attribute": "description"
2690
+ "attribute": "value"
2430
2691
  },
2431
2692
  {
2432
2693
  "kind": "field",
2433
- "name": "open",
2694
+ "name": "separator",
2434
2695
  "type": {
2435
2696
  "text": "boolean"
2436
2697
  },
2437
2698
  "default": "false",
2438
- "attribute": "open",
2699
+ "attribute": "separator",
2439
2700
  "reflects": true
2440
2701
  },
2441
2702
  {
2442
- "kind": "method",
2443
- "name": "_emitToggleEvent",
2444
- "privacy": "private"
2703
+ "kind": "field",
2704
+ "name": "tabindex",
2705
+ "type": {
2706
+ "text": "number"
2707
+ },
2708
+ "default": "0",
2709
+ "attribute": "tabindex"
2445
2710
  },
2446
2711
  {
2447
2712
  "kind": "method",
2448
- "name": "_onHeaderClick",
2713
+ "name": "onItemClick",
2449
2714
  "privacy": "private"
2450
2715
  },
2451
- {
2452
- "kind": "method",
2453
- "name": "_onHeaderKeyDown",
2454
- "privacy": "private",
2455
- "parameters": [
2456
- {
2457
- "name": "event",
2458
- "type": {
2459
- "text": "KeyboardEvent"
2460
- }
2461
- }
2462
- ]
2463
- },
2464
2716
  {
2465
2717
  "kind": "field",
2466
2718
  "name": "version",
@@ -2475,85 +2727,71 @@
2475
2727
  }
2476
2728
  }
2477
2729
  ],
2478
- "events": [
2479
- {
2480
- "type": {
2481
- "text": "VscCollapsibleToggleEvent"
2482
- },
2483
- "description": "Dispatched when the content visibility is changed.",
2484
- "name": "vsc-collapsible-toggle"
2485
- }
2486
- ],
2487
2730
  "attributes": [
2488
2731
  {
2489
- "name": "always-show-header-actions",
2490
- "type": {
2491
- "text": "boolean"
2492
- },
2493
- "default": "false",
2494
- "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.",
2495
- "fieldName": "alwaysShowHeaderActions"
2496
- },
2497
- {
2498
- "name": "title",
2732
+ "name": "label",
2499
2733
  "type": {
2500
2734
  "text": "string"
2501
2735
  },
2502
2736
  "default": "''",
2503
- "description": "Component heading text",
2504
- "deprecated": "The `title` is a global HTML attribute and will unintentionally trigger a native\ntooltip on the component. Use the `heading` property instead.",
2505
- "fieldName": "title"
2737
+ "fieldName": "label"
2506
2738
  },
2507
2739
  {
2508
- "name": "heading",
2740
+ "name": "keybinding",
2509
2741
  "type": {
2510
2742
  "text": "string"
2511
2743
  },
2512
2744
  "default": "''",
2513
- "description": "Heading text.",
2514
- "fieldName": "heading"
2745
+ "fieldName": "keybinding"
2515
2746
  },
2516
2747
  {
2517
- "name": "description",
2748
+ "name": "value",
2518
2749
  "type": {
2519
2750
  "text": "string"
2520
2751
  },
2521
2752
  "default": "''",
2522
- "description": "Less prominent text in the header.",
2523
- "fieldName": "description"
2753
+ "fieldName": "value"
2524
2754
  },
2525
2755
  {
2526
- "name": "open",
2756
+ "name": "separator",
2527
2757
  "type": {
2528
2758
  "text": "boolean"
2529
2759
  },
2530
2760
  "default": "false",
2531
- "fieldName": "open"
2761
+ "fieldName": "separator"
2762
+ },
2763
+ {
2764
+ "name": "tabindex",
2765
+ "type": {
2766
+ "text": "number"
2767
+ },
2768
+ "default": "0",
2769
+ "fieldName": "tabindex"
2532
2770
  }
2533
2771
  ],
2534
2772
  "superclass": {
2535
2773
  "name": "VscElement",
2536
2774
  "module": "/src/includes/VscElement.js"
2537
2775
  },
2538
- "tagName": "vscode-collapsible",
2776
+ "tagName": "vscode-context-menu-item",
2539
2777
  "customElement": true
2540
2778
  }
2541
2779
  ],
2542
2780
  "exports": [
2543
2781
  {
2544
2782
  "kind": "js",
2545
- "name": "VscodeCollapsible",
2783
+ "name": "VscodeContextMenuItem",
2546
2784
  "declaration": {
2547
- "name": "VscodeCollapsible",
2548
- "module": "src/vscode-collapsible/vscode-collapsible.ts"
2785
+ "name": "VscodeContextMenuItem",
2786
+ "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
2549
2787
  }
2550
2788
  },
2551
2789
  {
2552
2790
  "kind": "custom-element-definition",
2553
- "name": "vscode-collapsible",
2791
+ "name": "vscode-context-menu-item",
2554
2792
  "declaration": {
2555
- "name": "VscodeCollapsible",
2556
- "module": "src/vscode-collapsible/vscode-collapsible.ts"
2793
+ "name": "VscodeContextMenuItem",
2794
+ "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
2557
2795
  }
2558
2796
  }
2559
2797
  ]
@@ -2660,7 +2898,7 @@
2660
2898
  },
2661
2899
  {
2662
2900
  "kind": "javascript-module",
2663
- "path": "src/vscode-form-container/vscode-form-container.styles.ts",
2901
+ "path": "src/vscode-form-group/vscode-form-group.styles.ts",
2664
2902
  "declarations": [
2665
2903
  {
2666
2904
  "kind": "variable",
@@ -2668,7 +2906,7 @@
2668
2906
  "type": {
2669
2907
  "text": "CSSResultGroup"
2670
2908
  },
2671
- "default": "[ defaultStyles, css` :host { display: block; max-width: 727px; } `, ]"
2909
+ "default": "[ defaultStyles, css` :host { --label-right-margin: 14px; --label-width: 150px; display: block; margin: 15px 0; } :host([variant='settings-group']) { margin: 0; padding: 12px 14px 18px; max-width: 727px; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper, :host([variant='settings-group']) .wrapper { display: block; } :host([variant='horizontal']) ::slotted(vscode-checkbox-group), :host([variant='horizontal']) ::slotted(vscode-radio-group) { width: calc(100% - calc(var(--label-width) + var(--label-right-margin))); } :host([variant='horizontal']) ::slotted(vscode-label) { margin-right: var(--label-right-margin); text-align: right; width: var(--label-width); } :host([variant='settings-group']) ::slotted(vscode-label) { height: 18px; line-height: 18px; margin-bottom: 4px; margin-right: 0; padding: 0; } ::slotted(vscode-form-helper) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-form-helper), :host([variant='settings-group']) ::slotted(vscode-form-helper) { display: block; margin-left: 0; } :host([variant='settings-group']) ::slotted(vscode-form-helper) { margin-bottom: 0; margin-top: 0; } :host([variant='vertical']) ::slotted(vscode-label), :host([variant='settings-group']) ::slotted(vscode-label) { display: block; margin-left: 0; text-align: left; } :host([variant='settings-group']) ::slotted(vscode-inputbox), :host([variant='settings-group']) ::slotted(vscode-textfield), :host([variant='settings-group']) ::slotted(vscode-textarea), :host([variant='settings-group']) ::slotted(vscode-single-select), :host([variant='settings-group']) ::slotted(vscode-multi-select) { margin-top: 9px; } ::slotted(vscode-button:first-child) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-button) { margin-left: 0; } ::slotted(vscode-button) { margin-right: 4px; } `, ]"
2672
2910
  }
2673
2911
  ],
2674
2912
  "exports": [
@@ -2677,190 +2915,96 @@
2677
2915
  "name": "default",
2678
2916
  "declaration": {
2679
2917
  "name": "styles",
2680
- "module": "src/vscode-form-container/vscode-form-container.styles.ts"
2918
+ "module": "src/vscode-form-group/vscode-form-group.styles.ts"
2681
2919
  }
2682
2920
  }
2683
2921
  ]
2684
2922
  },
2685
2923
  {
2686
2924
  "kind": "javascript-module",
2687
- "path": "src/vscode-form-container/vscode-form-container.ts",
2925
+ "path": "src/vscode-form-group/vscode-form-group.ts",
2688
2926
  "declarations": [
2689
2927
  {
2690
2928
  "kind": "class",
2691
2929
  "description": "",
2692
- "name": "VscodeFormContainer",
2693
- "members": [
2694
- {
2695
- "kind": "field",
2696
- "name": "responsive",
2697
- "type": {
2698
- "text": "boolean"
2699
- },
2700
- "attribute": "responsive",
2701
- "reflects": true
2702
- },
2930
+ "name": "VscodeFormGroup",
2931
+ "cssProperties": [
2703
2932
  {
2704
- "kind": "field",
2705
- "name": "breakpoint",
2706
- "type": {
2707
- "text": "number"
2708
- },
2709
- "default": "490",
2710
- "attribute": "breakpoint"
2933
+ "description": "The width of the label in horizontal mode",
2934
+ "name": "--label-width",
2935
+ "default": "150px"
2711
2936
  },
2712
2937
  {
2713
- "kind": "field",
2714
- "name": "_resizeObserver",
2715
- "type": {
2716
- "text": "ResizeObserver | null"
2717
- },
2718
- "privacy": "private"
2719
- },
2938
+ "description": "The right margin of the label in horizontal mode",
2939
+ "name": "--label-right-margin",
2940
+ "default": "14px"
2941
+ }
2942
+ ],
2943
+ "members": [
2720
2944
  {
2721
2945
  "kind": "field",
2722
- "name": "_wrapperElement",
2946
+ "name": "variant",
2723
2947
  "type": {
2724
- "text": "Element"
2948
+ "text": "FormGroupVariant"
2725
2949
  },
2726
- "privacy": "private"
2950
+ "default": "'horizontal'",
2951
+ "attribute": "variant",
2952
+ "reflects": true
2727
2953
  },
2728
2954
  {
2729
2955
  "kind": "field",
2730
- "name": "_assignedFormGroups",
2956
+ "name": "version",
2731
2957
  "type": {
2732
- "text": "VscodeFormGroup[]"
2958
+ "text": "string"
2733
2959
  },
2734
- "privacy": "private"
2735
- },
2960
+ "description": "VSCode Elements version",
2961
+ "readonly": true,
2962
+ "inheritedFrom": {
2963
+ "name": "VscElement",
2964
+ "module": "src/includes/VscElement.ts"
2965
+ }
2966
+ }
2967
+ ],
2968
+ "attributes": [
2736
2969
  {
2737
- "kind": "field",
2738
- "name": "_responsive",
2970
+ "name": "variant",
2739
2971
  "type": {
2740
- "text": "boolean"
2972
+ "text": "FormGroupVariant"
2741
2973
  },
2742
- "privacy": "private",
2743
- "default": "false"
2744
- },
2745
- {
2746
- "kind": "field",
2747
- "name": "_firstUpdateComplete",
2748
- "type": {
2749
- "text": "boolean"
2750
- },
2751
- "privacy": "private",
2752
- "default": "false"
2753
- },
2754
- {
2755
- "kind": "field",
2756
- "name": "_currentFormGroupLayout",
2757
- "type": {
2758
- "text": "FormGroupLayout"
2759
- },
2760
- "privacy": "private"
2761
- },
2762
- {
2763
- "kind": "method",
2764
- "name": "_toggleCompactLayout",
2765
- "privacy": "private",
2766
- "parameters": [
2767
- {
2768
- "name": "layout",
2769
- "type": {
2770
- "text": "FormGroupLayout"
2771
- }
2772
- }
2773
- ]
2774
- },
2775
- {
2776
- "kind": "method",
2777
- "name": "_resizeObserverCallback",
2778
- "privacy": "private",
2779
- "parameters": [
2780
- {
2781
- "name": "entries",
2782
- "type": {
2783
- "text": "ResizeObserverEntry[]"
2784
- }
2785
- }
2786
- ]
2787
- },
2788
- {
2789
- "kind": "field",
2790
- "name": "_resizeObserverCallbackBound",
2791
- "privacy": "private"
2792
- },
2793
- {
2794
- "kind": "method",
2795
- "name": "_activateResponsiveLayout",
2796
- "privacy": "private"
2797
- },
2798
- {
2799
- "kind": "method",
2800
- "name": "_deactivateResizeObserver",
2801
- "privacy": "private"
2802
- },
2803
- {
2804
- "kind": "field",
2805
- "name": "version",
2806
- "type": {
2807
- "text": "string"
2808
- },
2809
- "description": "VSCode Elements version",
2810
- "readonly": true,
2811
- "inheritedFrom": {
2812
- "name": "VscElement",
2813
- "module": "src/includes/VscElement.ts"
2814
- }
2815
- }
2816
- ],
2817
- "attributes": [
2818
- {
2819
- "name": "responsive",
2820
- "type": {
2821
- "text": "boolean"
2822
- },
2823
- "fieldName": "responsive"
2824
- },
2825
- {
2826
- "name": "breakpoint",
2827
- "type": {
2828
- "text": "number"
2829
- },
2830
- "default": "490",
2831
- "fieldName": "breakpoint"
2974
+ "default": "'horizontal'",
2975
+ "fieldName": "variant"
2832
2976
  }
2833
2977
  ],
2834
2978
  "superclass": {
2835
2979
  "name": "VscElement",
2836
2980
  "module": "/src/includes/VscElement.js"
2837
2981
  },
2838
- "tagName": "vscode-form-container",
2982
+ "tagName": "vscode-form-group",
2839
2983
  "customElement": true
2840
2984
  }
2841
2985
  ],
2842
2986
  "exports": [
2843
2987
  {
2844
2988
  "kind": "js",
2845
- "name": "VscodeFormContainer",
2989
+ "name": "VscodeFormGroup",
2846
2990
  "declaration": {
2847
- "name": "VscodeFormContainer",
2848
- "module": "src/vscode-form-container/vscode-form-container.ts"
2991
+ "name": "VscodeFormGroup",
2992
+ "module": "src/vscode-form-group/vscode-form-group.ts"
2849
2993
  }
2850
2994
  },
2851
2995
  {
2852
2996
  "kind": "custom-element-definition",
2853
- "name": "vscode-form-container",
2997
+ "name": "vscode-form-group",
2854
2998
  "declaration": {
2855
- "name": "VscodeFormContainer",
2856
- "module": "src/vscode-form-container/vscode-form-container.ts"
2999
+ "name": "VscodeFormGroup",
3000
+ "module": "src/vscode-form-group/vscode-form-group.ts"
2857
3001
  }
2858
3002
  }
2859
3003
  ]
2860
3004
  },
2861
3005
  {
2862
3006
  "kind": "javascript-module",
2863
- "path": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts",
3007
+ "path": "src/vscode-form-container/vscode-form-container.styles.ts",
2864
3008
  "declarations": [
2865
3009
  {
2866
3010
  "kind": "variable",
@@ -2868,7 +3012,7 @@
2868
3012
  "type": {
2869
3013
  "text": "CSSResultGroup"
2870
3014
  },
2871
- "default": "[ defaultStyles, css` :host { display: block; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background, #1f1f1f); color: var(--vscode-menu-foreground, #cccccc); display: flex; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground, #454545); 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, #cccccc); cursor: pointer; 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, #0078d4); border-color: var(--vscode-menu-selectionBorder, transparent); color: var(--vscode-menu-selectionForeground, #ffffff); } .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; } `, ]"
3015
+ "default": "[ defaultStyles, css` :host { display: block; max-width: 727px; } `, ]"
2872
3016
  }
2873
3017
  ],
2874
3018
  "exports": [
@@ -2877,246 +3021,128 @@
2877
3021
  "name": "default",
2878
3022
  "declaration": {
2879
3023
  "name": "styles",
2880
- "module": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts"
3024
+ "module": "src/vscode-form-container/vscode-form-container.styles.ts"
2881
3025
  }
2882
3026
  }
2883
3027
  ]
2884
3028
  },
2885
3029
  {
2886
3030
  "kind": "javascript-module",
2887
- "path": "src/vscode-context-menu-item/vscode-context-menu-item.ts",
3031
+ "path": "src/vscode-form-container/vscode-form-container.ts",
2888
3032
  "declarations": [
2889
3033
  {
2890
3034
  "kind": "class",
2891
3035
  "description": "",
2892
- "name": "VscodeContextMenuItem",
2893
- "cssProperties": [
2894
- {
2895
- "name": "--vscode-font-family",
2896
- "default": "sans-serif"
2897
- },
2898
- {
2899
- "name": "--vscode-font-size",
2900
- "default": "13px"
2901
- },
2902
- {
2903
- "name": "--vscode-font-weight",
2904
- "default": "normal"
2905
- },
2906
- {
2907
- "name": "--vscode-menu-background",
2908
- "default": "#1f1f1f"
2909
- },
2910
- {
2911
- "name": "--vscode-menu-selectionBorder",
2912
- "default": "transparent"
2913
- },
2914
- {
2915
- "name": "--vscode-menu-foreground",
2916
- "default": "#cccccc"
2917
- },
2918
- {
2919
- "name": "--vscode-menu-selectionBackground",
2920
- "default": "#0078d4"
2921
- },
2922
- {
2923
- "name": "--vscode-menu-selectionForeground",
2924
- "default": "#ffffff"
2925
- },
2926
- {
2927
- "name": "--vscode-menu-separatorBackground",
2928
- "default": "#454545"
2929
- }
2930
- ],
3036
+ "name": "VscodeFormContainer",
2931
3037
  "members": [
2932
3038
  {
2933
3039
  "kind": "field",
2934
- "name": "label",
3040
+ "name": "responsive",
2935
3041
  "type": {
2936
- "text": "string"
3042
+ "text": "boolean"
2937
3043
  },
2938
- "default": "''",
2939
- "attribute": "label"
3044
+ "attribute": "responsive",
3045
+ "reflects": true
2940
3046
  },
2941
3047
  {
2942
3048
  "kind": "field",
2943
- "name": "keybinding",
3049
+ "name": "breakpoint",
2944
3050
  "type": {
2945
- "text": "string"
3051
+ "text": "number"
2946
3052
  },
2947
- "default": "''",
2948
- "attribute": "keybinding"
3053
+ "default": "490",
3054
+ "attribute": "breakpoint"
2949
3055
  },
2950
3056
  {
2951
3057
  "kind": "field",
2952
- "name": "value",
3058
+ "name": "_resizeObserver",
2953
3059
  "type": {
2954
- "text": "string"
3060
+ "text": "ResizeObserver | null"
2955
3061
  },
2956
- "default": "''",
2957
- "attribute": "value"
3062
+ "privacy": "private"
2958
3063
  },
2959
3064
  {
2960
3065
  "kind": "field",
2961
- "name": "separator",
3066
+ "name": "_wrapperElement",
2962
3067
  "type": {
2963
- "text": "boolean"
3068
+ "text": "Element"
2964
3069
  },
2965
- "default": "false",
2966
- "attribute": "separator",
2967
- "reflects": true
3070
+ "privacy": "private"
2968
3071
  },
2969
3072
  {
2970
3073
  "kind": "field",
2971
- "name": "tabindex",
3074
+ "name": "_assignedFormGroups",
2972
3075
  "type": {
2973
- "text": "number"
3076
+ "text": "VscodeFormGroup[]"
2974
3077
  },
2975
- "default": "0",
2976
- "attribute": "tabindex"
2977
- },
2978
- {
2979
- "kind": "method",
2980
- "name": "onItemClick",
2981
3078
  "privacy": "private"
2982
3079
  },
2983
3080
  {
2984
3081
  "kind": "field",
2985
- "name": "version",
2986
- "type": {
2987
- "text": "string"
2988
- },
2989
- "description": "VSCode Elements version",
2990
- "readonly": true,
2991
- "inheritedFrom": {
2992
- "name": "VscElement",
2993
- "module": "src/includes/VscElement.ts"
2994
- }
2995
- }
2996
- ],
2997
- "attributes": [
2998
- {
2999
- "name": "label",
3000
- "type": {
3001
- "text": "string"
3002
- },
3003
- "default": "''",
3004
- "fieldName": "label"
3005
- },
3006
- {
3007
- "name": "keybinding",
3008
- "type": {
3009
- "text": "string"
3010
- },
3011
- "default": "''",
3012
- "fieldName": "keybinding"
3013
- },
3014
- {
3015
- "name": "value",
3016
- "type": {
3017
- "text": "string"
3018
- },
3019
- "default": "''",
3020
- "fieldName": "value"
3021
- },
3022
- {
3023
- "name": "separator",
3082
+ "name": "_responsive",
3024
3083
  "type": {
3025
3084
  "text": "boolean"
3026
3085
  },
3027
- "default": "false",
3028
- "fieldName": "separator"
3086
+ "privacy": "private",
3087
+ "default": "false"
3029
3088
  },
3030
3089
  {
3031
- "name": "tabindex",
3090
+ "kind": "field",
3091
+ "name": "_firstUpdateComplete",
3032
3092
  "type": {
3033
- "text": "number"
3034
- },
3035
- "default": "0",
3036
- "fieldName": "tabindex"
3037
- }
3038
- ],
3039
- "superclass": {
3040
- "name": "VscElement",
3041
- "module": "/src/includes/VscElement.js"
3042
- },
3043
- "tagName": "vscode-context-menu-item",
3044
- "customElement": true
3045
- }
3046
- ],
3047
- "exports": [
3048
- {
3049
- "kind": "js",
3050
- "name": "VscodeContextMenuItem",
3051
- "declaration": {
3052
- "name": "VscodeContextMenuItem",
3053
- "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
3054
- }
3055
- },
3056
- {
3057
- "kind": "custom-element-definition",
3058
- "name": "vscode-context-menu-item",
3059
- "declaration": {
3060
- "name": "VscodeContextMenuItem",
3061
- "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts"
3062
- }
3063
- }
3064
- ]
3065
- },
3066
- {
3067
- "kind": "javascript-module",
3068
- "path": "src/vscode-form-group/vscode-form-group.styles.ts",
3069
- "declarations": [
3070
- {
3071
- "kind": "variable",
3072
- "name": "styles",
3073
- "type": {
3074
- "text": "CSSResultGroup"
3075
- },
3076
- "default": "[ defaultStyles, css` :host { --label-right-margin: 14px; --label-width: 150px; display: block; margin: 15px 0; } :host([variant='settings-group']) { margin: 0; padding: 12px 14px 18px; max-width: 727px; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper, :host([variant='settings-group']) .wrapper { display: block; } :host([variant='horizontal']) ::slotted(vscode-checkbox-group), :host([variant='horizontal']) ::slotted(vscode-radio-group) { width: calc(100% - calc(var(--label-width) + var(--label-right-margin))); } :host([variant='horizontal']) ::slotted(vscode-label) { margin-right: var(--label-right-margin); text-align: right; width: var(--label-width); } :host([variant='settings-group']) ::slotted(vscode-label) { height: 18px; line-height: 18px; margin-bottom: 4px; margin-right: 0; padding: 0; } ::slotted(vscode-form-helper) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-form-helper), :host([variant='settings-group']) ::slotted(vscode-form-helper) { display: block; margin-left: 0; } :host([variant='settings-group']) ::slotted(vscode-form-helper) { margin-bottom: 0; margin-top: 0; } :host([variant='vertical']) ::slotted(vscode-label), :host([variant='settings-group']) ::slotted(vscode-label) { display: block; margin-left: 0; text-align: left; } :host([variant='settings-group']) ::slotted(vscode-inputbox), :host([variant='settings-group']) ::slotted(vscode-textfield), :host([variant='settings-group']) ::slotted(vscode-textarea), :host([variant='settings-group']) ::slotted(vscode-single-select), :host([variant='settings-group']) ::slotted(vscode-multi-select) { margin-top: 9px; } ::slotted(vscode-button:first-child) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-button) { margin-left: 0; } ::slotted(vscode-button) { margin-right: 4px; } `, ]"
3077
- }
3078
- ],
3079
- "exports": [
3080
- {
3081
- "kind": "js",
3082
- "name": "default",
3083
- "declaration": {
3084
- "name": "styles",
3085
- "module": "src/vscode-form-group/vscode-form-group.styles.ts"
3086
- }
3087
- }
3088
- ]
3089
- },
3090
- {
3091
- "kind": "javascript-module",
3092
- "path": "src/vscode-form-group/vscode-form-group.ts",
3093
- "declarations": [
3094
- {
3095
- "kind": "class",
3096
- "description": "",
3097
- "name": "VscodeFormGroup",
3098
- "cssProperties": [
3099
- {
3100
- "description": "The width of the label in horizontal mode",
3101
- "name": "--label-width",
3102
- "default": "150px"
3093
+ "text": "boolean"
3094
+ },
3095
+ "privacy": "private",
3096
+ "default": "false"
3103
3097
  },
3104
- {
3105
- "description": "The right margin of the label in horizontal mode",
3106
- "name": "--label-right-margin",
3107
- "default": "14px"
3108
- }
3109
- ],
3110
- "members": [
3111
3098
  {
3112
3099
  "kind": "field",
3113
- "name": "variant",
3100
+ "name": "_currentFormGroupLayout",
3114
3101
  "type": {
3115
- "text": "FormGroupVariant"
3102
+ "text": "FormGroupLayout"
3116
3103
  },
3117
- "default": "'horizontal'",
3118
- "attribute": "variant",
3119
- "reflects": true
3104
+ "privacy": "private"
3105
+ },
3106
+ {
3107
+ "kind": "method",
3108
+ "name": "_toggleCompactLayout",
3109
+ "privacy": "private",
3110
+ "parameters": [
3111
+ {
3112
+ "name": "layout",
3113
+ "type": {
3114
+ "text": "FormGroupLayout"
3115
+ }
3116
+ }
3117
+ ]
3118
+ },
3119
+ {
3120
+ "kind": "method",
3121
+ "name": "_resizeObserverCallback",
3122
+ "privacy": "private",
3123
+ "parameters": [
3124
+ {
3125
+ "name": "entries",
3126
+ "type": {
3127
+ "text": "ResizeObserverEntry[]"
3128
+ }
3129
+ }
3130
+ ]
3131
+ },
3132
+ {
3133
+ "kind": "field",
3134
+ "name": "_resizeObserverCallbackBound",
3135
+ "privacy": "private"
3136
+ },
3137
+ {
3138
+ "kind": "method",
3139
+ "name": "_activateResponsiveLayout",
3140
+ "privacy": "private"
3141
+ },
3142
+ {
3143
+ "kind": "method",
3144
+ "name": "_deactivateResizeObserver",
3145
+ "privacy": "private"
3120
3146
  },
3121
3147
  {
3122
3148
  "kind": "field",
@@ -3134,37 +3160,44 @@
3134
3160
  ],
3135
3161
  "attributes": [
3136
3162
  {
3137
- "name": "variant",
3163
+ "name": "responsive",
3138
3164
  "type": {
3139
- "text": "FormGroupVariant"
3165
+ "text": "boolean"
3140
3166
  },
3141
- "default": "'horizontal'",
3142
- "fieldName": "variant"
3167
+ "fieldName": "responsive"
3168
+ },
3169
+ {
3170
+ "name": "breakpoint",
3171
+ "type": {
3172
+ "text": "number"
3173
+ },
3174
+ "default": "490",
3175
+ "fieldName": "breakpoint"
3143
3176
  }
3144
3177
  ],
3145
3178
  "superclass": {
3146
3179
  "name": "VscElement",
3147
3180
  "module": "/src/includes/VscElement.js"
3148
3181
  },
3149
- "tagName": "vscode-form-group",
3182
+ "tagName": "vscode-form-container",
3150
3183
  "customElement": true
3151
3184
  }
3152
3185
  ],
3153
3186
  "exports": [
3154
3187
  {
3155
3188
  "kind": "js",
3156
- "name": "VscodeFormGroup",
3189
+ "name": "VscodeFormContainer",
3157
3190
  "declaration": {
3158
- "name": "VscodeFormGroup",
3159
- "module": "src/vscode-form-group/vscode-form-group.ts"
3191
+ "name": "VscodeFormContainer",
3192
+ "module": "src/vscode-form-container/vscode-form-container.ts"
3160
3193
  }
3161
3194
  },
3162
3195
  {
3163
3196
  "kind": "custom-element-definition",
3164
- "name": "vscode-form-group",
3197
+ "name": "vscode-form-container",
3165
3198
  "declaration": {
3166
- "name": "VscodeFormGroup",
3167
- "module": "src/vscode-form-group/vscode-form-group.ts"
3199
+ "name": "VscodeFormContainer",
3200
+ "module": "src/vscode-form-container/vscode-form-container.ts"
3168
3201
  }
3169
3202
  }
3170
3203
  ]
@@ -4313,6 +4346,32 @@
4313
4346
  "module": "src/includes/vscode-select/vscode-select-base.ts"
4314
4347
  }
4315
4348
  },
4349
+ {
4350
+ "kind": "field",
4351
+ "name": "_prevXPos",
4352
+ "type": {
4353
+ "text": "number"
4354
+ },
4355
+ "privacy": "private",
4356
+ "default": "0",
4357
+ "inheritedFrom": {
4358
+ "name": "VscodeSelectBase",
4359
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4360
+ }
4361
+ },
4362
+ {
4363
+ "kind": "field",
4364
+ "name": "_prevYPos",
4365
+ "type": {
4366
+ "text": "number"
4367
+ },
4368
+ "privacy": "private",
4369
+ "default": "0",
4370
+ "inheritedFrom": {
4371
+ "name": "VscodeSelectBase",
4372
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
4373
+ }
4374
+ },
4316
4375
  {
4317
4376
  "kind": "field",
4318
4377
  "name": "_opts",
@@ -5409,14 +5468,161 @@
5409
5468
  }
5410
5469
  },
5411
5470
  {
5412
- "kind": "method",
5413
- "name": "_clearLongRunningTimer",
5414
- "privacy": "private",
5415
- "return": {
5416
- "type": {
5417
- "text": "void"
5418
- }
5419
- }
5471
+ "kind": "method",
5472
+ "name": "_clearLongRunningTimer",
5473
+ "privacy": "private",
5474
+ "return": {
5475
+ "type": {
5476
+ "text": "void"
5477
+ }
5478
+ }
5479
+ },
5480
+ {
5481
+ "kind": "field",
5482
+ "name": "version",
5483
+ "type": {
5484
+ "text": "string"
5485
+ },
5486
+ "description": "VSCode Elements version",
5487
+ "readonly": true,
5488
+ "inheritedFrom": {
5489
+ "name": "VscElement",
5490
+ "module": "src/includes/VscElement.ts"
5491
+ }
5492
+ }
5493
+ ],
5494
+ "attributes": [
5495
+ {
5496
+ "name": "value",
5497
+ "type": {
5498
+ "text": "number | undefined"
5499
+ },
5500
+ "description": "Current value for determinate mode. If undefined/NaN, the bar is indeterminate.",
5501
+ "fieldName": "value"
5502
+ },
5503
+ {
5504
+ "name": "max",
5505
+ "type": {
5506
+ "text": "number"
5507
+ },
5508
+ "default": "100",
5509
+ "description": "Maximum value for determinate mode.",
5510
+ "fieldName": "max"
5511
+ },
5512
+ {
5513
+ "name": "indeterminate",
5514
+ "type": {
5515
+ "text": "boolean"
5516
+ },
5517
+ "default": "false",
5518
+ "description": "Force indeterminate mode even if value is set.",
5519
+ "fieldName": "indeterminate"
5520
+ },
5521
+ {
5522
+ "name": "long-running-threshold",
5523
+ "type": {
5524
+ "text": "number"
5525
+ },
5526
+ "default": "15000",
5527
+ "description": "Switch to a gentler animation after this many ms in indeterminate mode.",
5528
+ "fieldName": "longRunningThreshold"
5529
+ }
5530
+ ],
5531
+ "superclass": {
5532
+ "name": "VscElement",
5533
+ "module": "/src/includes/VscElement.js"
5534
+ },
5535
+ "tagName": "vscode-progress-bar",
5536
+ "customElement": true
5537
+ }
5538
+ ],
5539
+ "exports": [
5540
+ {
5541
+ "kind": "js",
5542
+ "name": "VscodeProgressBar",
5543
+ "declaration": {
5544
+ "name": "VscodeProgressBar",
5545
+ "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
5546
+ }
5547
+ },
5548
+ {
5549
+ "kind": "custom-element-definition",
5550
+ "name": "vscode-progress-bar",
5551
+ "declaration": {
5552
+ "name": "VscodeProgressBar",
5553
+ "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
5554
+ }
5555
+ }
5556
+ ]
5557
+ },
5558
+ {
5559
+ "kind": "javascript-module",
5560
+ "path": "src/vscode-progress-ring/vscode-progress-ring.styles.ts",
5561
+ "declarations": [
5562
+ {
5563
+ "kind": "variable",
5564
+ "name": "styles",
5565
+ "type": {
5566
+ "text": "CSSResultGroup"
5567
+ },
5568
+ "default": "[ defaultStyles, css` :host { display: block; height: 28px; margin: 0; outline: none; width: 28px; } .progress { height: 100%; width: 100%; } .background { fill: none; stroke: transparent; stroke-width: 2px; } .indeterminate-indicator-1 { fill: none; stroke: var(--vscode-progressBar-background, #0078d4); stroke-width: 2px; stroke-linecap: square; transform-origin: 50% 50%; transform: rotate(-90deg); transition: all 0.2s ease-in-out; animation: spin-infinite 2s linear infinite; } @keyframes spin-infinite { 0% { stroke-dasharray: 0.01px 43.97px; transform: rotate(0deg); } 50% { stroke-dasharray: 21.99px 21.99px; transform: rotate(450deg); } 100% { stroke-dasharray: 0.01px 43.97px; transform: rotate(1080deg); } } `, ]"
5569
+ }
5570
+ ],
5571
+ "exports": [
5572
+ {
5573
+ "kind": "js",
5574
+ "name": "default",
5575
+ "declaration": {
5576
+ "name": "styles",
5577
+ "module": "src/vscode-progress-ring/vscode-progress-ring.styles.ts"
5578
+ }
5579
+ }
5580
+ ]
5581
+ },
5582
+ {
5583
+ "kind": "javascript-module",
5584
+ "path": "src/vscode-progress-ring/vscode-progress-ring.ts",
5585
+ "declarations": [
5586
+ {
5587
+ "kind": "class",
5588
+ "description": "",
5589
+ "name": "VscodeProgressRing",
5590
+ "cssProperties": [
5591
+ {
5592
+ "name": "--vscode-progressBar-background",
5593
+ "default": "#0078d4"
5594
+ }
5595
+ ],
5596
+ "members": [
5597
+ {
5598
+ "kind": "field",
5599
+ "name": "ariaLabel",
5600
+ "type": {
5601
+ "text": "string"
5602
+ },
5603
+ "default": "'Loading'",
5604
+ "attribute": "aria-label",
5605
+ "reflects": true
5606
+ },
5607
+ {
5608
+ "kind": "field",
5609
+ "name": "ariaLive",
5610
+ "type": {
5611
+ "text": "string"
5612
+ },
5613
+ "default": "'assertive'",
5614
+ "attribute": "aria-live",
5615
+ "reflects": true
5616
+ },
5617
+ {
5618
+ "kind": "field",
5619
+ "name": "role",
5620
+ "type": {
5621
+ "text": "string"
5622
+ },
5623
+ "default": "'alert'",
5624
+ "attribute": "role",
5625
+ "reflects": true
5420
5626
  },
5421
5627
  {
5422
5628
  "kind": "field",
@@ -5434,64 +5640,53 @@
5434
5640
  ],
5435
5641
  "attributes": [
5436
5642
  {
5437
- "name": "value",
5438
- "type": {
5439
- "text": "number | undefined"
5440
- },
5441
- "description": "Current value for determinate mode. If undefined/NaN, the bar is indeterminate.",
5442
- "fieldName": "value"
5443
- },
5444
- {
5445
- "name": "max",
5643
+ "name": "aria-label",
5446
5644
  "type": {
5447
- "text": "number"
5645
+ "text": "string"
5448
5646
  },
5449
- "default": "100",
5450
- "description": "Maximum value for determinate mode.",
5451
- "fieldName": "max"
5647
+ "default": "'Loading'",
5648
+ "fieldName": "ariaLabel"
5452
5649
  },
5453
5650
  {
5454
- "name": "indeterminate",
5651
+ "name": "aria-live",
5455
5652
  "type": {
5456
- "text": "boolean"
5653
+ "text": "string"
5457
5654
  },
5458
- "default": "false",
5459
- "description": "Force indeterminate mode even if value is set.",
5460
- "fieldName": "indeterminate"
5655
+ "default": "'assertive'",
5656
+ "fieldName": "ariaLive"
5461
5657
  },
5462
5658
  {
5463
- "name": "long-running-threshold",
5659
+ "name": "role",
5464
5660
  "type": {
5465
- "text": "number"
5661
+ "text": "string"
5466
5662
  },
5467
- "default": "15000",
5468
- "description": "Switch to a gentler animation after this many ms in indeterminate mode.",
5469
- "fieldName": "longRunningThreshold"
5663
+ "default": "'alert'",
5664
+ "fieldName": "role"
5470
5665
  }
5471
5666
  ],
5472
5667
  "superclass": {
5473
5668
  "name": "VscElement",
5474
5669
  "module": "/src/includes/VscElement.js"
5475
5670
  },
5476
- "tagName": "vscode-progress-bar",
5671
+ "tagName": "vscode-progress-ring",
5477
5672
  "customElement": true
5478
5673
  }
5479
5674
  ],
5480
5675
  "exports": [
5481
5676
  {
5482
5677
  "kind": "js",
5483
- "name": "VscodeProgressBar",
5678
+ "name": "VscodeProgressRing",
5484
5679
  "declaration": {
5485
- "name": "VscodeProgressBar",
5486
- "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
5680
+ "name": "VscodeProgressRing",
5681
+ "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
5487
5682
  }
5488
5683
  },
5489
5684
  {
5490
5685
  "kind": "custom-element-definition",
5491
- "name": "vscode-progress-bar",
5686
+ "name": "vscode-progress-ring",
5492
5687
  "declaration": {
5493
- "name": "VscodeProgressBar",
5494
- "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
5688
+ "name": "VscodeProgressRing",
5689
+ "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
5495
5690
  }
5496
5691
  }
5497
5692
  ]
@@ -6046,142 +6241,6 @@
6046
6241
  }
6047
6242
  ]
6048
6243
  },
6049
- {
6050
- "kind": "javascript-module",
6051
- "path": "src/vscode-progress-ring/vscode-progress-ring.styles.ts",
6052
- "declarations": [
6053
- {
6054
- "kind": "variable",
6055
- "name": "styles",
6056
- "type": {
6057
- "text": "CSSResultGroup"
6058
- },
6059
- "default": "[ defaultStyles, css` :host { display: block; height: 28px; margin: 0; outline: none; width: 28px; } .progress { height: 100%; width: 100%; } .background { fill: none; stroke: transparent; stroke-width: 2px; } .indeterminate-indicator-1 { fill: none; stroke: var(--vscode-progressBar-background, #0078d4); stroke-width: 2px; stroke-linecap: square; transform-origin: 50% 50%; transform: rotate(-90deg); transition: all 0.2s ease-in-out; animation: spin-infinite 2s linear infinite; } @keyframes spin-infinite { 0% { stroke-dasharray: 0.01px 43.97px; transform: rotate(0deg); } 50% { stroke-dasharray: 21.99px 21.99px; transform: rotate(450deg); } 100% { stroke-dasharray: 0.01px 43.97px; transform: rotate(1080deg); } } `, ]"
6060
- }
6061
- ],
6062
- "exports": [
6063
- {
6064
- "kind": "js",
6065
- "name": "default",
6066
- "declaration": {
6067
- "name": "styles",
6068
- "module": "src/vscode-progress-ring/vscode-progress-ring.styles.ts"
6069
- }
6070
- }
6071
- ]
6072
- },
6073
- {
6074
- "kind": "javascript-module",
6075
- "path": "src/vscode-progress-ring/vscode-progress-ring.ts",
6076
- "declarations": [
6077
- {
6078
- "kind": "class",
6079
- "description": "",
6080
- "name": "VscodeProgressRing",
6081
- "cssProperties": [
6082
- {
6083
- "name": "--vscode-progressBar-background",
6084
- "default": "#0078d4"
6085
- }
6086
- ],
6087
- "members": [
6088
- {
6089
- "kind": "field",
6090
- "name": "ariaLabel",
6091
- "type": {
6092
- "text": "string"
6093
- },
6094
- "default": "'Loading'",
6095
- "attribute": "aria-label",
6096
- "reflects": true
6097
- },
6098
- {
6099
- "kind": "field",
6100
- "name": "ariaLive",
6101
- "type": {
6102
- "text": "string"
6103
- },
6104
- "default": "'assertive'",
6105
- "attribute": "aria-live",
6106
- "reflects": true
6107
- },
6108
- {
6109
- "kind": "field",
6110
- "name": "role",
6111
- "type": {
6112
- "text": "string"
6113
- },
6114
- "default": "'alert'",
6115
- "attribute": "role",
6116
- "reflects": true
6117
- },
6118
- {
6119
- "kind": "field",
6120
- "name": "version",
6121
- "type": {
6122
- "text": "string"
6123
- },
6124
- "description": "VSCode Elements version",
6125
- "readonly": true,
6126
- "inheritedFrom": {
6127
- "name": "VscElement",
6128
- "module": "src/includes/VscElement.ts"
6129
- }
6130
- }
6131
- ],
6132
- "attributes": [
6133
- {
6134
- "name": "aria-label",
6135
- "type": {
6136
- "text": "string"
6137
- },
6138
- "default": "'Loading'",
6139
- "fieldName": "ariaLabel"
6140
- },
6141
- {
6142
- "name": "aria-live",
6143
- "type": {
6144
- "text": "string"
6145
- },
6146
- "default": "'assertive'",
6147
- "fieldName": "ariaLive"
6148
- },
6149
- {
6150
- "name": "role",
6151
- "type": {
6152
- "text": "string"
6153
- },
6154
- "default": "'alert'",
6155
- "fieldName": "role"
6156
- }
6157
- ],
6158
- "superclass": {
6159
- "name": "VscElement",
6160
- "module": "/src/includes/VscElement.js"
6161
- },
6162
- "tagName": "vscode-progress-ring",
6163
- "customElement": true
6164
- }
6165
- ],
6166
- "exports": [
6167
- {
6168
- "kind": "js",
6169
- "name": "VscodeProgressRing",
6170
- "declaration": {
6171
- "name": "VscodeProgressRing",
6172
- "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
6173
- }
6174
- },
6175
- {
6176
- "kind": "custom-element-definition",
6177
- "name": "vscode-progress-ring",
6178
- "declaration": {
6179
- "name": "VscodeProgressRing",
6180
- "module": "src/vscode-progress-ring/vscode-progress-ring.ts"
6181
- }
6182
- }
6183
- ]
6184
- },
6185
6244
  {
6186
6245
  "kind": "javascript-module",
6187
6246
  "path": "src/vscode-radio-group/vscode-radio-group.styles.ts",
@@ -7426,6 +7485,32 @@
7426
7485
  "module": "src/includes/vscode-select/vscode-select-base.ts"
7427
7486
  }
7428
7487
  },
7488
+ {
7489
+ "kind": "field",
7490
+ "name": "_prevXPos",
7491
+ "type": {
7492
+ "text": "number"
7493
+ },
7494
+ "privacy": "private",
7495
+ "default": "0",
7496
+ "inheritedFrom": {
7497
+ "name": "VscodeSelectBase",
7498
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
7499
+ }
7500
+ },
7501
+ {
7502
+ "kind": "field",
7503
+ "name": "_prevYPos",
7504
+ "type": {
7505
+ "text": "number"
7506
+ },
7507
+ "privacy": "private",
7508
+ "default": "0",
7509
+ "inheritedFrom": {
7510
+ "name": "VscodeSelectBase",
7511
+ "module": "src/includes/vscode-select/vscode-select-base.ts"
7512
+ }
7513
+ },
7429
7514
  {
7430
7515
  "kind": "field",
7431
7516
  "name": "_opts",
@@ -8497,8 +8582,42 @@
8497
8582
  "type": {
8498
8583
  "text": "FixedPaneType"
8499
8584
  },
8500
- "privacy": "private",
8501
- "default": "'none'"
8585
+ "privacy": "private",
8586
+ "default": "'none'"
8587
+ },
8588
+ {
8589
+ "kind": "field",
8590
+ "name": "minStart",
8591
+ "description": "Minimum size of the start pane expressed in `px` or `%`.",
8592
+ "type": {
8593
+ "text": "string"
8594
+ },
8595
+ "attribute": "min-start"
8596
+ },
8597
+ {
8598
+ "kind": "field",
8599
+ "name": "_minStart",
8600
+ "type": {
8601
+ "text": "string | undefined"
8602
+ },
8603
+ "privacy": "private"
8604
+ },
8605
+ {
8606
+ "kind": "field",
8607
+ "name": "minEnd",
8608
+ "description": "Minimum size of the end pane expressed in `px` or `%`.",
8609
+ "type": {
8610
+ "text": "string"
8611
+ },
8612
+ "attribute": "min-end"
8613
+ },
8614
+ {
8615
+ "kind": "field",
8616
+ "name": "_minEnd",
8617
+ "type": {
8618
+ "text": "string | undefined"
8619
+ },
8620
+ "privacy": "private"
8502
8621
  },
8503
8622
  {
8504
8623
  "kind": "field",
@@ -8633,6 +8752,72 @@
8633
8752
  "name": "_initFixedPane",
8634
8753
  "privacy": "private"
8635
8754
  },
8755
+ {
8756
+ "kind": "method",
8757
+ "name": "_applyMinSizeConstraints",
8758
+ "privacy": "private"
8759
+ },
8760
+ {
8761
+ "kind": "method",
8762
+ "name": "_resolveMinSizePx",
8763
+ "privacy": "private",
8764
+ "return": {
8765
+ "type": {
8766
+ "text": "number"
8767
+ }
8768
+ },
8769
+ "parameters": [
8770
+ {
8771
+ "name": "value",
8772
+ "type": {
8773
+ "text": "string | undefined"
8774
+ }
8775
+ },
8776
+ {
8777
+ "name": "max",
8778
+ "type": {
8779
+ "text": "number"
8780
+ }
8781
+ }
8782
+ ]
8783
+ },
8784
+ {
8785
+ "kind": "method",
8786
+ "name": "_clampHandlePosition",
8787
+ "privacy": "private",
8788
+ "return": {
8789
+ "type": {
8790
+ "text": "number"
8791
+ }
8792
+ },
8793
+ "parameters": [
8794
+ {
8795
+ "name": "value",
8796
+ "type": {
8797
+ "text": "number"
8798
+ }
8799
+ },
8800
+ {
8801
+ "name": "max",
8802
+ "type": {
8803
+ "text": "number"
8804
+ }
8805
+ }
8806
+ ]
8807
+ },
8808
+ {
8809
+ "kind": "method",
8810
+ "name": "_updateFixedPaneSize",
8811
+ "privacy": "private",
8812
+ "parameters": [
8813
+ {
8814
+ "name": "max",
8815
+ "type": {
8816
+ "text": "number"
8817
+ }
8818
+ }
8819
+ ]
8820
+ },
8636
8821
  {
8637
8822
  "kind": "field",
8638
8823
  "name": "_handleResize",
@@ -8773,6 +8958,22 @@
8773
8958
  "text": "'start' | 'end' | 'none'"
8774
8959
  },
8775
8960
  "fieldName": "fixedPane"
8961
+ },
8962
+ {
8963
+ "name": "min-start",
8964
+ "description": "Minimum size of the start pane expressed in `px` or `%`.",
8965
+ "type": {
8966
+ "text": "string"
8967
+ },
8968
+ "fieldName": "minStart"
8969
+ },
8970
+ {
8971
+ "name": "min-end",
8972
+ "description": "Minimum size of the end pane expressed in `px` or `%`.",
8973
+ "type": {
8974
+ "text": "string"
8975
+ },
8976
+ "fieldName": "minEnd"
8776
8977
  }
8777
8978
  ],
8778
8979
  "superclass": {
@@ -12471,7 +12672,7 @@
12471
12672
  "text": "TreeContext"
12472
12673
  },
12473
12674
  "privacy": "private",
12474
- "default": "{ isShiftPressed: false, activeItem: null, selectedItems: new Set(), allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: this, highlightedItems: new Set(), highlightIndentGuides: () => { this._highlightIndentGuides(); }, emitSelectEvent: () => { this._emitSelectEvent(); }, }"
12675
+ "default": "{ isShiftPressed: false, activeItem: null, selectedItems: new Set(), hoveredItem: null, allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: this, highlightedItems: new Set(), highlightIndentGuides: () => { this._highlightIndentGuides(); }, emitSelectEvent: () => { this._emitSelectEvent(); }, }"
12475
12676
  },
12476
12677
  {
12477
12678
  "kind": "field",
@@ -12675,7 +12876,7 @@
12675
12876
  ],
12676
12877
  "superclass": {
12677
12878
  "name": "VscElement",
12678
- "module": "/src/includes/VscElement"
12879
+ "module": "/src/includes/VscElement.js"
12679
12880
  },
12680
12881
  "tagName": "vscode-tree",
12681
12882
  "customElement": true
@@ -12726,7 +12927,7 @@
12726
12927
  "type": {
12727
12928
  "text": "CSSResultGroup"
12728
12929
  },
12729
- "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; cursor: pointer; display: block; user-select: none; } ::slotted(vscode-icon) { display: block; } .root { display: block; } .wrapper { align-items: flex-start; color: var(--vscode-foreground, #cccccc); display: flex; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); outline-offset: -1px; padding-right: 12px; } .wrapper:hover { background-color: var(--vscode-list-hoverBackground, #2a2d2e); color: var( --vscode-list-hoverForeground, var(--vscode-foreground, #cccccc) ); } :host([selected]) .wrapper { color: var(--internal-selectionForeground); background-color: var(--internal-selectionBackground); } :host([selected]) ::slotted(vscode-icon) { color: var(--internal-selectionForeground); } :host(:focus) { outline: none; } :host(:focus) .wrapper.active { outline-color: var( --vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline, #0078d4) ); outline-style: solid; outline-width: 1px; } .arrow-container { align-items: center; display: var(--vsc-tree-item-arrow-display); height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .arrow-container svg { display: block; fill: var(--vscode-icon-foreground, #cccccc); } .arrow-container.icon-rotated svg { transform: rotate(90deg); } :host([selected]) .arrow-container svg { fill: var(--internal-selectionIconForeground); } .icon-container { align-items: center; display: flex; margin-bottom: 3px; margin-top: 3px; overflow: hidden; } .icon-container slot { display: block; } .icon-container.has-icon { height: 16px; margin-right: 6px; width: 16px; } .children { position: relative; } .children.guide:before { background-color: var( --vscode-tree-inactiveIndentGuidesStroke, rgba(88, 88, 88, 0.4) ); content: ''; display: none; height: 100%; left: var(--indentation-guide-left); pointer-events: none; position: absolute; width: 1px; z-index: 1; } .children.guide.default-guide:before { display: var(--internal-defaultIndentGuideDisplay); } .children.guide.highlighted-guide:before { display: var(--internal-highlightedIndentGuideDisplay); background-color: var(--vscode-tree-indentGuidesStroke, #585858); } .content { line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :host([branch]) ::slotted(vscode-tree-item) { display: none; } :host([branch][open]) ::slotted(vscode-tree-item) { display: block; } `, ]"
12930
+ "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; cursor: pointer; display: block; user-select: none; } ::slotted(vscode-icon) { display: block; } .root { display: block; } .wrapper { align-items: flex-start; color: var(--vscode-foreground, #cccccc); display: flex; flex-wrap: nowrap; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 22px; min-height: 22px; outline-offset: -1px; padding-right: 12px; } .wrapper:hover { background-color: var(--vscode-list-hoverBackground, #2a2d2e); color: var( --vscode-list-hoverForeground, var(--vscode-foreground, #cccccc) ); } :host([selected]) .wrapper { color: var(--internal-selectionForeground); background-color: var(--internal-selectionBackground); } :host([selected]) ::slotted(vscode-icon) { color: var(--internal-selectionForeground); } :host(:focus) { outline: none; } :host(:focus) .wrapper.active { outline-color: var( --vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline, #0078d4) ); outline-style: solid; outline-width: 1px; } .arrow-container { align-items: center; display: var(--vsc-tree-item-arrow-display); height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .arrow-container svg { display: block; fill: var(--vscode-icon-foreground, #cccccc); } .arrow-container.icon-rotated svg { transform: rotate(90deg); } :host([selected]) .arrow-container svg { fill: var(--internal-selectionIconForeground); } .icon-container { align-items: center; display: flex; justify-content: center; margin-right: 3px; min-height: 22px; overflow: hidden; } .icon-container slot { display: block; } .icon-container.has-icon { min-width: 22px; max-width: 22px; max-height: 22px; } :host(:is(:--show-actions, :state(show-actions))) .icon-container { overflow: visible; } .children { position: relative; } .children.guide:before { background-color: var( --vscode-tree-inactiveIndentGuidesStroke, rgba(88, 88, 88, 0.4) ); content: ''; display: none; height: 100%; left: var(--indentation-guide-left); pointer-events: none; position: absolute; width: 1px; z-index: 1; } .children.guide.default-guide:before { display: var(--internal-defaultIndentGuideDisplay); } .children.guide.highlighted-guide:before { display: var(--internal-highlightedIndentGuideDisplay); background-color: var(--vscode-tree-indentGuidesStroke, #585858); } .content { display: flex; align-items: center; flex-wrap: nowrap; /* prevent wrapping; allow ellipses via min-width: 0 */ min-width: 0; width: 100%; line-height: 22px; } .label { display: inline-flex; align-items: center; gap: 4px; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .description { color: var(--vscode-foreground, #cccccc); opacity: 0.7; display: none; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content.has-description .description { display: flex; align-items: center; justify-content: flex-start; flex: 1 1 0%; /* description takes remaining space, yields first when shrinking */ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.5em; } .content.has-description .label { flex: 0 1 auto; /* label only grows when description missing */ } .content:not(.has-description) .label { flex: 1 1 auto; } .label ::slotted(*) { display: inline-block; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .description ::slotted(*) { display: inline-block; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .actions { align-items: center; align-self: center; display: none; flex: 0 0 auto; gap: 2px; margin-left: auto; min-height: 22px; color: inherit; } .actions ::slotted(*) { align-items: center; display: inline-flex; height: 22px; } .actions ::slotted(button) { cursor: pointer; } .actions ::slotted([hidden]) { display: none !important; } :host( :is( :--has-actions:--show-actions, :--has-actions:state(show-actions), :state(has-actions):--show-actions, :state(has-actions):state(show-actions) ) ) .actions { display: inline-flex; } .decoration { align-items: center; align-self: center; color: inherit; display: none; flex: 0 0 auto; gap: 4px; margin-left: auto; min-height: 22px; } :host(:is(:--has-decoration, :state(has-decoration))) .decoration { display: inline-flex; } :host(:is(:--show-actions, :state(show-actions))) .decoration { margin-left: 6px; } :host([selected]) ::slotted([slot='decoration']), :host([selected]) ::slotted([slot='decoration']) * { color: inherit !important; } :host([selected]) .description { color: var(--internal-selectionForeground, #ffffff); opacity: 0.8; } :host([selected]) :is(:state(focus-visible), :--focus-visible) .description, :host([selected]:focus-within) .description { opacity: 0.95; } :host([branch]) ::slotted(vscode-tree-item) { display: none; } :host([branch][open]) ::slotted(vscode-tree-item) { display: block; } `, ]"
12730
12931
  }
12731
12932
  ],
12732
12933
  "exports": [
@@ -12875,6 +13076,33 @@
12875
13076
  "privacy": "private",
12876
13077
  "default": "false"
12877
13078
  },
13079
+ {
13080
+ "kind": "field",
13081
+ "name": "_hasDescriptionSlotContent",
13082
+ "type": {
13083
+ "text": "boolean"
13084
+ },
13085
+ "privacy": "private",
13086
+ "default": "false"
13087
+ },
13088
+ {
13089
+ "kind": "field",
13090
+ "name": "_hasActionsSlotContent",
13091
+ "type": {
13092
+ "text": "boolean"
13093
+ },
13094
+ "privacy": "private",
13095
+ "default": "false"
13096
+ },
13097
+ {
13098
+ "kind": "field",
13099
+ "name": "_hasDecorationSlotContent",
13100
+ "type": {
13101
+ "text": "boolean"
13102
+ },
13103
+ "privacy": "private",
13104
+ "default": "false"
13105
+ },
12878
13106
  {
12879
13107
  "kind": "field",
12880
13108
  "name": "_treeContextState",
@@ -12882,7 +13110,7 @@
12882
13110
  "text": "TreeContext"
12883
13111
  },
12884
13112
  "privacy": "private",
12885
- "default": "{ isShiftPressed: false, selectedItems: new Set(), allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: null, activeItem: null, }"
13113
+ "default": "{ isShiftPressed: false, selectedItems: new Set(), hoveredItem: null, allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: null, activeItem: null, }"
12886
13114
  },
12887
13115
  {
12888
13116
  "kind": "field",
@@ -12908,6 +13136,48 @@
12908
13136
  },
12909
13137
  "privacy": "private"
12910
13138
  },
13139
+ {
13140
+ "kind": "field",
13141
+ "name": "_descriptionSlotElements",
13142
+ "type": {
13143
+ "text": "Element[]"
13144
+ },
13145
+ "privacy": "private"
13146
+ },
13147
+ {
13148
+ "kind": "field",
13149
+ "name": "_actionsSlotElements",
13150
+ "type": {
13151
+ "text": "Element[]"
13152
+ },
13153
+ "privacy": "private"
13154
+ },
13155
+ {
13156
+ "kind": "field",
13157
+ "name": "_decorationSlotElements",
13158
+ "type": {
13159
+ "text": "Element[]"
13160
+ },
13161
+ "privacy": "private"
13162
+ },
13163
+ {
13164
+ "kind": "field",
13165
+ "name": "_isPointerInside",
13166
+ "type": {
13167
+ "text": "boolean"
13168
+ },
13169
+ "privacy": "private",
13170
+ "default": "false"
13171
+ },
13172
+ {
13173
+ "kind": "field",
13174
+ "name": "_hasKeyboardFocus",
13175
+ "type": {
13176
+ "text": "boolean"
13177
+ },
13178
+ "privacy": "private",
13179
+ "default": "false"
13180
+ },
12911
13181
  {
12912
13182
  "kind": "method",
12913
13183
  "name": "_setAriaExpanded",
@@ -12932,6 +13202,93 @@
12932
13202
  }
12933
13203
  ]
12934
13204
  },
13205
+ {
13206
+ "kind": "method",
13207
+ "name": "_refreshDescriptionSlotState",
13208
+ "privacy": "private"
13209
+ },
13210
+ {
13211
+ "kind": "method",
13212
+ "name": "_refreshActionsSlotState",
13213
+ "privacy": "private"
13214
+ },
13215
+ {
13216
+ "kind": "method",
13217
+ "name": "_refreshDecorationSlotState",
13218
+ "privacy": "private"
13219
+ },
13220
+ {
13221
+ "kind": "method",
13222
+ "name": "_setCustomState",
13223
+ "privacy": "private",
13224
+ "parameters": [
13225
+ {
13226
+ "name": "stateName",
13227
+ "type": {
13228
+ "text": "string"
13229
+ }
13230
+ },
13231
+ {
13232
+ "name": "present",
13233
+ "type": {
13234
+ "text": "boolean"
13235
+ }
13236
+ }
13237
+ ]
13238
+ },
13239
+ {
13240
+ "kind": "method",
13241
+ "name": "_getActiveElement",
13242
+ "privacy": "private",
13243
+ "return": {
13244
+ "type": {
13245
+ "text": "Element | null"
13246
+ }
13247
+ }
13248
+ },
13249
+ {
13250
+ "kind": "method",
13251
+ "name": "_isActiveElementInActions",
13252
+ "privacy": "private",
13253
+ "return": {
13254
+ "type": {
13255
+ "text": "boolean"
13256
+ }
13257
+ },
13258
+ "parameters": [
13259
+ {
13260
+ "name": "activeElement",
13261
+ "type": {
13262
+ "text": "Element | null"
13263
+ }
13264
+ }
13265
+ ]
13266
+ },
13267
+ {
13268
+ "kind": "method",
13269
+ "name": "_updateActionsVisibility",
13270
+ "privacy": "private"
13271
+ },
13272
+ {
13273
+ "kind": "method",
13274
+ "name": "_updateFocusState",
13275
+ "privacy": "private"
13276
+ },
13277
+ {
13278
+ "kind": "method",
13279
+ "name": "_clearHoverState",
13280
+ "privacy": "private"
13281
+ },
13282
+ {
13283
+ "kind": "method",
13284
+ "name": "_adoptHoverFromSibling",
13285
+ "privacy": "private"
13286
+ },
13287
+ {
13288
+ "kind": "method",
13289
+ "name": "_claimHover",
13290
+ "privacy": "private"
13291
+ },
12935
13292
  {
12936
13293
  "kind": "method",
12937
13294
  "name": "_toggleActiveState",
@@ -12984,6 +13341,21 @@
12984
13341
  "name": "_handleChildrenSlotChange",
12985
13342
  "privacy": "private"
12986
13343
  },
13344
+ {
13345
+ "kind": "method",
13346
+ "name": "_handleDescriptionSlotChange",
13347
+ "privacy": "private"
13348
+ },
13349
+ {
13350
+ "kind": "method",
13351
+ "name": "_handleActionsSlotChange",
13352
+ "privacy": "private"
13353
+ },
13354
+ {
13355
+ "kind": "method",
13356
+ "name": "_handleDecorationSlotChange",
13357
+ "privacy": "private"
13358
+ },
12987
13359
  {
12988
13360
  "kind": "field",
12989
13361
  "name": "_handleMainSlotChange",
@@ -12994,6 +13366,26 @@
12994
13366
  "name": "_handleComponentFocus",
12995
13367
  "privacy": "private"
12996
13368
  },
13369
+ {
13370
+ "kind": "field",
13371
+ "name": "_handlePointerEnter",
13372
+ "privacy": "private"
13373
+ },
13374
+ {
13375
+ "kind": "field",
13376
+ "name": "_handlePointerLeave",
13377
+ "privacy": "private"
13378
+ },
13379
+ {
13380
+ "kind": "field",
13381
+ "name": "_handleFocusIn",
13382
+ "privacy": "private"
13383
+ },
13384
+ {
13385
+ "kind": "field",
13386
+ "name": "_handleFocusOut",
13387
+ "privacy": "private"
13388
+ },
12997
13389
  {
12998
13390
  "kind": "method",
12999
13391
  "name": "_handleContentClick",
@@ -13106,7 +13498,7 @@
13106
13498
  ],
13107
13499
  "superclass": {
13108
13500
  "name": "VscElement",
13109
- "module": "/src/includes/VscElement"
13501
+ "module": "/src/includes/VscElement.js"
13110
13502
  },
13111
13503
  "tagName": "vscode-tree-item",
13112
13504
  "customElement": true
@@ -14221,6 +14613,24 @@
14221
14613
  },
14222
14614
  "privacy": "private"
14223
14615
  },
14616
+ {
14617
+ "kind": "field",
14618
+ "name": "_prevXPos",
14619
+ "type": {
14620
+ "text": "number"
14621
+ },
14622
+ "privacy": "private",
14623
+ "default": "0"
14624
+ },
14625
+ {
14626
+ "kind": "field",
14627
+ "name": "_prevYPos",
14628
+ "type": {
14629
+ "text": "number"
14630
+ },
14631
+ "privacy": "private",
14632
+ "default": "0"
14633
+ },
14224
14634
  {
14225
14635
  "kind": "field",
14226
14636
  "name": "_opts",
@@ -14874,6 +15284,18 @@
14874
15284
  "name": "VscElement",
14875
15285
  "module": "/src/includes/VscElement.js"
14876
15286
  }
15287
+ },
15288
+ {
15289
+ "kind": "variable",
15290
+ "name": "value"
15291
+ },
15292
+ {
15293
+ "kind": "variable",
15294
+ "name": "selected"
15295
+ },
15296
+ {
15297
+ "kind": "variable",
15298
+ "name": "active"
14877
15299
  }
14878
15300
  ],
14879
15301
  "exports": [