@vscode-elements/elements 2.0.0-pre.4 → 2.0.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 (80) hide show
  1. package/custom-elements.json +4987 -4933
  2. package/dist/bundled.js +115 -60
  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 +26 -5
  7. package/dist/includes/vscode-select/styles.js.map +1 -1
  8. package/dist/includes/vscode-select/vscode-select-base.d.ts.map +1 -1
  9. package/dist/includes/vscode-select/vscode-select-base.js +2 -0
  10. package/dist/includes/vscode-select/vscode-select-base.js.map +1 -1
  11. package/dist/vscode-collapsible/vscode-collapsible.d.ts +11 -2
  12. package/dist/vscode-collapsible/vscode-collapsible.d.ts.map +1 -1
  13. package/dist/vscode-collapsible/vscode-collapsible.js +16 -4
  14. package/dist/vscode-collapsible/vscode-collapsible.js.map +1 -1
  15. package/dist/vscode-scrollable/vscode-scrollable.d.ts.map +1 -1
  16. package/dist/vscode-scrollable/vscode-scrollable.js +8 -9
  17. package/dist/vscode-scrollable/vscode-scrollable.js.map +1 -1
  18. package/dist/vscode-tab-header/vscode-tab-header.d.ts +5 -6
  19. package/dist/vscode-tab-header/vscode-tab-header.d.ts.map +1 -1
  20. package/dist/vscode-tab-header/vscode-tab-header.js +5 -6
  21. package/dist/vscode-tab-header/vscode-tab-header.js.map +1 -1
  22. package/dist/vscode-tab-header/vscode-tab-header.styles.js +8 -8
  23. package/dist/vscode-tab-header/vscode-tab-header.styles.js.map +1 -1
  24. package/dist/vscode-tab-panel/vscode-tab-panel.d.ts +2 -2
  25. package/dist/vscode-tab-panel/vscode-tab-panel.js +2 -2
  26. package/dist/vscode-tab-panel/vscode-tab-panel.js.map +1 -1
  27. package/dist/vscode-tab-panel/vscode-tab-panel.styles.js +2 -2
  28. package/dist/vscode-tab-panel/vscode-tab-panel.styles.js.map +1 -1
  29. package/dist/vscode-table/vscode-table.d.ts +3 -7
  30. package/dist/vscode-table/vscode-table.d.ts.map +1 -1
  31. package/dist/vscode-table/vscode-table.js +3 -7
  32. package/dist/vscode-table/vscode-table.js.map +1 -1
  33. package/dist/vscode-table/vscode-table.styles.d.ts.map +1 -1
  34. package/dist/vscode-table/vscode-table.styles.js +17 -5
  35. package/dist/vscode-table/vscode-table.styles.js.map +1 -1
  36. package/dist/vscode-table-body/vscode-table-body.d.ts +0 -2
  37. package/dist/vscode-table-body/vscode-table-body.d.ts.map +1 -1
  38. package/dist/vscode-table-body/vscode-table-body.js +0 -2
  39. package/dist/vscode-table-body/vscode-table-body.js.map +1 -1
  40. package/dist/vscode-table-cell/vscode-table-cell.d.ts +4 -4
  41. package/dist/vscode-table-cell/vscode-table-cell.js +4 -4
  42. package/dist/vscode-table-cell/vscode-table-cell.js.map +1 -1
  43. package/dist/vscode-table-cell/vscode-table-cell.styles.d.ts.map +1 -1
  44. package/dist/vscode-table-cell/vscode-table-cell.styles.js +7 -4
  45. package/dist/vscode-table-cell/vscode-table-cell.styles.js.map +1 -1
  46. package/dist/vscode-table-header/vscode-table-header.d.ts +1 -1
  47. package/dist/vscode-table-header/vscode-table-header.js +1 -1
  48. package/dist/vscode-table-header/vscode-table-header.js.map +1 -1
  49. package/dist/vscode-table-header/vscode-table-header.styles.d.ts.map +1 -1
  50. package/dist/vscode-table-header/vscode-table-header.styles.js +4 -1
  51. package/dist/vscode-table-header/vscode-table-header.styles.js.map +1 -1
  52. package/dist/vscode-table-header-cell/vscode-table-header-cell.d.ts +3 -3
  53. package/dist/vscode-table-header-cell/vscode-table-header-cell.js +3 -3
  54. package/dist/vscode-table-header-cell/vscode-table-header-cell.js.map +1 -1
  55. package/dist/vscode-table-header-cell/vscode-table-header-cell.styles.js +3 -3
  56. package/dist/vscode-table-header-cell/vscode-table-header-cell.styles.js.map +1 -1
  57. package/dist/vscode-table-row/vscode-table-row.d.ts +1 -1
  58. package/dist/vscode-table-row/vscode-table-row.js +1 -1
  59. package/dist/vscode-table-row/vscode-table-row.js.map +1 -1
  60. package/dist/vscode-table-row/vscode-table-row.styles.d.ts.map +1 -1
  61. package/dist/vscode-table-row/vscode-table-row.styles.js +4 -1
  62. package/dist/vscode-table-row/vscode-table-row.styles.js.map +1 -1
  63. package/dist/vscode-tabs/vscode-tabs.d.ts +5 -5
  64. package/dist/vscode-tabs/vscode-tabs.js +5 -5
  65. package/dist/vscode-tabs/vscode-tabs.js.map +1 -1
  66. package/dist/vscode-tabs/vscode-tabs.styles.js +5 -5
  67. package/dist/vscode-tabs/vscode-tabs.styles.js.map +1 -1
  68. package/dist/vscode-tree/vscode-tree.d.ts +12 -0
  69. package/dist/vscode-tree/vscode-tree.d.ts.map +1 -1
  70. package/dist/vscode-tree/vscode-tree.js +12 -0
  71. package/dist/vscode-tree/vscode-tree.js.map +1 -1
  72. package/dist/vscode-tree/vscode-tree.styles.d.ts.map +1 -1
  73. package/dist/vscode-tree/vscode-tree.styles.js +13 -6
  74. package/dist/vscode-tree/vscode-tree.styles.js.map +1 -1
  75. package/dist/vscode-tree-item/vscode-tree-item.styles.d.ts.map +1 -1
  76. package/dist/vscode-tree-item/vscode-tree-item.styles.js +16 -9
  77. package/dist/vscode-tree-item/vscode-tree-item.styles.js.map +1 -1
  78. package/package.json +1 -1
  79. package/vscode.css-custom-data.json +43 -38
  80. package/vscode.html-custom-data.json +140 -144
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table.styles.js","sourceRoot":"","sources":["../../src/vscode-table/vscode-table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,UAAU,MAAM,+BAA+B,CAAC;AAEvD,MAAM,MAAM,GAAmB;IAC7B,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2HF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport baseStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n baseStyles,\n css`\n :host {\n display: block;\n --vsc-row-even-background: transparent;\n --vsc-row-odd-background: transparent;\n --vsc-row-border-bottom-width: 0;\n --vsc-row-border-top-width: 0;\n --vsc-row-display: table-row;\n }\n\n :host([bordered]),\n :host([bordered-rows]) {\n --vsc-row-border-bottom-width: 1px;\n }\n\n :host([compact]) {\n --vsc-row-display: block;\n }\n\n :host([bordered][compact]),\n :host([bordered-rows][compact]) {\n --vsc-row-border-bottom-width: 0;\n --vsc-row-border-top-width: 1px;\n }\n\n :host([zebra]) {\n --vsc-row-even-background: var(--vscode-keybindingTable-rowsBackground);\n }\n\n :host([zebra-odd]) {\n --vsc-row-odd-background: var(--vscode-keybindingTable-rowsBackground);\n }\n\n ::slotted(vscode-table-row) {\n width: 100%;\n }\n\n .wrapper {\n height: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n }\n\n .wrapper.select-disabled {\n user-select: none;\n }\n\n .wrapper.resize-cursor {\n cursor: ew-resize;\n }\n\n .wrapper.compact-view .header-slot-wrapper {\n height: 0;\n overflow: hidden;\n }\n\n .scrollable {\n height: 100%;\n }\n\n .scrollable:before {\n background-color: transparent;\n content: '';\n display: block;\n height: 1px;\n position: absolute;\n width: 100%;\n }\n\n .wrapper:not(.compact-view) .scrollable:not([scrolled]):before {\n background-color: var(--vscode-editorGroup-border);\n }\n\n .sash {\n visibility: hidden;\n }\n\n :host([bordered-columns]) .sash,\n :host([bordered]) .sash {\n visibility: visible;\n }\n\n :host([resizable]) .wrapper:hover .sash {\n visibility: visible;\n }\n\n .sash {\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n\n .wrapper.compact-view .sash {\n display: none;\n }\n\n .sash.resizable {\n cursor: ew-resize;\n }\n\n .sash-visible {\n background-color: var(--vscode-editorGroup-border);\n height: 100%;\n position: absolute;\n top: 30px;\n width: 1px;\n }\n\n .sash.hover .sash-visible {\n background-color: var(--vscode-sash-hoverBorder);\n transition: background-color 50ms linear 300ms;\n }\n\n .sash .sash-clickable {\n background-color: transparent;\n height: 100%;\n left: -2px;\n position: absolute;\n width: 5px;\n }\n `,\n];\n\nexport default styles;\n"]}
1
+ {"version":3,"file":"vscode-table.styles.js","sourceRoot":"","sources":["../../src/vscode-table/vscode-table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,UAAU,MAAM,+BAA+B,CAAC;AAEvD,MAAM,MAAM,GAAmB;IAC7B,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuIF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport baseStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n baseStyles,\n css`\n :host {\n display: block;\n --vsc-row-even-background: transparent;\n --vsc-row-odd-background: transparent;\n --vsc-row-border-bottom-width: 0;\n --vsc-row-border-top-width: 0;\n --vsc-row-display: table-row;\n }\n\n :host([bordered]),\n :host([bordered-rows]) {\n --vsc-row-border-bottom-width: 1px;\n }\n\n :host([compact]) {\n --vsc-row-display: block;\n }\n\n :host([bordered][compact]),\n :host([bordered-rows][compact]) {\n --vsc-row-border-bottom-width: 0;\n --vsc-row-border-top-width: 1px;\n }\n\n :host([zebra]) {\n --vsc-row-even-background: var(\n --vscode-keybindingTable-rowsBackground,\n rgba(204, 204, 204, 0.04)\n );\n }\n\n :host([zebra-odd]) {\n --vsc-row-odd-background: var(\n --vscode-keybindingTable-rowsBackground,\n rgba(204, 204, 204, 0.04)\n );\n }\n\n ::slotted(vscode-table-row) {\n width: 100%;\n }\n\n .wrapper {\n height: 100%;\n max-width: 100%;\n overflow: hidden;\n position: relative;\n width: 100%;\n }\n\n .wrapper.select-disabled {\n user-select: none;\n }\n\n .wrapper.resize-cursor {\n cursor: ew-resize;\n }\n\n .wrapper.compact-view .header-slot-wrapper {\n height: 0;\n overflow: hidden;\n }\n\n .scrollable {\n height: 100%;\n }\n\n .scrollable:before {\n background-color: transparent;\n content: '';\n display: block;\n height: 1px;\n position: absolute;\n width: 100%;\n }\n\n .wrapper:not(.compact-view) .scrollable:not([scrolled]):before {\n background-color: var(\n --vscode-editorGroup-border,\n rgba(255, 255, 255, 0.09)\n );\n }\n\n .sash {\n visibility: hidden;\n }\n\n :host([bordered-columns]) .sash,\n :host([bordered]) .sash {\n visibility: visible;\n }\n\n :host([resizable]) .wrapper:hover .sash {\n visibility: visible;\n }\n\n .sash {\n height: 100%;\n position: absolute;\n top: 0;\n width: 1px;\n }\n\n .wrapper.compact-view .sash {\n display: none;\n }\n\n .sash.resizable {\n cursor: ew-resize;\n }\n\n .sash-visible {\n background-color: var(\n --vscode-editorGroup-border,\n rgba(255, 255, 255, 0.09)\n );\n height: 100%;\n position: absolute;\n top: 30px;\n width: 1px;\n }\n\n .sash.hover .sash-visible {\n background-color: var(--vscode-sash-hoverBorder, #0078d4);\n transition: background-color 50ms linear 300ms;\n }\n\n .sash .sash-clickable {\n background-color: transparent;\n height: 100%;\n left: -2px;\n position: absolute;\n width: 5px;\n }\n `,\n];\n\nexport default styles;\n"]}
@@ -2,8 +2,6 @@ import { TemplateResult } from 'lit';
2
2
  import { VscElement } from '../includes/VscElement.js';
3
3
  /**
4
4
  * @tag vscode-table-body
5
- *
6
- * @cssprop --vscode-keybindingTable-rowsBackground
7
5
  */
8
6
  export declare class VscodeTableBody extends VscElement {
9
7
  static styles: import("lit").CSSResultGroup;
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-body.d.ts","sourceRoot":"","sources":["../../src/vscode-table-body/vscode-table-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAgB,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGpE;;;;GAIG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,+BAAU;IAEhC,gBAAgB;IAEP,IAAI,SAAc;IAElB,MAAM,IAAI,cAAc;CAGlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
1
+ {"version":3,"file":"vscode-table-body.d.ts","sourceRoot":"","sources":["../../src/vscode-table-body/vscode-table-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAC,MAAM,KAAK,CAAC;AAEzC,OAAO,EAAgB,UAAU,EAAC,MAAM,2BAA2B,CAAC;AAGpE;;GAEG;AACH,qBACa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,MAAM,+BAAU;IAEhC,gBAAgB;IAEP,IAAI,SAAc;IAElB,MAAM,IAAI,cAAc;CAGlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
@@ -10,8 +10,6 @@ import { customElement, VscElement } from '../includes/VscElement.js';
10
10
  import styles from './vscode-table-body.styles.js';
11
11
  /**
12
12
  * @tag vscode-table-body
13
- *
14
- * @cssprop --vscode-keybindingTable-rowsBackground
15
13
  */
16
14
  let VscodeTableBody = class VscodeTableBody extends VscElement {
17
15
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-body.js","sourceRoot":"","sources":["../../src/vscode-table-body/vscode-table-body.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD;;;;GAIG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAGL,gBAAgB;QAEP,SAAI,GAAG,UAAU,CAAC;IAK7B,CAAC;IAHU,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AARe,sBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;6CACC;AALhB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAU3B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-body.styles.js';\n\n/**\n * @tag vscode-table-body\n *\n * @cssprop --vscode-keybindingTable-rowsBackground\n */\n@customElement('vscode-table-body')\nexport class VscodeTableBody extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'rowgroup';\n\n override render(): TemplateResult {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-body': VscodeTableBody;\n }\n}\n"]}
1
+ {"version":3,"file":"vscode-table-body.js","sourceRoot":"","sources":["../../src/vscode-table-body/vscode-table-body.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD;;GAEG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAGL,gBAAgB;QAEP,SAAI,GAAG,UAAU,CAAC;IAK7B,CAAC;IAHU,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AARe,sBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;6CACC;AALhB,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAU3B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-body.styles.js';\n\n/**\n * @tag vscode-table-body\n */\n@customElement('vscode-table-body')\nexport class VscodeTableBody extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'rowgroup';\n\n override render(): TemplateResult {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-body': VscodeTableBody;\n }\n}\n"]}
@@ -3,10 +3,10 @@ import { VscElement } from '../includes/VscElement.js';
3
3
  /**
4
4
  * @tag vscode-table-cell
5
5
  *
6
- * @cssprop --vscode-editorGroup-border
7
- * @cssprop --vscode-foreground
8
- * @cssprop --vscode-font-family
9
- * @cssprop --vscode-font-size
6
+ * @cssprop [--vscode-editorGroup-border=rgba(255, 255, 255, 0.09)]
7
+ * @cssprop [--vscode-foreground=#cccccc]
8
+ * @cssprop [--vscode-font-family=sans-serif]
9
+ * @cssprop [--vscode-font-size=13px]
10
10
  */
11
11
  export declare class VscodeTableCell extends VscElement {
12
12
  static styles: import("lit").CSSResultGroup;
@@ -11,10 +11,10 @@ import styles from './vscode-table-cell.styles.js';
11
11
  /**
12
12
  * @tag vscode-table-cell
13
13
  *
14
- * @cssprop --vscode-editorGroup-border
15
- * @cssprop --vscode-foreground
16
- * @cssprop --vscode-font-family
17
- * @cssprop --vscode-font-size
14
+ * @cssprop [--vscode-editorGroup-border=rgba(255, 255, 255, 0.09)]
15
+ * @cssprop [--vscode-foreground=#cccccc]
16
+ * @cssprop [--vscode-font-family=sans-serif]
17
+ * @cssprop [--vscode-font-size=13px]
18
18
  */
19
19
  let VscodeTableCell = class VscodeTableCell extends VscElement {
20
20
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-cell.js","sourceRoot":"","sources":["../../src/vscode-table-cell/vscode-table-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAkB,OAAO,EAAC,MAAM,KAAK,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD;;;;;;;GAOG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAGL,gBAAgB;QAEP,SAAI,GAAG,MAAM,CAAC;QAEvB;;WAEG;QAEH,gBAAW,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEH,YAAO,GAAG,KAAK,CAAC;IAgBlB,CAAC;IAdU,MAAM;QACb,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW;YACzC,CAAC,CAAC,IAAI,CAAA;YACA,IAAI,CAAC,WAAW;eACb;YACT,CAAC,CAAC,OAAO,CAAC;QAEZ,OAAO,IAAI,CAAA;;UAEL,kBAAkB;;;KAGvB,CAAC;IACJ,CAAC;;AA/Be,sBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;6CACH;AAMvB;IADC,QAAQ,CAAC,EAAC,SAAS,EAAE,cAAc,EAAC,CAAC;oDACrB;AAMjB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDACzB;AAjBL,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAiC3B","sourcesContent":["import {html, TemplateResult, nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-cell.styles.js';\n\n/**\n * @tag vscode-table-cell\n *\n * @cssprop --vscode-editorGroup-border\n * @cssprop --vscode-foreground\n * @cssprop --vscode-font-family\n * @cssprop --vscode-font-size\n */\n@customElement('vscode-table-cell')\nexport class VscodeTableCell extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'cell';\n\n /**\n * Cell label in the compact view of the responsive mode. For internal use only.\n */\n @property({attribute: 'column-label'})\n columnLabel = '';\n\n /**\n * Enable compact view in the responsive mode. For internal use only.\n */\n @property({type: Boolean, reflect: true})\n compact = false;\n\n override render(): TemplateResult {\n const columnLabelElement = this.columnLabel\n ? html`<div class=\"column-label\" role=\"presentation\">\n ${this.columnLabel}\n </div>`\n : nothing;\n\n return html`\n <div class=\"wrapper\">\n ${columnLabelElement}\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-cell': VscodeTableCell;\n }\n}\n"]}
1
+ {"version":3,"file":"vscode-table-cell.js","sourceRoot":"","sources":["../../src/vscode-table-cell/vscode-table-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAkB,OAAO,EAAC,MAAM,KAAK,CAAC;AAClD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,+BAA+B,CAAC;AAEnD;;;;;;;GAOG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAGL,gBAAgB;QAEP,SAAI,GAAG,MAAM,CAAC;QAEvB;;WAEG;QAEH,gBAAW,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEH,YAAO,GAAG,KAAK,CAAC;IAgBlB,CAAC;IAdU,MAAM;QACb,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW;YACzC,CAAC,CAAC,IAAI,CAAA;YACA,IAAI,CAAC,WAAW;eACb;YACT,CAAC,CAAC,OAAO,CAAC;QAEZ,OAAO,IAAI,CAAA;;UAEL,kBAAkB;;;KAGvB,CAAC;IACJ,CAAC;;AA/Be,sBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;6CACH;AAMvB;IADC,QAAQ,CAAC,EAAC,SAAS,EAAE,cAAc,EAAC,CAAC;oDACrB;AAMjB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDACzB;AAjBL,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAiC3B","sourcesContent":["import {html, TemplateResult, nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-cell.styles.js';\n\n/**\n * @tag vscode-table-cell\n *\n * @cssprop [--vscode-editorGroup-border=rgba(255, 255, 255, 0.09)]\n * @cssprop [--vscode-foreground=#cccccc]\n * @cssprop [--vscode-font-family=sans-serif]\n * @cssprop [--vscode-font-size=13px]\n */\n@customElement('vscode-table-cell')\nexport class VscodeTableCell extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'cell';\n\n /**\n * Cell label in the compact view of the responsive mode. For internal use only.\n */\n @property({attribute: 'column-label'})\n columnLabel = '';\n\n /**\n * Enable compact view in the responsive mode. For internal use only.\n */\n @property({type: Boolean, reflect: true})\n compact = false;\n\n override render(): TemplateResult {\n const columnLabelElement = this.columnLabel\n ? html`<div class=\"column-label\" role=\"presentation\">\n ${this.columnLabel}\n </div>`\n : nothing;\n\n return html`\n <div class=\"wrapper\">\n ${columnLabelElement}\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-cell': VscodeTableCell;\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-cell.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-table-cell/vscode-table-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cA8Cb,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"vscode-table-cell.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-table-cell/vscode-table-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cAiDb,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -4,14 +4,17 @@ const styles = [
4
4
  defaultStyles,
5
5
  css `
6
6
  :host {
7
- border-bottom-color: var(--vscode-editorGroup-border);
7
+ border-bottom-color: var(
8
+ --vscode-editorGroup-border,
9
+ rgba(255, 255, 255, 0.09)
10
+ );
8
11
  border-bottom-style: solid;
9
12
  border-bottom-width: var(--vsc-row-border-bottom-width);
10
13
  box-sizing: border-box;
11
- color: var(--vscode-foreground);
14
+ color: var(--vscode-foreground, #cccccc);
12
15
  display: table-cell;
13
- font-family: var(--vscode-font-family);
14
- font-size: var(--vscode-font-size);
16
+ font-family: var(--vscode-font-family, sans-serif);
17
+ font-size: var(--vscode-font-size, 13px);
15
18
  height: 24px;
16
19
  overflow: hidden;
17
20
  padding-left: 10px;
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-cell.styles.js","sourceRoot":"","sources":["../../src/vscode-table-cell/vscode-table-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n border-bottom-color: var(--vscode-editorGroup-border);\n border-bottom-style: solid;\n border-bottom-width: var(--vsc-row-border-bottom-width);\n box-sizing: border-box;\n color: var(--vscode-foreground);\n display: table-cell;\n font-family: var(--vscode-font-family);\n font-size: var(--vscode-font-size);\n height: 24px;\n overflow: hidden;\n padding-left: 10px;\n text-overflow: ellipsis;\n vertical-align: middle;\n white-space: nowrap;\n }\n\n :host([compact]) {\n display: block;\n height: auto;\n padding-bottom: 5px;\n width: 100% !important;\n }\n\n :host([compact]:first-child) {\n padding-top: 10px;\n }\n\n :host([compact]:last-child) {\n padding-bottom: 10px;\n }\n\n .wrapper {\n overflow: inherit;\n text-overflow: inherit;\n white-space: inherit;\n width: 100%;\n }\n\n .column-label {\n font-weight: bold;\n }\n `,\n];\n\nexport default styles;\n"]}
1
+ {"version":3,"file":"vscode-table-cell.styles.js","sourceRoot":"","sources":["../../src/vscode-table-cell/vscode-table-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n border-bottom-color: var(\n --vscode-editorGroup-border,\n rgba(255, 255, 255, 0.09)\n );\n border-bottom-style: solid;\n border-bottom-width: var(--vsc-row-border-bottom-width);\n box-sizing: border-box;\n color: var(--vscode-foreground, #cccccc);\n display: table-cell;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n height: 24px;\n overflow: hidden;\n padding-left: 10px;\n text-overflow: ellipsis;\n vertical-align: middle;\n white-space: nowrap;\n }\n\n :host([compact]) {\n display: block;\n height: auto;\n padding-bottom: 5px;\n width: 100% !important;\n }\n\n :host([compact]:first-child) {\n padding-top: 10px;\n }\n\n :host([compact]:last-child) {\n padding-bottom: 10px;\n }\n\n .wrapper {\n overflow: inherit;\n text-overflow: inherit;\n white-space: inherit;\n width: 100%;\n }\n\n .column-label {\n font-weight: bold;\n }\n `,\n];\n\nexport default styles;\n"]}
@@ -3,7 +3,7 @@ import { VscElement } from '../includes/VscElement.js';
3
3
  /**
4
4
  * @tag vscode-table-header
5
5
  *
6
- * @cssprop --vscode-keybindingTable-headerBackground - Table header background
6
+ * @cssprop [--vscode-keybindingTable-headerBackground=rgba(204, 204, 204, 0.04)] - Table header background
7
7
  */
8
8
  export declare class VscodeTableHeader extends VscElement {
9
9
  static styles: import("lit").CSSResultGroup;
@@ -11,7 +11,7 @@ import styles from './vscode-table-header.styles.js';
11
11
  /**
12
12
  * @tag vscode-table-header
13
13
  *
14
- * @cssprop --vscode-keybindingTable-headerBackground - Table header background
14
+ * @cssprop [--vscode-keybindingTable-headerBackground=rgba(204, 204, 204, 0.04)] - Table header background
15
15
  */
16
16
  let VscodeTableHeader = class VscodeTableHeader extends VscElement {
17
17
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-header.js","sourceRoot":"","sources":["../../src/vscode-table-header/vscode-table-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,iCAAiC,CAAC;AAErD;;;;GAIG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAGL,gBAAgB;QAEP,SAAI,GAAG,UAAU,CAAC;IAK7B,CAAC;IAHU,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AARe,wBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;+CACC;AALhB,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAU7B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-header.styles.js';\n\n/**\n * @tag vscode-table-header\n *\n * @cssprop --vscode-keybindingTable-headerBackground - Table header background\n */\n@customElement('vscode-table-header')\nexport class VscodeTableHeader extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'rowgroup';\n\n override render(): TemplateResult {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-header': VscodeTableHeader;\n }\n}\n"]}
1
+ {"version":3,"file":"vscode-table-header.js","sourceRoot":"","sources":["../../src/vscode-table-header/vscode-table-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,iCAAiC,CAAC;AAErD;;;;GAIG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAA1C;;QAGL,gBAAgB;QAEP,SAAI,GAAG,UAAU,CAAC;IAK7B,CAAC;IAHU,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AARe,wBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;+CACC;AALhB,iBAAiB;IAD7B,aAAa,CAAC,qBAAqB,CAAC;GACxB,iBAAiB,CAU7B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-header.styles.js';\n\n/**\n * @tag vscode-table-header\n *\n * @cssprop [--vscode-keybindingTable-headerBackground=rgba(204, 204, 204, 0.04)] - Table header background\n */\n@customElement('vscode-table-header')\nexport class VscodeTableHeader extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'rowgroup';\n\n override render(): TemplateResult {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-header': VscodeTableHeader;\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-header.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-table-header/vscode-table-header.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cAUb,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"vscode-table-header.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-table-header/vscode-table-header.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cAab,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -4,7 +4,10 @@ const styles = [
4
4
  defaultStyles,
5
5
  css `
6
6
  :host {
7
- background-color: var(--vscode-keybindingTable-headerBackground);
7
+ background-color: var(
8
+ --vscode-keybindingTable-headerBackground,
9
+ rgba(204, 204, 204, 0.04)
10
+ );
8
11
  display: table;
9
12
  table-layout: fixed;
10
13
  width: 100%;
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-header.styles.js","sourceRoot":"","sources":["../../src/vscode-table-header/vscode-table-header.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;GAOF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n background-color: var(--vscode-keybindingTable-headerBackground);\n display: table;\n table-layout: fixed;\n width: 100%;\n }\n `,\n];\n\nexport default styles;\n"]}
1
+ {"version":3,"file":"vscode-table-header.styles.js","sourceRoot":"","sources":["../../src/vscode-table-header/vscode-table-header.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;GAUF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n background-color: var(\n --vscode-keybindingTable-headerBackground,\n rgba(204, 204, 204, 0.04)\n );\n display: table;\n table-layout: fixed;\n width: 100%;\n }\n `,\n];\n\nexport default styles;\n"]}
@@ -3,9 +3,9 @@ import { VscElement } from '../includes/VscElement.js';
3
3
  /**
4
4
  * @tag vscode-table-header-cell
5
5
  *
6
- * @cssprop --vscode-foreground
7
- * @cssprop --vscode-font-family
8
- * @cssprop --vscode-font-size
6
+ * @cssprop [--vscode-foreground=#cccccc]
7
+ * @cssprop [--vscode-font-family=sans-serif]
8
+ * @cssprop [--vscode-font-size=13px]
9
9
  */
10
10
  export declare class VscodeTableHeaderCell extends VscElement {
11
11
  static styles: import("lit").CSSResultGroup;
@@ -11,9 +11,9 @@ import styles from './vscode-table-header-cell.styles.js';
11
11
  /**
12
12
  * @tag vscode-table-header-cell
13
13
  *
14
- * @cssprop --vscode-foreground
15
- * @cssprop --vscode-font-family
16
- * @cssprop --vscode-font-size
14
+ * @cssprop [--vscode-foreground=#cccccc]
15
+ * @cssprop [--vscode-font-family=sans-serif]
16
+ * @cssprop [--vscode-font-size=13px]
17
17
  */
18
18
  let VscodeTableHeaderCell = class VscodeTableHeaderCell extends VscElement {
19
19
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-header-cell.js","sourceRoot":"","sources":["../../src/vscode-table-header-cell/vscode-table-header-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;;;;;GAMG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAGL,gBAAgB;QAEP,SAAI,GAAG,cAAc,CAAC;IASjC,CAAC;IAPU,MAAM;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAZe,4BAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;mDACK;AALpB,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAcjC","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-header-cell.styles.js';\n\n/**\n * @tag vscode-table-header-cell\n *\n * @cssprop --vscode-foreground\n * @cssprop --vscode-font-family\n * @cssprop --vscode-font-size\n */\n@customElement('vscode-table-header-cell')\nexport class VscodeTableHeaderCell extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'columnheader';\n\n override render(): TemplateResult {\n return html`\n <div class=\"wrapper\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-header-cell': VscodeTableHeaderCell;\n }\n}\n"]}
1
+ {"version":3,"file":"vscode-table-header-cell.js","sourceRoot":"","sources":["../../src/vscode-table-header-cell/vscode-table-header-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAE1D;;;;;;GAMG;AAEI,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAGL,gBAAgB;QAEP,SAAI,GAAG,cAAc,CAAC;IASjC,CAAC;IAPU,MAAM;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAC;IACJ,CAAC;;AAZe,4BAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;mDACK;AALpB,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAcjC","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-header-cell.styles.js';\n\n/**\n * @tag vscode-table-header-cell\n *\n * @cssprop [--vscode-foreground=#cccccc]\n * @cssprop [--vscode-font-family=sans-serif]\n * @cssprop [--vscode-font-size=13px]\n */\n@customElement('vscode-table-header-cell')\nexport class VscodeTableHeaderCell extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'columnheader';\n\n override render(): TemplateResult {\n return html`\n <div class=\"wrapper\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-header-cell': VscodeTableHeaderCell;\n }\n}\n"]}
@@ -5,10 +5,10 @@ const styles = [
5
5
  css `
6
6
  :host {
7
7
  box-sizing: border-box;
8
- color: var(--vscode-foreground);
8
+ color: var(--vscode-foreground, #cccccc);
9
9
  display: table-cell;
10
- font-family: var(--vscode-font-family);
11
- font-size: var(--vscode-font-size);
10
+ font-family: var(--vscode-font-family, sans-serif);
11
+ font-size: var(--vscode-font-size, 13px);
12
12
  font-weight: bold;
13
13
  line-height: 20px;
14
14
  overflow: hidden;
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-header-cell.styles.js","sourceRoot":"","sources":["../../src/vscode-table-header-cell/vscode-table-header-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n box-sizing: border-box;\n color: var(--vscode-foreground);\n display: table-cell;\n font-family: var(--vscode-font-family);\n font-size: var(--vscode-font-size);\n font-weight: bold;\n line-height: 20px;\n overflow: hidden;\n padding-bottom: 5px;\n padding-left: 10px;\n padding-right: 0;\n padding-top: 5px;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .wrapper {\n box-sizing: inherit;\n overflow: inherit;\n text-overflow: inherit;\n white-space: inherit;\n width: 100%;\n }\n `,\n];\n\nexport default styles;\n"]}
1
+ {"version":3,"file":"vscode-table-header-cell.styles.js","sourceRoot":"","sources":["../../src/vscode-table-header-cell/vscode-table-header-cell.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n box-sizing: border-box;\n color: var(--vscode-foreground, #cccccc);\n display: table-cell;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: bold;\n line-height: 20px;\n overflow: hidden;\n padding-bottom: 5px;\n padding-left: 10px;\n padding-right: 0;\n padding-top: 5px;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .wrapper {\n box-sizing: inherit;\n overflow: inherit;\n text-overflow: inherit;\n white-space: inherit;\n width: 100%;\n }\n `,\n];\n\nexport default styles;\n"]}
@@ -3,7 +3,7 @@ import { VscElement } from '../includes/VscElement.js';
3
3
  /**
4
4
  * @tag vscode-table-row
5
5
  *
6
- * @cssprop --vscode-editorGroup-border
6
+ * @cssprop [--vscode-editorGroup-border=rgba(255, 255, 255, 0.09)]
7
7
  */
8
8
  export declare class VscodeTableRow extends VscElement {
9
9
  static styles: import("lit").CSSResultGroup;
@@ -11,7 +11,7 @@ import styles from './vscode-table-row.styles.js';
11
11
  /**
12
12
  * @tag vscode-table-row
13
13
  *
14
- * @cssprop --vscode-editorGroup-border
14
+ * @cssprop [--vscode-editorGroup-border=rgba(255, 255, 255, 0.09)]
15
15
  */
16
16
  let VscodeTableRow = class VscodeTableRow extends VscElement {
17
17
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-row.js","sourceRoot":"","sources":["../../src/vscode-table-row/vscode-table-row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAGL,gBAAgB;QAEP,SAAI,GAAG,KAAK,CAAC;IAKxB,CAAC;IAHU,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AARe,qBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;4CACJ;AALX,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAU1B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-row.styles.js';\n\n/**\n * @tag vscode-table-row\n *\n * @cssprop --vscode-editorGroup-border\n */\n@customElement('vscode-table-row')\nexport class VscodeTableRow extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'row';\n\n override render(): TemplateResult {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-row': VscodeTableRow;\n }\n}\n"]}
1
+ {"version":3,"file":"vscode-table-row.js","sourceRoot":"","sources":["../../src/vscode-table-row/vscode-table-row.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACpE,OAAO,MAAM,MAAM,8BAA8B,CAAC;AAElD;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAGL,gBAAgB;QAEP,SAAI,GAAG,KAAK,CAAC;IAKxB,CAAC;IAHU,MAAM;QACb,OAAO,IAAI,CAAA,iBAAiB,CAAC;IAC/B,CAAC;;AARe,qBAAM,GAAG,MAAM,AAAT,CAAU;AAIvB;IADR,QAAQ,CAAC,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;4CACJ;AALX,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAU1B","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport styles from './vscode-table-row.styles.js';\n\n/**\n * @tag vscode-table-row\n *\n * @cssprop [--vscode-editorGroup-border=rgba(255, 255, 255, 0.09)]\n */\n@customElement('vscode-table-row')\nexport class VscodeTableRow extends VscElement {\n static override styles = styles;\n\n /** @internal */\n @property({reflect: true})\n override role = 'row';\n\n override render(): TemplateResult {\n return html` <slot></slot> `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-table-row': VscodeTableRow;\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-row.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-table-row/vscode-table-row.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cAWb,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"vscode-table-row.styles.d.ts","sourceRoot":"","sources":["../../src/vscode-table-row/vscode-table-row.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,cAAc,EAAC,MAAM,KAAK,CAAC;AAGxC,QAAA,MAAM,MAAM,EAAE,cAcb,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -4,7 +4,10 @@ const styles = [
4
4
  defaultStyles,
5
5
  css `
6
6
  :host {
7
- border-top-color: var(--vscode-editorGroup-border);
7
+ border-top-color: var(
8
+ --vscode-editorGroup-border,
9
+ rgba(255, 255, 255, 0.09)
10
+ );
8
11
  border-top-style: solid;
9
12
  border-top-width: var(--vsc-row-border-top-width);
10
13
  display: var(--vsc-row-display);
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-table-row.styles.js","sourceRoot":"","sources":["../../src/vscode-table-row/vscode-table-row.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;GAQF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n border-top-color: var(--vscode-editorGroup-border);\n border-top-style: solid;\n border-top-width: var(--vsc-row-border-top-width);\n display: var(--vsc-row-display);\n width: 100%;\n }\n `,\n];\n\nexport default styles;\n"]}
1
+ {"version":3,"file":"vscode-table-row.styles.js","sourceRoot":"","sources":["../../src/vscode-table-row/vscode-table-row.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;GAWF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n border-top-color: var(\n --vscode-editorGroup-border,\n rgba(255, 255, 255, 0.09)\n );\n border-top-style: solid;\n border-top-width: var(--vsc-row-border-top-width);\n display: var(--vsc-row-display);\n width: 100%;\n }\n `,\n];\n\nexport default styles;\n"]}
@@ -12,11 +12,11 @@ export type VscTabsSelectEvent = CustomEvent<{
12
12
  *
13
13
  * @fires {VscTabSelectEvent} vsc-tabs-select - Dispatched when the active tab is changed
14
14
  *
15
- * @cssprop --vscode-font-family
16
- * @cssprop --vscode-font-size
17
- * @cssprop --vscode-font-weight
18
- * @cssprop --vscode-settings-headerBorder
19
- * @cssprop --vscode-panel-background
15
+ * @cssprop [--vscode-font-family=sans-serif]
16
+ * @cssprop [--vscode-font-size=13px]
17
+ * @cssprop [--vscode-font-weight=normal]
18
+ * @cssprop [--vscode-settings-headerBorder=#2b2b2b]
19
+ * @cssprop [--vscode-panel-background=#181818]
20
20
  */
21
21
  export declare class VscodeTabs extends VscElement {
22
22
  static styles: import("lit").CSSResultGroup;
@@ -21,11 +21,11 @@ import styles from './vscode-tabs.styles.js';
21
21
  *
22
22
  * @fires {VscTabSelectEvent} vsc-tabs-select - Dispatched when the active tab is changed
23
23
  *
24
- * @cssprop --vscode-font-family
25
- * @cssprop --vscode-font-size
26
- * @cssprop --vscode-font-weight
27
- * @cssprop --vscode-settings-headerBorder
28
- * @cssprop --vscode-panel-background
24
+ * @cssprop [--vscode-font-family=sans-serif]
25
+ * @cssprop [--vscode-font-size=13px]
26
+ * @cssprop [--vscode-font-weight=normal]
27
+ * @cssprop [--vscode-settings-headerBorder=#2b2b2b]
28
+ * @cssprop [--vscode-panel-background=#181818]
29
29
  */
30
30
  let VscodeTabs = class VscodeTabs extends VscElement {
31
31
  constructor() {
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-tabs.js","sourceRoot":"","sources":["../../src/vscode-tabs/vscode-tabs.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property, queryAssignedElements} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport uniqueId from '../includes/uniqueId.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport {VscodeTabHeader} from '../vscode-tab-header/index.js';\nimport {VscodeTabPanel} from '../vscode-tab-panel/index.js';\nimport styles from './vscode-tabs.styles.js';\n\nexport type VscTabsSelectEvent = CustomEvent<{selectedIndex: number}>;\n\n/**\n * @tag vscode-tabs\n *\n * @slot - Default slot. It is used for tab panels.\n * @slot header - Slot for tab headers.\n * @slot addons - Right aligned area in the header.\n *\n * @fires {VscTabSelectEvent} vsc-tabs-select - Dispatched when the active tab is changed\n *\n * @cssprop --vscode-font-family\n * @cssprop --vscode-font-size\n * @cssprop --vscode-font-weight\n * @cssprop --vscode-settings-headerBorder\n * @cssprop --vscode-panel-background\n */\n@customElement('vscode-tabs')\nexport class VscodeTabs extends VscElement {\n static override styles = styles;\n /**\n * Panel-like look\n */\n @property({type: Boolean, reflect: true})\n panel = false;\n\n @property({type: Number, reflect: true, attribute: 'selected-index'})\n selectedIndex = 0;\n\n constructor() {\n super();\n this._componentId = uniqueId();\n }\n\n override attributeChangedCallback(\n name: string,\n old: string | null,\n value: string | null\n ): void {\n super.attributeChangedCallback(name, old, value);\n\n if (name === 'selected-index') {\n this._setActiveTab();\n }\n\n if (name === 'panel') {\n this._tabHeaders.forEach((h) => (h.panel = value !== null));\n this._tabPanels.forEach((p) => (p.panel = value !== null));\n }\n }\n\n @queryAssignedElements({slot: 'header'})\n private _headerSlotElements!: Element[];\n\n @queryAssignedElements()\n private _mainSlotElements!: Element[];\n\n private _tabHeaders: VscodeTabHeader[] = [];\n\n private _tabPanels: VscodeTabPanel[] = [];\n\n private _componentId = '';\n\n private _tabFocus = 0;\n\n private _dispatchSelectEvent() {\n this.dispatchEvent(\n new CustomEvent('vsc-tabs-select', {\n detail: {\n selectedIndex: this.selectedIndex,\n },\n composed: true,\n }) as VscTabsSelectEvent\n );\n }\n\n private _setActiveTab() {\n this._tabFocus = this.selectedIndex;\n\n this._tabPanels.forEach((el, i) => {\n el.hidden = i !== this.selectedIndex;\n });\n\n this._tabHeaders.forEach((el: VscodeTabHeader, i) => {\n el.active = i === this.selectedIndex;\n });\n }\n\n private _focusPrevTab() {\n if (this._tabFocus === 0) {\n this._tabFocus = this._tabHeaders.length - 1;\n } else {\n this._tabFocus -= 1;\n }\n }\n\n private _focusNextTab() {\n if (this._tabFocus === this._tabHeaders.length - 1) {\n this._tabFocus = 0;\n } else {\n this._tabFocus += 1;\n }\n }\n\n private _onHeaderKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'ArrowLeft' || ev.key === 'ArrowRight') {\n ev.preventDefault();\n this._tabHeaders[this._tabFocus].setAttribute('tabindex', '-1');\n\n if (ev.key === 'ArrowLeft') {\n this._focusPrevTab();\n } else if (ev.key === 'ArrowRight') {\n this._focusNextTab();\n }\n\n this._tabHeaders[this._tabFocus].setAttribute('tabindex', '0');\n this._tabHeaders[this._tabFocus].focus();\n }\n\n if (ev.key === 'Enter') {\n ev.preventDefault();\n this.selectedIndex = this._tabFocus;\n this._dispatchSelectEvent();\n }\n }\n\n private _moveHeadersToHeaderSlot() {\n const headers = this._mainSlotElements.filter(\n (el) => el instanceof VscodeTabHeader\n ) as VscodeTabHeader[];\n\n if (headers.length > 0) {\n headers.forEach((h) => h.setAttribute('slot', 'header'));\n }\n }\n\n private _onMainSlotChange() {\n this._moveHeadersToHeaderSlot();\n\n this._tabPanels = this._mainSlotElements.filter(\n (el) => el instanceof VscodeTabPanel\n ) as VscodeTabPanel[];\n this._tabPanels.forEach((el, i) => {\n el.ariaLabelledby = `t${this._componentId}-h${i}`;\n el.id = `t${this._componentId}-p${i}`;\n el.panel = this.panel;\n });\n\n this._setActiveTab();\n }\n\n private _onHeaderSlotChange() {\n this._tabHeaders = this._headerSlotElements.filter(\n (el) => el instanceof VscodeTabHeader\n ) as VscodeTabHeader[];\n this._tabHeaders.forEach((el, i) => {\n el.tabId = i;\n el.id = `t${this._componentId}-h${i}`;\n el.ariaControls = `t${this._componentId}-p${i}`;\n el.panel = this.panel;\n el.active = i === this.selectedIndex;\n });\n }\n\n private _onHeaderClick(event: MouseEvent) {\n const path = event.composedPath();\n const headerEl = path.find(\n (et) => (et as VscodeTabHeader) instanceof VscodeTabHeader\n );\n\n if (headerEl) {\n this.selectedIndex = (headerEl as VscodeTabHeader).tabId;\n this._setActiveTab();\n this._dispatchSelectEvent();\n }\n }\n\n override render(): TemplateResult {\n return html`\n <div\n class=${classMap({header: true, panel: this.panel})}\n @click=${this._onHeaderClick}\n @keydown=${this._onHeaderKeyDown}\n >\n <div role=\"tablist\" class=\"tablist\">\n <slot\n name=\"header\"\n @slotchange=${this._onHeaderSlotChange}\n role=\"tablist\"\n ></slot>\n </div>\n <slot name=\"addons\"></slot>\n </div>\n <slot @slotchange=${this._onMainSlotChange}></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-tabs': VscodeTabs;\n }\n\n interface GlobalEventHandlersEventMap {\n 'vsc-tabs-select': VscTabsSelectEvent;\n }\n}\n"]}
1
+ {"version":3,"file":"vscode-tabs.js","sourceRoot":"","sources":["../../src/vscode-tabs/vscode-tabs.ts"],"names":[],"mappings":"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","sourcesContent":["import {html, TemplateResult} from 'lit';\nimport {property, queryAssignedElements} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport uniqueId from '../includes/uniqueId.js';\nimport {customElement, VscElement} from '../includes/VscElement.js';\nimport {VscodeTabHeader} from '../vscode-tab-header/index.js';\nimport {VscodeTabPanel} from '../vscode-tab-panel/index.js';\nimport styles from './vscode-tabs.styles.js';\n\nexport type VscTabsSelectEvent = CustomEvent<{selectedIndex: number}>;\n\n/**\n * @tag vscode-tabs\n *\n * @slot - Default slot. It is used for tab panels.\n * @slot header - Slot for tab headers.\n * @slot addons - Right aligned area in the header.\n *\n * @fires {VscTabSelectEvent} vsc-tabs-select - Dispatched when the active tab is changed\n *\n * @cssprop [--vscode-font-family=sans-serif]\n * @cssprop [--vscode-font-size=13px]\n * @cssprop [--vscode-font-weight=normal]\n * @cssprop [--vscode-settings-headerBorder=#2b2b2b]\n * @cssprop [--vscode-panel-background=#181818]\n */\n@customElement('vscode-tabs')\nexport class VscodeTabs extends VscElement {\n static override styles = styles;\n /**\n * Panel-like look\n */\n @property({type: Boolean, reflect: true})\n panel = false;\n\n @property({type: Number, reflect: true, attribute: 'selected-index'})\n selectedIndex = 0;\n\n constructor() {\n super();\n this._componentId = uniqueId();\n }\n\n override attributeChangedCallback(\n name: string,\n old: string | null,\n value: string | null\n ): void {\n super.attributeChangedCallback(name, old, value);\n\n if (name === 'selected-index') {\n this._setActiveTab();\n }\n\n if (name === 'panel') {\n this._tabHeaders.forEach((h) => (h.panel = value !== null));\n this._tabPanels.forEach((p) => (p.panel = value !== null));\n }\n }\n\n @queryAssignedElements({slot: 'header'})\n private _headerSlotElements!: Element[];\n\n @queryAssignedElements()\n private _mainSlotElements!: Element[];\n\n private _tabHeaders: VscodeTabHeader[] = [];\n\n private _tabPanels: VscodeTabPanel[] = [];\n\n private _componentId = '';\n\n private _tabFocus = 0;\n\n private _dispatchSelectEvent() {\n this.dispatchEvent(\n new CustomEvent('vsc-tabs-select', {\n detail: {\n selectedIndex: this.selectedIndex,\n },\n composed: true,\n }) as VscTabsSelectEvent\n );\n }\n\n private _setActiveTab() {\n this._tabFocus = this.selectedIndex;\n\n this._tabPanels.forEach((el, i) => {\n el.hidden = i !== this.selectedIndex;\n });\n\n this._tabHeaders.forEach((el: VscodeTabHeader, i) => {\n el.active = i === this.selectedIndex;\n });\n }\n\n private _focusPrevTab() {\n if (this._tabFocus === 0) {\n this._tabFocus = this._tabHeaders.length - 1;\n } else {\n this._tabFocus -= 1;\n }\n }\n\n private _focusNextTab() {\n if (this._tabFocus === this._tabHeaders.length - 1) {\n this._tabFocus = 0;\n } else {\n this._tabFocus += 1;\n }\n }\n\n private _onHeaderKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'ArrowLeft' || ev.key === 'ArrowRight') {\n ev.preventDefault();\n this._tabHeaders[this._tabFocus].setAttribute('tabindex', '-1');\n\n if (ev.key === 'ArrowLeft') {\n this._focusPrevTab();\n } else if (ev.key === 'ArrowRight') {\n this._focusNextTab();\n }\n\n this._tabHeaders[this._tabFocus].setAttribute('tabindex', '0');\n this._tabHeaders[this._tabFocus].focus();\n }\n\n if (ev.key === 'Enter') {\n ev.preventDefault();\n this.selectedIndex = this._tabFocus;\n this._dispatchSelectEvent();\n }\n }\n\n private _moveHeadersToHeaderSlot() {\n const headers = this._mainSlotElements.filter(\n (el) => el instanceof VscodeTabHeader\n ) as VscodeTabHeader[];\n\n if (headers.length > 0) {\n headers.forEach((h) => h.setAttribute('slot', 'header'));\n }\n }\n\n private _onMainSlotChange() {\n this._moveHeadersToHeaderSlot();\n\n this._tabPanels = this._mainSlotElements.filter(\n (el) => el instanceof VscodeTabPanel\n ) as VscodeTabPanel[];\n this._tabPanels.forEach((el, i) => {\n el.ariaLabelledby = `t${this._componentId}-h${i}`;\n el.id = `t${this._componentId}-p${i}`;\n el.panel = this.panel;\n });\n\n this._setActiveTab();\n }\n\n private _onHeaderSlotChange() {\n this._tabHeaders = this._headerSlotElements.filter(\n (el) => el instanceof VscodeTabHeader\n ) as VscodeTabHeader[];\n this._tabHeaders.forEach((el, i) => {\n el.tabId = i;\n el.id = `t${this._componentId}-h${i}`;\n el.ariaControls = `t${this._componentId}-p${i}`;\n el.panel = this.panel;\n el.active = i === this.selectedIndex;\n });\n }\n\n private _onHeaderClick(event: MouseEvent) {\n const path = event.composedPath();\n const headerEl = path.find(\n (et) => (et as VscodeTabHeader) instanceof VscodeTabHeader\n );\n\n if (headerEl) {\n this.selectedIndex = (headerEl as VscodeTabHeader).tabId;\n this._setActiveTab();\n this._dispatchSelectEvent();\n }\n }\n\n override render(): TemplateResult {\n return html`\n <div\n class=${classMap({header: true, panel: this.panel})}\n @click=${this._onHeaderClick}\n @keydown=${this._onHeaderKeyDown}\n >\n <div role=\"tablist\" class=\"tablist\">\n <slot\n name=\"header\"\n @slotchange=${this._onHeaderSlotChange}\n role=\"tablist\"\n ></slot>\n </div>\n <slot name=\"addons\"></slot>\n </div>\n <slot @slotchange=${this._onMainSlotChange}></slot>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'vscode-tabs': VscodeTabs;\n }\n\n interface GlobalEventHandlersEventMap {\n 'vsc-tabs-select': VscTabsSelectEvent;\n }\n}\n"]}
@@ -10,20 +10,20 @@ const styles = [
10
10
  .header {
11
11
  align-items: center;
12
12
  display: flex;
13
- font-family: var(--vscode-font-family);
14
- font-size: var(--vscode-font-size);
15
- font-weight: var(--vscode-font-weight);
13
+ font-family: var(--vscode-font-family, sans-serif);
14
+ font-size: var(--vscode-font-size, 13px);
15
+ font-weight: var(--vscode-font-weight, normal);
16
16
  width: 100%;
17
17
  }
18
18
 
19
19
  .header {
20
- border-bottom-color: var(--vscode-settings-headerBorder);
20
+ border-bottom-color: var(--vscode-settings-headerBorder, #2b2b2b);
21
21
  border-bottom-style: solid;
22
22
  border-bottom-width: 1px;
23
23
  }
24
24
 
25
25
  .header.panel {
26
- background-color: var(--vscode-panel-background);
26
+ background-color: var(--vscode-panel-background, #181818);
27
27
  border-bottom-width: 0;
28
28
  box-sizing: border-box;
29
29
  padding-left: 8px;
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-tabs.styles.js","sourceRoot":"","sources":["../../src/vscode-tabs/vscode-tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n display: block;\n }\n\n .header {\n align-items: center;\n display: flex;\n font-family: var(--vscode-font-family);\n font-size: var(--vscode-font-size);\n font-weight: var(--vscode-font-weight);\n width: 100%;\n }\n\n .header {\n border-bottom-color: var(--vscode-settings-headerBorder);\n border-bottom-style: solid;\n border-bottom-width: 1px;\n }\n\n .header.panel {\n background-color: var(--vscode-panel-background);\n border-bottom-width: 0;\n box-sizing: border-box;\n padding-left: 8px;\n padding-right: 8px;\n }\n\n .tablist {\n display: flex;\n margin-bottom: -1px;\n }\n\n slot[name='addons'] {\n display: block;\n margin-left: auto;\n }\n `,\n];\n\nexport default styles;\n"]}
1
+ {"version":3,"file":"vscode-tabs.styles.js","sourceRoot":"","sources":["../../src/vscode-tabs/vscode-tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAiB,MAAM,KAAK,CAAC;AACxC,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAE1D,MAAM,MAAM,GAAmB;IAC7B,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCF;CACF,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import {css, CSSResultGroup} from 'lit';\nimport defaultStyles from '../includes/default.styles.js';\n\nconst styles: CSSResultGroup = [\n defaultStyles,\n css`\n :host {\n display: block;\n }\n\n .header {\n align-items: center;\n display: flex;\n font-family: var(--vscode-font-family, sans-serif);\n font-size: var(--vscode-font-size, 13px);\n font-weight: var(--vscode-font-weight, normal);\n width: 100%;\n }\n\n .header {\n border-bottom-color: var(--vscode-settings-headerBorder, #2b2b2b);\n border-bottom-style: solid;\n border-bottom-width: 1px;\n }\n\n .header.panel {\n background-color: var(--vscode-panel-background, #181818);\n border-bottom-width: 0;\n box-sizing: border-box;\n padding-left: 8px;\n padding-right: 8px;\n }\n\n .tablist {\n display: flex;\n margin-bottom: -1px;\n }\n\n slot[name='addons'] {\n display: block;\n margin-left: auto;\n }\n `,\n];\n\nexport default styles;\n"]}
@@ -17,6 +17,18 @@ export declare const IndentGuides: {
17
17
  export type IndentGuideDisplay = (typeof IndentGuides)[keyof typeof IndentGuides];
18
18
  /**
19
19
  * @tag vscode-tree
20
+ *
21
+ * @cssprop [--vscode-font-family=sans-serif]
22
+ * @cssprop [--vscode-font-size=13px]
23
+ * @cssprop [--vscode-font-weight=normal]
24
+ * @cssprop [--vscode-foreground=#cccccc]
25
+ * @cssprop [--vscode-icon-foreground=#cccccc]
26
+ * @cssprop [--vscode-list-focusAndSelectionOutline=#0078d4]
27
+ * @cssprop [--vscode-list-focusOutline=#0078d4]
28
+ * @cssprop [--vscode-list-hoverBackground=#2a2d2e]
29
+ * @cssprop [--vscode-list-hoverForeground=#cccccc]
30
+ * @cssprop [--vscode-tree-inactiveIndentGuidesStroke=rgba(88, 88, 88, 0.4)]
31
+ * @cssprop [--vscode-tree-indentGuidesStroke=#585858]
20
32
  */
21
33
  export declare class VscodeTree extends VscElement {
22
34
  static styles: import("lit").CSSResultGroup;
@@ -1 +1 @@
1
- {"version":3,"file":"vscode-tree.d.ts","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAO,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAgB,UAAU,EAAC,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAexD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAAC,aAAa,EAAE,cAAc,EAAE,CAAA;CAAC,CAAC,CAAC;AAEhF,eAAO,MAAM,UAAU;;;CAGb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAuBnD;;GAEG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,+BAAU;IAIhC;;;;;;;;;;;;;OAaG;IAEH,UAAU,EAAE,UAAU,CAAiB;IAEvC;;;;OAIG;IAEH,UAAU,EAAE,OAAO,CAAS;IAE5B;;;OAGG;IAEH,MAAM,EAAE,MAAM,CAAK;IAEnB;;;;;;;;;;;;;OAaG;IAOH,YAAY,EAAE,kBAAkB,CAAa;IAE7C;;OAEG;IAEH,WAAW,EAAE,OAAO,CAAS;IAO7B,OAAO,CAAC,iBAAiB,CAiBvB;IAGF,OAAO,CAAC,cAAc,CAMpB;IAGF,OAAO,CAAC,kBAAkB,CAAoB;;IAarC,iBAAiB,IAAI,IAAI;cAMf,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY5E;;OAEG;IACH,SAAS;IAUT;;OAEG;IACH,WAAW;IAUX;;;;OAIG;IACH,uBAAuB;IASvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,2BAA2B;IAcnC,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,uBAAuB,CA8B7B;IAEF,OAAO,CAAC,qBAAqB,CAI3B;IAEF,OAAO,CAAC,iBAAiB,CAevB;IAIO,MAAM,IAAI,cAAc;CAKlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;IAED,UAAU,2BAA2B;QACnC,iBAAiB,EAAE,kBAAkB,CAAC;KACvC;CACF"}
1
+ {"version":3,"file":"vscode-tree.d.ts","sourceRoot":"","sources":["../../src/vscode-tree/vscode-tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAE,cAAc,EAAO,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAgB,UAAU,EAAC,MAAM,wBAAwB,CAAC;AACjE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAexD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAAC,aAAa,EAAE,cAAc,EAAE,CAAA;CAAC,CAAC,CAAC;AAEhF,eAAO,MAAM,UAAU;;;CAGb,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAEtE,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAC5B,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAuBnD;;;;;;;;;;;;;;GAcG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,+BAAU;IAIhC;;;;;;;;;;;;;OAaG;IAEH,UAAU,EAAE,UAAU,CAAiB;IAEvC;;;;OAIG;IAEH,UAAU,EAAE,OAAO,CAAS;IAE5B;;;OAGG;IAEH,MAAM,EAAE,MAAM,CAAK;IAEnB;;;;;;;;;;;;;OAaG;IAOH,YAAY,EAAE,kBAAkB,CAAa;IAE7C;;OAEG;IAEH,WAAW,EAAE,OAAO,CAAS;IAO7B,OAAO,CAAC,iBAAiB,CAiBvB;IAGF,OAAO,CAAC,cAAc,CAMpB;IAGF,OAAO,CAAC,kBAAkB,CAAoB;;IAarC,iBAAiB,IAAI,IAAI;cAMf,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAY5E;;OAEG;IACH,SAAS;IAUT;;OAEG;IACH,WAAW;IAUX;;;;OAIG;IACH,uBAAuB;IASvB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,2BAA2B;IAcnC,OAAO,CAAC,sBAAsB;IAmB9B,OAAO,CAAC,oBAAoB;IAwB5B,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,qBAAqB;IA4B7B,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,iBAAiB;IAmBzB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,uBAAuB,CA8B7B;IAEF,OAAO,CAAC,qBAAqB,CAI3B;IAEF,OAAO,CAAC,iBAAiB,CAevB;IAIO,MAAM,IAAI,cAAc;CAKlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;IAED,UAAU,2BAA2B;QACnC,iBAAiB,EAAE,kBAAkB,CAAC;KACvC;CACF"}
@@ -32,6 +32,18 @@ const listenedKeys = [
32
32
  ];
33
33
  /**
34
34
  * @tag vscode-tree
35
+ *
36
+ * @cssprop [--vscode-font-family=sans-serif]
37
+ * @cssprop [--vscode-font-size=13px]
38
+ * @cssprop [--vscode-font-weight=normal]
39
+ * @cssprop [--vscode-foreground=#cccccc]
40
+ * @cssprop [--vscode-icon-foreground=#cccccc]
41
+ * @cssprop [--vscode-list-focusAndSelectionOutline=#0078d4]
42
+ * @cssprop [--vscode-list-focusOutline=#0078d4]
43
+ * @cssprop [--vscode-list-hoverBackground=#2a2d2e]
44
+ * @cssprop [--vscode-list-hoverForeground=#cccccc]
45
+ * @cssprop [--vscode-tree-inactiveIndentGuidesStroke=rgba(88, 88, 88, 0.4)]
46
+ * @cssprop [--vscode-tree-indentGuidesStroke=#585858]
35
47
  */
36
48
  let VscodeTree = class VscodeTree extends VscElement {
37
49
  //#endregion