@vscode-elements/elements 2.4.1-pre.1 → 2.5.0

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 (32) hide show
  1. package/custom-elements.json +337 -337
  2. package/dist/bundled.js +30 -30
  3. package/dist/includes/VscElement.js +1 -1
  4. package/dist/includes/VscElement.js.map +1 -1
  5. package/dist/includes/vscode-select/styles.d.ts.map +1 -1
  6. package/dist/includes/vscode-select/styles.js +12 -14
  7. package/dist/includes/vscode-select/styles.js.map +1 -1
  8. package/dist/vscode-button/vscode-button.styles.js +4 -4
  9. package/dist/vscode-button/vscode-button.styles.js.map +1 -1
  10. package/dist/vscode-checkbox/vscode-checkbox.js +1 -1
  11. package/dist/vscode-checkbox/vscode-checkbox.js.map +1 -1
  12. package/dist/vscode-collapsible/vscode-collapsible.d.ts +1 -1
  13. package/dist/vscode-collapsible/vscode-collapsible.d.ts.map +1 -1
  14. package/dist/vscode-collapsible/vscode-collapsible.js +5 -3
  15. package/dist/vscode-collapsible/vscode-collapsible.js.map +1 -1
  16. package/dist/vscode-icon/vscode-icon.js +1 -1
  17. package/dist/vscode-icon/vscode-icon.js.map +1 -1
  18. package/dist/vscode-multi-select/vscode-multi-select.js +1 -1
  19. package/dist/vscode-multi-select/vscode-multi-select.js.map +1 -1
  20. package/dist/vscode-radio/vscode-radio.js +1 -1
  21. package/dist/vscode-radio/vscode-radio.js.map +1 -1
  22. package/dist/vscode-single-select/vscode-single-select.js +1 -1
  23. package/dist/vscode-single-select/vscode-single-select.js.map +1 -1
  24. package/dist/vscode-textarea/vscode-textarea.styles.js +1 -1
  25. package/dist/vscode-textarea/vscode-textarea.styles.js.map +1 -1
  26. package/dist/vscode-textfield/vscode-textfield.js +1 -1
  27. package/dist/vscode-textfield/vscode-textfield.js.map +1 -1
  28. package/dist/vscode-textfield/vscode-textfield.styles.js +1 -1
  29. package/dist/vscode-textfield/vscode-textfield.styles.js.map +1 -1
  30. package/package.json +1 -2
  31. package/vscode.css-custom-data.json +3 -3
  32. package/vscode.html-custom-data.json +16 -16
@@ -938,7 +938,7 @@
938
938
  "type": {
939
939
  "text": "CSSResultGroup"
940
940
  },
941
- "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; } `, ]"
941
+ "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, 4px); border-bottom-right-radius: var(--vsc-border-right-radius, 4px); 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, 4px); border-top-right-radius: var(--vsc-border-right-radius, 4px); 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; } `, ]"
942
942
  }
943
943
  ],
944
944
  "exports": [
@@ -2449,7 +2449,7 @@
2449
2449
  },
2450
2450
  {
2451
2451
  "kind": "method",
2452
- "name": "_onActionClick",
2452
+ "name": "_onHeaderSlotClick",
2453
2453
  "privacy": "private",
2454
2454
  "parameters": [
2455
2455
  {
@@ -3926,203 +3926,6 @@
3926
3926
  }
3927
3927
  ]
3928
3928
  },
3929
- {
3930
- "kind": "javascript-module",
3931
- "path": "src/vscode-label/vscode-label.styles.ts",
3932
- "declarations": [
3933
- {
3934
- "kind": "variable",
3935
- "name": "styles",
3936
- "type": {
3937
- "text": "CSSResultGroup"
3938
- },
3939
- "default": "[ defaultStyles, css` :host { display: block; } .wrapper { color: var(--vscode-foreground, #cccccc); cursor: default; display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: 600; line-height: ${INPUT_LINE_HEIGHT_RATIO}; padding: 5px 0; } .wrapper.required:after { content: ' *'; } ::slotted(.normal) { font-weight: normal; } ::slotted(.lightened) { color: var(--vscode-foreground, #cccccc); opacity: 0.9; } `, ]"
3940
- }
3941
- ],
3942
- "exports": [
3943
- {
3944
- "kind": "js",
3945
- "name": "default",
3946
- "declaration": {
3947
- "name": "styles",
3948
- "module": "src/vscode-label/vscode-label.styles.ts"
3949
- }
3950
- }
3951
- ]
3952
- },
3953
- {
3954
- "kind": "javascript-module",
3955
- "path": "src/vscode-label/vscode-label.ts",
3956
- "declarations": [
3957
- {
3958
- "kind": "class",
3959
- "description": "",
3960
- "name": "VscodeLabel",
3961
- "cssProperties": [
3962
- {
3963
- "name": "--vscode-font-family",
3964
- "default": "sans-serif"
3965
- },
3966
- {
3967
- "name": "--vscode-font-size",
3968
- "default": "13px"
3969
- },
3970
- {
3971
- "name": "--vscode-foreground",
3972
- "default": "#cccccc"
3973
- }
3974
- ],
3975
- "members": [
3976
- {
3977
- "kind": "field",
3978
- "name": "htmlFor",
3979
- "type": {
3980
- "text": "string"
3981
- },
3982
- "attribute": "for",
3983
- "reflects": true
3984
- },
3985
- {
3986
- "kind": "field",
3987
- "name": "id",
3988
- "type": {
3989
- "text": "string"
3990
- },
3991
- "attribute": "id"
3992
- },
3993
- {
3994
- "kind": "field",
3995
- "name": "required",
3996
- "type": {
3997
- "text": "boolean"
3998
- },
3999
- "default": "false",
4000
- "attribute": "required",
4001
- "reflects": true
4002
- },
4003
- {
4004
- "kind": "field",
4005
- "name": "_id",
4006
- "type": {
4007
- "text": "string"
4008
- },
4009
- "privacy": "private",
4010
- "default": "''"
4011
- },
4012
- {
4013
- "kind": "field",
4014
- "name": "_htmlFor",
4015
- "type": {
4016
- "text": "string"
4017
- },
4018
- "privacy": "private",
4019
- "default": "''"
4020
- },
4021
- {
4022
- "kind": "field",
4023
- "name": "_connected",
4024
- "type": {
4025
- "text": "boolean"
4026
- },
4027
- "privacy": "private",
4028
- "default": "false"
4029
- },
4030
- {
4031
- "kind": "method",
4032
- "name": "_getTarget",
4033
- "privacy": "private"
4034
- },
4035
- {
4036
- "kind": "method",
4037
- "name": "_connectWithTarget",
4038
- "privacy": "private"
4039
- },
4040
- {
4041
- "kind": "method",
4042
- "name": "_handleClick",
4043
- "privacy": "private"
4044
- },
4045
- {
4046
- "kind": "field",
4047
- "name": "version",
4048
- "type": {
4049
- "text": "string"
4050
- },
4051
- "description": "VSCode Elements version",
4052
- "readonly": true,
4053
- "inheritedFrom": {
4054
- "name": "VscElement",
4055
- "module": "src/includes/VscElement.ts"
4056
- }
4057
- },
4058
- {
4059
- "kind": "method",
4060
- "name": "warn",
4061
- "parameters": [
4062
- {
4063
- "name": "message",
4064
- "type": {
4065
- "text": "string"
4066
- }
4067
- }
4068
- ],
4069
- "inheritedFrom": {
4070
- "name": "VscElement",
4071
- "module": "src/includes/VscElement.ts"
4072
- }
4073
- }
4074
- ],
4075
- "attributes": [
4076
- {
4077
- "name": "for",
4078
- "type": {
4079
- "text": "string"
4080
- },
4081
- "fieldName": "htmlFor"
4082
- },
4083
- {
4084
- "name": "id",
4085
- "type": {
4086
- "text": "string"
4087
- },
4088
- "fieldName": "id"
4089
- },
4090
- {
4091
- "name": "required",
4092
- "type": {
4093
- "text": "boolean"
4094
- },
4095
- "default": "false",
4096
- "fieldName": "required"
4097
- }
4098
- ],
4099
- "superclass": {
4100
- "name": "VscElement",
4101
- "module": "/src/includes/VscElement.js"
4102
- },
4103
- "tagName": "vscode-label",
4104
- "customElement": true
4105
- }
4106
- ],
4107
- "exports": [
4108
- {
4109
- "kind": "js",
4110
- "name": "VscodeLabel",
4111
- "declaration": {
4112
- "name": "VscodeLabel",
4113
- "module": "src/vscode-label/vscode-label.ts"
4114
- }
4115
- },
4116
- {
4117
- "kind": "custom-element-definition",
4118
- "name": "vscode-label",
4119
- "declaration": {
4120
- "name": "VscodeLabel",
4121
- "module": "src/vscode-label/vscode-label.ts"
4122
- }
4123
- }
4124
- ]
4125
- },
4126
3929
  {
4127
3930
  "kind": "javascript-module",
4128
3931
  "path": "src/vscode-multi-select/vscode-multi-select.styles.ts",
@@ -5883,38 +5686,248 @@
5883
5686
  "kind": "field",
5884
5687
  "name": "_longRunningHandle",
5885
5688
  "type": {
5886
- "text": "ReturnType<typeof setTimeout> | undefined"
5689
+ "text": "ReturnType<typeof setTimeout> | undefined"
5690
+ },
5691
+ "privacy": "private"
5692
+ },
5693
+ {
5694
+ "kind": "field",
5695
+ "name": "_isDeterminate",
5696
+ "type": {
5697
+ "text": "boolean"
5698
+ },
5699
+ "privacy": "private",
5700
+ "readonly": true
5701
+ },
5702
+ {
5703
+ "kind": "method",
5704
+ "name": "_maybeStartLongRunningTimer",
5705
+ "privacy": "private",
5706
+ "return": {
5707
+ "type": {
5708
+ "text": "void"
5709
+ }
5710
+ }
5711
+ },
5712
+ {
5713
+ "kind": "method",
5714
+ "name": "_clearLongRunningTimer",
5715
+ "privacy": "private",
5716
+ "return": {
5717
+ "type": {
5718
+ "text": "void"
5719
+ }
5720
+ }
5721
+ },
5722
+ {
5723
+ "kind": "field",
5724
+ "name": "version",
5725
+ "type": {
5726
+ "text": "string"
5727
+ },
5728
+ "description": "VSCode Elements version",
5729
+ "readonly": true,
5730
+ "inheritedFrom": {
5731
+ "name": "VscElement",
5732
+ "module": "src/includes/VscElement.ts"
5733
+ }
5734
+ },
5735
+ {
5736
+ "kind": "method",
5737
+ "name": "warn",
5738
+ "parameters": [
5739
+ {
5740
+ "name": "message",
5741
+ "type": {
5742
+ "text": "string"
5743
+ }
5744
+ }
5745
+ ],
5746
+ "inheritedFrom": {
5747
+ "name": "VscElement",
5748
+ "module": "src/includes/VscElement.ts"
5749
+ }
5750
+ }
5751
+ ],
5752
+ "attributes": [
5753
+ {
5754
+ "name": "value",
5755
+ "type": {
5756
+ "text": "number | undefined"
5757
+ },
5758
+ "description": "Current value for determinate mode. If undefined/NaN, the bar is indeterminate.",
5759
+ "fieldName": "value"
5760
+ },
5761
+ {
5762
+ "name": "max",
5763
+ "type": {
5764
+ "text": "number"
5765
+ },
5766
+ "default": "100",
5767
+ "description": "Maximum value for determinate mode.",
5768
+ "fieldName": "max"
5769
+ },
5770
+ {
5771
+ "name": "indeterminate",
5772
+ "type": {
5773
+ "text": "boolean"
5774
+ },
5775
+ "default": "false",
5776
+ "description": "Force indeterminate mode even if value is set.",
5777
+ "fieldName": "indeterminate"
5778
+ },
5779
+ {
5780
+ "name": "long-running-threshold",
5781
+ "type": {
5782
+ "text": "number"
5783
+ },
5784
+ "default": "15000",
5785
+ "description": "Switch to a gentler animation after this many ms in indeterminate mode.",
5786
+ "fieldName": "longRunningThreshold"
5787
+ }
5788
+ ],
5789
+ "superclass": {
5790
+ "name": "VscElement",
5791
+ "module": "/src/includes/VscElement.js"
5792
+ },
5793
+ "tagName": "vscode-progress-bar",
5794
+ "customElement": true
5795
+ }
5796
+ ],
5797
+ "exports": [
5798
+ {
5799
+ "kind": "js",
5800
+ "name": "VscodeProgressBar",
5801
+ "declaration": {
5802
+ "name": "VscodeProgressBar",
5803
+ "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
5804
+ }
5805
+ },
5806
+ {
5807
+ "kind": "custom-element-definition",
5808
+ "name": "vscode-progress-bar",
5809
+ "declaration": {
5810
+ "name": "VscodeProgressBar",
5811
+ "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
5812
+ }
5813
+ }
5814
+ ]
5815
+ },
5816
+ {
5817
+ "kind": "javascript-module",
5818
+ "path": "src/vscode-label/vscode-label.styles.ts",
5819
+ "declarations": [
5820
+ {
5821
+ "kind": "variable",
5822
+ "name": "styles",
5823
+ "type": {
5824
+ "text": "CSSResultGroup"
5825
+ },
5826
+ "default": "[ defaultStyles, css` :host { display: block; } .wrapper { color: var(--vscode-foreground, #cccccc); cursor: default; display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: 600; line-height: ${INPUT_LINE_HEIGHT_RATIO}; padding: 5px 0; } .wrapper.required:after { content: ' *'; } ::slotted(.normal) { font-weight: normal; } ::slotted(.lightened) { color: var(--vscode-foreground, #cccccc); opacity: 0.9; } `, ]"
5827
+ }
5828
+ ],
5829
+ "exports": [
5830
+ {
5831
+ "kind": "js",
5832
+ "name": "default",
5833
+ "declaration": {
5834
+ "name": "styles",
5835
+ "module": "src/vscode-label/vscode-label.styles.ts"
5836
+ }
5837
+ }
5838
+ ]
5839
+ },
5840
+ {
5841
+ "kind": "javascript-module",
5842
+ "path": "src/vscode-label/vscode-label.ts",
5843
+ "declarations": [
5844
+ {
5845
+ "kind": "class",
5846
+ "description": "",
5847
+ "name": "VscodeLabel",
5848
+ "cssProperties": [
5849
+ {
5850
+ "name": "--vscode-font-family",
5851
+ "default": "sans-serif"
5852
+ },
5853
+ {
5854
+ "name": "--vscode-font-size",
5855
+ "default": "13px"
5856
+ },
5857
+ {
5858
+ "name": "--vscode-foreground",
5859
+ "default": "#cccccc"
5860
+ }
5861
+ ],
5862
+ "members": [
5863
+ {
5864
+ "kind": "field",
5865
+ "name": "htmlFor",
5866
+ "type": {
5867
+ "text": "string"
5868
+ },
5869
+ "attribute": "for",
5870
+ "reflects": true
5871
+ },
5872
+ {
5873
+ "kind": "field",
5874
+ "name": "id",
5875
+ "type": {
5876
+ "text": "string"
5877
+ },
5878
+ "attribute": "id"
5879
+ },
5880
+ {
5881
+ "kind": "field",
5882
+ "name": "required",
5883
+ "type": {
5884
+ "text": "boolean"
5885
+ },
5886
+ "default": "false",
5887
+ "attribute": "required",
5888
+ "reflects": true
5889
+ },
5890
+ {
5891
+ "kind": "field",
5892
+ "name": "_id",
5893
+ "type": {
5894
+ "text": "string"
5895
+ },
5896
+ "privacy": "private",
5897
+ "default": "''"
5898
+ },
5899
+ {
5900
+ "kind": "field",
5901
+ "name": "_htmlFor",
5902
+ "type": {
5903
+ "text": "string"
5887
5904
  },
5888
- "privacy": "private"
5905
+ "privacy": "private",
5906
+ "default": "''"
5889
5907
  },
5890
5908
  {
5891
5909
  "kind": "field",
5892
- "name": "_isDeterminate",
5910
+ "name": "_connected",
5893
5911
  "type": {
5894
5912
  "text": "boolean"
5895
5913
  },
5896
5914
  "privacy": "private",
5897
- "readonly": true
5915
+ "default": "false"
5898
5916
  },
5899
5917
  {
5900
5918
  "kind": "method",
5901
- "name": "_maybeStartLongRunningTimer",
5902
- "privacy": "private",
5903
- "return": {
5904
- "type": {
5905
- "text": "void"
5906
- }
5907
- }
5919
+ "name": "_getTarget",
5920
+ "privacy": "private"
5908
5921
  },
5909
5922
  {
5910
5923
  "kind": "method",
5911
- "name": "_clearLongRunningTimer",
5912
- "privacy": "private",
5913
- "return": {
5914
- "type": {
5915
- "text": "void"
5916
- }
5917
- }
5924
+ "name": "_connectWithTarget",
5925
+ "privacy": "private"
5926
+ },
5927
+ {
5928
+ "kind": "method",
5929
+ "name": "_handleClick",
5930
+ "privacy": "private"
5918
5931
  },
5919
5932
  {
5920
5933
  "kind": "field",
@@ -5948,64 +5961,51 @@
5948
5961
  ],
5949
5962
  "attributes": [
5950
5963
  {
5951
- "name": "value",
5964
+ "name": "for",
5952
5965
  "type": {
5953
- "text": "number | undefined"
5966
+ "text": "string"
5954
5967
  },
5955
- "description": "Current value for determinate mode. If undefined/NaN, the bar is indeterminate.",
5956
- "fieldName": "value"
5968
+ "fieldName": "htmlFor"
5957
5969
  },
5958
5970
  {
5959
- "name": "max",
5971
+ "name": "id",
5960
5972
  "type": {
5961
- "text": "number"
5973
+ "text": "string"
5962
5974
  },
5963
- "default": "100",
5964
- "description": "Maximum value for determinate mode.",
5965
- "fieldName": "max"
5975
+ "fieldName": "id"
5966
5976
  },
5967
5977
  {
5968
- "name": "indeterminate",
5978
+ "name": "required",
5969
5979
  "type": {
5970
5980
  "text": "boolean"
5971
5981
  },
5972
5982
  "default": "false",
5973
- "description": "Force indeterminate mode even if value is set.",
5974
- "fieldName": "indeterminate"
5975
- },
5976
- {
5977
- "name": "long-running-threshold",
5978
- "type": {
5979
- "text": "number"
5980
- },
5981
- "default": "15000",
5982
- "description": "Switch to a gentler animation after this many ms in indeterminate mode.",
5983
- "fieldName": "longRunningThreshold"
5983
+ "fieldName": "required"
5984
5984
  }
5985
5985
  ],
5986
5986
  "superclass": {
5987
5987
  "name": "VscElement",
5988
5988
  "module": "/src/includes/VscElement.js"
5989
5989
  },
5990
- "tagName": "vscode-progress-bar",
5990
+ "tagName": "vscode-label",
5991
5991
  "customElement": true
5992
5992
  }
5993
5993
  ],
5994
5994
  "exports": [
5995
5995
  {
5996
5996
  "kind": "js",
5997
- "name": "VscodeProgressBar",
5997
+ "name": "VscodeLabel",
5998
5998
  "declaration": {
5999
- "name": "VscodeProgressBar",
6000
- "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
5999
+ "name": "VscodeLabel",
6000
+ "module": "src/vscode-label/vscode-label.ts"
6001
6001
  }
6002
6002
  },
6003
6003
  {
6004
6004
  "kind": "custom-element-definition",
6005
- "name": "vscode-progress-bar",
6005
+ "name": "vscode-label",
6006
6006
  "declaration": {
6007
- "name": "VscodeProgressBar",
6008
- "module": "src/vscode-progress-bar/vscode-progress-bar.ts"
6007
+ "name": "VscodeLabel",
6008
+ "module": "src/vscode-label/vscode-label.ts"
6009
6009
  }
6010
6010
  }
6011
6011
  ]
@@ -11770,7 +11770,7 @@
11770
11770
  "type": {
11771
11771
  "text": "CSSResultGroup"
11772
11772
  },
11773
- "default": "[ defaultStyles, css` :host { display: inline-block; height: auto; position: relative; width: 320px; } :host([cols]) { width: auto; } :host([rows]) { height: auto; } .shadow { box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset; display: none; inset: 0 0 auto 0; height: 6px; pointer-events: none; position: absolute; width: 100%; } .shadow.visible { display: block; } textarea { background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var(--vscode-settings-textInputBorder, transparent); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); height: 100%; width: 100%; } :host([cols]) textarea { width: auto; } :host([rows]) textarea { height: auto; } :host([invalid]) textarea, :host(:invalid) textarea { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } textarea.monospace { background-color: var(--vscode-editor-background, #1f1f1f); color: var(--vscode-editor-foreground, #cccccc); font-family: var(--vscode-editor-font-family, monospace); font-size: var(--vscode-editor-font-size, 14px); font-weight: var(--vscode-editor-font-weight, normal); } .textarea.monospace::placeholder { color: var( --vscode-editor-inlineValuesForeground, rgba(255, 255, 255, 0.5) ); } textarea.cursor-pointer { cursor: pointer; } textarea:focus { border-color: var(--vscode-focusBorder, #0078d4); outline: none; } textarea::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } textarea::-webkit-scrollbar-track { background-color: transparent; } textarea::-webkit-scrollbar { width: 14px; } textarea::-webkit-scrollbar-thumb { background-color: transparent; } textarea:hover::-webkit-scrollbar-thumb { background-color: var( --vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4) ); } textarea::-webkit-scrollbar-thumb:hover { background-color: var( --vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7) ); } textarea::-webkit-scrollbar-thumb:active { background-color: var( --vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4) ); } textarea::-webkit-scrollbar-corner { background-color: transparent; } textarea::-webkit-resizer { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right bottom; } `, ]"
11773
+ "default": "[ defaultStyles, css` :host { display: inline-block; height: auto; position: relative; width: 320px; } :host([cols]) { width: auto; } :host([rows]) { height: auto; } .shadow { box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset; display: none; inset: 0 0 auto 0; height: 6px; pointer-events: none; position: absolute; width: 100%; } .shadow.visible { display: block; } textarea { background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var(--vscode-settings-textInputBorder, transparent); border-radius: 4px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); height: 100%; width: 100%; } :host([cols]) textarea { width: auto; } :host([rows]) textarea { height: auto; } :host([invalid]) textarea, :host(:invalid) textarea { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } textarea.monospace { background-color: var(--vscode-editor-background, #1f1f1f); color: var(--vscode-editor-foreground, #cccccc); font-family: var(--vscode-editor-font-family, monospace); font-size: var(--vscode-editor-font-size, 14px); font-weight: var(--vscode-editor-font-weight, normal); } .textarea.monospace::placeholder { color: var( --vscode-editor-inlineValuesForeground, rgba(255, 255, 255, 0.5) ); } textarea.cursor-pointer { cursor: pointer; } textarea:focus { border-color: var(--vscode-focusBorder, #0078d4); outline: none; } textarea::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } textarea::-webkit-scrollbar-track { background-color: transparent; } textarea::-webkit-scrollbar { width: 14px; } textarea::-webkit-scrollbar-thumb { background-color: transparent; } textarea:hover::-webkit-scrollbar-thumb { background-color: var( --vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4) ); } textarea::-webkit-scrollbar-thumb:hover { background-color: var( --vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7) ); } textarea::-webkit-scrollbar-thumb:active { background-color: var( --vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4) ); } textarea::-webkit-scrollbar-corner { background-color: transparent; } textarea::-webkit-resizer { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAACJJREFUeJxjYMAOZuIQZ5j5//9/rJJESczEKYGsG6cEXgAAsEEefMxkua4AAAAASUVORK5CYII='); background-repeat: no-repeat; background-position: right bottom; } `, ]"
11774
11774
  }
11775
11775
  ],
11776
11776
  "exports": [
@@ -12403,7 +12403,7 @@
12403
12403
  "type": {
12404
12404
  "text": "CSSResultGroup"
12405
12405
  },
12406
- "default": "[ defaultStyles, css` :host { display: inline-block; width: 320px; } .root { align-items: center; background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var( --vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground, #3c3c3c) ); border-radius: 2px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: flex; max-width: 100%; position: relative; width: 100%; } :host([focused]) .root { border-color: var(--vscode-focusBorder, #0078d4); } :host([invalid]), :host(:invalid) { border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([invalid]) input, :host(:invalid) input { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); } ::slotted([slot='content-before']) { display: block; margin-left: 2px; } ::slotted([slot='content-after']) { display: block; margin-right: 2px; } slot[name='content-before'], slot[name='content-after'] { align-items: center; display: flex; } input { background-color: var(--vscode-settings-textInputBackground, #313131); border: 0; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 18px; outline: none; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; width: 100%; } input:read-only:not([type='file']) { cursor: not-allowed; } input::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } input[type='file'] { line-height: 24px; padding-bottom: 0; padding-left: 2px; padding-top: 0; } input[type='file']::file-selector-button { background-color: var(--vscode-button-background, #0078d4); border: 0; border-radius: 2px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 20px; padding: 0 14px; } input[type='file']::file-selector-button:hover { background-color: var(--vscode-button-hoverBackground, #026ec1); } `, ]"
12406
+ "default": "[ defaultStyles, css` :host { display: inline-block; width: 320px; } .root { align-items: center; background-color: var(--vscode-settings-textInputBackground, #313131); border-color: var( --vscode-settings-textInputBorder, var(--vscode-settings-textInputBackground, #3c3c3c) ); border-radius: 4px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: flex; max-width: 100%; position: relative; width: 100%; } :host([focused]) .root { border-color: var(--vscode-focusBorder, #0078d4); } :host([invalid]), :host(:invalid) { border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([invalid]) input, :host(:invalid) input { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); } ::slotted([slot='content-before']) { display: block; margin-left: 2px; } ::slotted([slot='content-after']) { display: block; margin-right: 2px; } slot[name='content-before'], slot[name='content-after'] { align-items: center; display: flex; } input { background-color: var(--vscode-settings-textInputBackground, #313131); border: 0; box-sizing: border-box; color: var(--vscode-settings-textInputForeground, #cccccc); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 18px; outline: none; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; padding-top: 3px; width: 100%; } input:read-only:not([type='file']) { cursor: not-allowed; } input::placeholder { color: var(--vscode-input-placeholderForeground, #989898); opacity: 1; } input[type='file'] { line-height: 24px; padding-bottom: 0; padding-left: 2px; padding-top: 0; } input[type='file']::file-selector-button { background-color: var(--vscode-button-background, #0078d4); border: 0; border-radius: 2px; color: var(--vscode-button-foreground, #ffffff); cursor: pointer; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, 'normal'); line-height: 20px; padding: 0 14px; } input[type='file']::file-selector-button:hover { background-color: var(--vscode-button-hoverBackground, #026ec1); } `, ]"
12407
12407
  }
12408
12408
  ],
12409
12409
  "exports": [
@@ -13241,96 +13241,6 @@
13241
13241
  }
13242
13242
  ]
13243
13243
  },
13244
- {
13245
- "kind": "javascript-module",
13246
- "path": "src/vscode-toolbar-container/vscode-toolbar-container.styles.ts",
13247
- "declarations": [
13248
- {
13249
- "kind": "variable",
13250
- "name": "styles",
13251
- "type": {
13252
- "text": "CSSResultGroup"
13253
- },
13254
- "default": "[ defaultStyles, css` :host { display: block; } div { gap: 4px; display: flex; align-items: center; } `, ]"
13255
- }
13256
- ],
13257
- "exports": [
13258
- {
13259
- "kind": "js",
13260
- "name": "default",
13261
- "declaration": {
13262
- "name": "styles",
13263
- "module": "src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"
13264
- }
13265
- }
13266
- ]
13267
- },
13268
- {
13269
- "kind": "javascript-module",
13270
- "path": "src/vscode-toolbar-container/vscode-toolbar-container.ts",
13271
- "declarations": [
13272
- {
13273
- "kind": "class",
13274
- "description": "Simple container to arrange the toolar buttons",
13275
- "name": "VscodeToolbarContainer",
13276
- "members": [
13277
- {
13278
- "kind": "field",
13279
- "name": "version",
13280
- "type": {
13281
- "text": "string"
13282
- },
13283
- "description": "VSCode Elements version",
13284
- "readonly": true,
13285
- "inheritedFrom": {
13286
- "name": "VscElement",
13287
- "module": "src/includes/VscElement.ts"
13288
- }
13289
- },
13290
- {
13291
- "kind": "method",
13292
- "name": "warn",
13293
- "parameters": [
13294
- {
13295
- "name": "message",
13296
- "type": {
13297
- "text": "string"
13298
- }
13299
- }
13300
- ],
13301
- "inheritedFrom": {
13302
- "name": "VscElement",
13303
- "module": "src/includes/VscElement.ts"
13304
- }
13305
- }
13306
- ],
13307
- "superclass": {
13308
- "name": "VscElement",
13309
- "module": "/src/includes/VscElement.js"
13310
- },
13311
- "tagName": "vscode-toolbar-container",
13312
- "customElement": true
13313
- }
13314
- ],
13315
- "exports": [
13316
- {
13317
- "kind": "js",
13318
- "name": "VscodeToolbarContainer",
13319
- "declaration": {
13320
- "name": "VscodeToolbarContainer",
13321
- "module": "src/vscode-toolbar-container/vscode-toolbar-container.ts"
13322
- }
13323
- },
13324
- {
13325
- "kind": "custom-element-definition",
13326
- "name": "vscode-toolbar-container",
13327
- "declaration": {
13328
- "name": "VscodeToolbarContainer",
13329
- "module": "src/vscode-toolbar-container/vscode-toolbar-container.ts"
13330
- }
13331
- }
13332
- ]
13333
- },
13334
13244
  {
13335
13245
  "kind": "javascript-module",
13336
13246
  "path": "src/vscode-tree/helpers.ts",
@@ -14828,6 +14738,96 @@
14828
14738
  }
14829
14739
  ]
14830
14740
  },
14741
+ {
14742
+ "kind": "javascript-module",
14743
+ "path": "src/vscode-toolbar-container/vscode-toolbar-container.styles.ts",
14744
+ "declarations": [
14745
+ {
14746
+ "kind": "variable",
14747
+ "name": "styles",
14748
+ "type": {
14749
+ "text": "CSSResultGroup"
14750
+ },
14751
+ "default": "[ defaultStyles, css` :host { display: block; } div { gap: 4px; display: flex; align-items: center; } `, ]"
14752
+ }
14753
+ ],
14754
+ "exports": [
14755
+ {
14756
+ "kind": "js",
14757
+ "name": "default",
14758
+ "declaration": {
14759
+ "name": "styles",
14760
+ "module": "src/vscode-toolbar-container/vscode-toolbar-container.styles.ts"
14761
+ }
14762
+ }
14763
+ ]
14764
+ },
14765
+ {
14766
+ "kind": "javascript-module",
14767
+ "path": "src/vscode-toolbar-container/vscode-toolbar-container.ts",
14768
+ "declarations": [
14769
+ {
14770
+ "kind": "class",
14771
+ "description": "Simple container to arrange the toolar buttons",
14772
+ "name": "VscodeToolbarContainer",
14773
+ "members": [
14774
+ {
14775
+ "kind": "field",
14776
+ "name": "version",
14777
+ "type": {
14778
+ "text": "string"
14779
+ },
14780
+ "description": "VSCode Elements version",
14781
+ "readonly": true,
14782
+ "inheritedFrom": {
14783
+ "name": "VscElement",
14784
+ "module": "src/includes/VscElement.ts"
14785
+ }
14786
+ },
14787
+ {
14788
+ "kind": "method",
14789
+ "name": "warn",
14790
+ "parameters": [
14791
+ {
14792
+ "name": "message",
14793
+ "type": {
14794
+ "text": "string"
14795
+ }
14796
+ }
14797
+ ],
14798
+ "inheritedFrom": {
14799
+ "name": "VscElement",
14800
+ "module": "src/includes/VscElement.ts"
14801
+ }
14802
+ }
14803
+ ],
14804
+ "superclass": {
14805
+ "name": "VscElement",
14806
+ "module": "/src/includes/VscElement.js"
14807
+ },
14808
+ "tagName": "vscode-toolbar-container",
14809
+ "customElement": true
14810
+ }
14811
+ ],
14812
+ "exports": [
14813
+ {
14814
+ "kind": "js",
14815
+ "name": "VscodeToolbarContainer",
14816
+ "declaration": {
14817
+ "name": "VscodeToolbarContainer",
14818
+ "module": "src/vscode-toolbar-container/vscode-toolbar-container.ts"
14819
+ }
14820
+ },
14821
+ {
14822
+ "kind": "custom-element-definition",
14823
+ "name": "vscode-toolbar-container",
14824
+ "declaration": {
14825
+ "name": "VscodeToolbarContainer",
14826
+ "module": "src/vscode-toolbar-container/vscode-toolbar-container.ts"
14827
+ }
14828
+ }
14829
+ ]
14830
+ },
14831
14831
  {
14832
14832
  "kind": "javascript-module",
14833
14833
  "path": "src/includes/vscode-select/OptionListController.ts",