@vscode-elements/elements 1.11.1-pre.2 → 1.11.1-pre.3
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.
- package/custom-elements.json +1282 -1334
- package/dist/bundled.js +125 -142
- package/dist/includes/VscElement.js +1 -1
- package/dist/includes/VscElement.js.map +1 -1
- package/dist/includes/form-button-widget/FormButtonWidgetBase.d.ts.map +1 -1
- package/dist/includes/form-button-widget/FormButtonWidgetBase.js +0 -2
- package/dist/includes/form-button-widget/FormButtonWidgetBase.js.map +1 -1
- package/dist/includes/form-button-widget/base.styles.d.ts.map +1 -1
- package/dist/includes/form-button-widget/base.styles.js +1 -0
- package/dist/includes/form-button-widget/base.styles.js.map +1 -1
- package/dist/includes/style-property-map.d.ts +23 -0
- package/dist/includes/style-property-map.d.ts.map +1 -0
- package/dist/includes/style-property-map.js +37 -0
- package/dist/includes/style-property-map.js.map +1 -0
- package/dist/vscode-checkbox/vscode-checkbox.styles.d.ts.map +1 -1
- package/dist/vscode-checkbox/vscode-checkbox.styles.js +0 -2
- package/dist/vscode-checkbox/vscode-checkbox.styles.js.map +1 -1
- package/dist/vscode-checkbox-group/vscode-checkbox-group.styles.d.ts.map +1 -1
- package/dist/vscode-checkbox-group/vscode-checkbox-group.styles.js +0 -2
- package/dist/vscode-checkbox-group/vscode-checkbox-group.styles.js.map +1 -1
- package/dist/vscode-context-menu/vscode-context-menu.d.ts.map +1 -1
- package/dist/vscode-context-menu/vscode-context-menu.js +2 -0
- package/dist/vscode-context-menu/vscode-context-menu.js.map +1 -1
- package/dist/vscode-context-menu/vscode-context-menu.styles.js +1 -1
- package/dist/vscode-context-menu/vscode-context-menu.styles.js.map +1 -1
- package/dist/vscode-context-menu-item/vscode-context-menu-item.styles.js +1 -1
- package/dist/vscode-context-menu-item/vscode-context-menu-item.styles.js.map +1 -1
- package/dist/vscode-form-helper/vscode-form-helper.d.ts +1 -0
- package/dist/vscode-form-helper/vscode-form-helper.d.ts.map +1 -1
- package/dist/vscode-form-helper/vscode-form-helper.js +17 -2
- package/dist/vscode-form-helper/vscode-form-helper.js.map +1 -1
- package/dist/vscode-form-helper/vscode-form-helper.styles.d.ts.map +1 -1
- package/dist/vscode-form-helper/vscode-form-helper.styles.js +3 -4
- package/dist/vscode-form-helper/vscode-form-helper.styles.js.map +1 -1
- package/dist/vscode-icon/vscode-icon.d.ts +1 -2
- package/dist/vscode-icon/vscode-icon.d.ts.map +1 -1
- package/dist/vscode-icon/vscode-icon.js +9 -9
- package/dist/vscode-icon/vscode-icon.js.map +1 -1
- package/dist/vscode-icon/vscode-icon.styles.d.ts.map +1 -1
- package/dist/vscode-icon/vscode-icon.styles.js +0 -4
- package/dist/vscode-icon/vscode-icon.styles.js.map +1 -1
- package/dist/vscode-radio/vscode-radio.styles.d.ts.map +1 -1
- package/dist/vscode-radio/vscode-radio.styles.js +0 -2
- package/dist/vscode-radio/vscode-radio.styles.js.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.d.ts +4 -3
- package/dist/vscode-scrollable/vscode-scrollable.d.ts.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.js +27 -16
- package/dist/vscode-scrollable/vscode-scrollable.js.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.styles.d.ts.map +1 -1
- package/dist/vscode-scrollable/vscode-scrollable.styles.js +1 -5
- package/dist/vscode-scrollable/vscode-scrollable.styles.js.map +1 -1
- package/dist/vscode-split-layout/vscode-split-layout.d.ts.map +1 -1
- package/dist/vscode-split-layout/vscode-split-layout.js +4 -5
- package/dist/vscode-split-layout/vscode-split-layout.js.map +1 -1
- package/dist/vscode-table/vscode-table.d.ts.map +1 -1
- package/dist/vscode-table/vscode-table.js +3 -3
- package/dist/vscode-table/vscode-table.js.map +1 -1
- package/dist/vscode-textarea/vscode-textarea.d.ts.map +1 -1
- package/dist/vscode-textarea/vscode-textarea.js +3 -2
- package/dist/vscode-textarea/vscode-textarea.js.map +1 -1
- package/dist/vscode-tree/vscode-tree.d.ts.map +1 -1
- package/dist/vscode-tree/vscode-tree.js +10 -6
- package/dist/vscode-tree/vscode-tree.js.map +1 -1
- package/package.json +2 -5
- package/dist/includes/formHelperTextStyles.d.ts +0 -12
- package/dist/includes/formHelperTextStyles.d.ts.map +0 -1
- package/dist/includes/formHelperTextStyles.js +0 -30
- package/dist/includes/formHelperTextStyles.js.map +0 -1
- package/dist/includes/themeHelpers.d.ts +0 -7
- package/dist/includes/themeHelpers.d.ts.map +0 -1
- package/dist/includes/themeHelpers.js +0 -52
- package/dist/includes/themeHelpers.js.map +0 -1
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Text styles for the labels and form helpers
|
|
3
|
-
*
|
|
4
|
-
* Source of the monospace font stack:
|
|
5
|
-
* @see https://github.com/microsoft/vscode/issues/81692
|
|
6
|
-
*
|
|
7
|
-
* Node.js platform identifiers:
|
|
8
|
-
* @see https://nodejs.org/api/process.html#process_process_platform
|
|
9
|
-
*/
|
|
10
|
-
declare const _default: import("lit").CSSResult;
|
|
11
|
-
export default _default;
|
|
12
|
-
//# sourceMappingURL=formHelperTextStyles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"formHelperTextStyles.d.ts","sourceRoot":"","sources":["../../src/includes/formHelperTextStyles.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;;AACH,wBAkBE"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { css } from 'lit';
|
|
2
|
-
/**
|
|
3
|
-
* Text styles for the labels and form helpers
|
|
4
|
-
*
|
|
5
|
-
* Source of the monospace font stack:
|
|
6
|
-
* @see https://github.com/microsoft/vscode/issues/81692
|
|
7
|
-
*
|
|
8
|
-
* Node.js platform identifiers:
|
|
9
|
-
* @see https://nodejs.org/api/process.html#process_process_platform
|
|
10
|
-
*/
|
|
11
|
-
export default css `
|
|
12
|
-
::slotted(*) {
|
|
13
|
-
margin: 0;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
::slotted(a) {
|
|
17
|
-
color: var(--vscode-textLink-foreground);
|
|
18
|
-
text-decoration: none;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
::slotted(code) {
|
|
22
|
-
color: var(--vscode-textPreformat-foreground);
|
|
23
|
-
line-height: 15px;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
::slotted(.error) {
|
|
27
|
-
color: var(--vscode-errorForeground);
|
|
28
|
-
}
|
|
29
|
-
`;
|
|
30
|
-
//# sourceMappingURL=formHelperTextStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"formHelperTextStyles.js","sourceRoot":"","sources":["../../src/includes/formHelperTextStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;;;;;;;GAQG;AACH,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;CAkBjB,CAAC","sourcesContent":["import {css} from 'lit';\n\n/**\n * Text styles for the labels and form helpers\n *\n * Source of the monospace font stack:\n * @see https://github.com/microsoft/vscode/issues/81692\n *\n * Node.js platform identifiers:\n * @see https://nodejs.org/api/process.html#process_process_platform\n */\nexport default css`\n ::slotted(*) {\n margin: 0;\n }\n\n ::slotted(a) {\n color: var(--vscode-textLink-foreground);\n text-decoration: none;\n }\n\n ::slotted(code) {\n color: var(--vscode-textPreformat-foreground);\n line-height: 15px;\n }\n\n ::slotted(.error) {\n color: var(--vscode-errorForeground);\n }\n`;\n"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const isRgba: (colorStr: string) => boolean;
|
|
2
|
-
export declare const addAlpha: (hexColor: string, alpha: number) => string;
|
|
3
|
-
/**
|
|
4
|
-
* Define a translucent version of the foreground color as a global css variable
|
|
5
|
-
*/
|
|
6
|
-
export declare function applyForegroundRGBA(): void;
|
|
7
|
-
//# sourceMappingURL=themeHelpers.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeHelpers.d.ts","sourceRoot":"","sources":["../../src/includes/themeHelpers.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,aAAc,MAAM,KAAG,OACL,CAAC;AAEtC,eAAO,MAAM,QAAQ,aAAc,MAAM,SAAS,MAAM,KAAG,MAM1D,CAAC;AAoCF;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAU1C"}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
const STYLE_TAG_ID = '__vscode-webview-elements_custom-properties__';
|
|
2
|
-
let ob;
|
|
3
|
-
export const isRgba = (colorStr) => /rgba\([0-9, .]+\)/g.test(colorStr);
|
|
4
|
-
export const addAlpha = (hexColor, alpha) => {
|
|
5
|
-
const r = parseInt(hexColor.substring(1, 3), 16);
|
|
6
|
-
const g = parseInt(hexColor.substring(3, 5), 16);
|
|
7
|
-
const b = parseInt(hexColor.substring(5, 7), 16);
|
|
8
|
-
return `rgba(${r}, ${g}, ${b}, ${alpha})`;
|
|
9
|
-
};
|
|
10
|
-
const mutationObserverCallback = () => {
|
|
11
|
-
injectInlineStyles(getStyleContent());
|
|
12
|
-
};
|
|
13
|
-
const injectInlineStyles = (content) => {
|
|
14
|
-
const styleTag = document.getElementById(STYLE_TAG_ID);
|
|
15
|
-
if (!styleTag) {
|
|
16
|
-
const style = document.createElement('style');
|
|
17
|
-
style.setAttribute('id', STYLE_TAG_ID);
|
|
18
|
-
style.innerHTML = content;
|
|
19
|
-
document.querySelector('head')?.appendChild(style);
|
|
20
|
-
}
|
|
21
|
-
else {
|
|
22
|
-
styleTag.innerHTML = content;
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
const getStyleContent = () => {
|
|
26
|
-
const fgColor = document.documentElement.style.getPropertyValue('--vscode-foreground');
|
|
27
|
-
let color = '';
|
|
28
|
-
if (!fgColor) {
|
|
29
|
-
color = 'rgba(0, 0, 0, 0.9)';
|
|
30
|
-
}
|
|
31
|
-
else if (isRgba(fgColor)) {
|
|
32
|
-
color = fgColor;
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
color = addAlpha(fgColor.trim(), 0.9);
|
|
36
|
-
}
|
|
37
|
-
return `:root{--vsc-foreground-translucent: ${color};}`;
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* Define a translucent version of the foreground color as a global css variable
|
|
41
|
-
*/
|
|
42
|
-
export function applyForegroundRGBA() {
|
|
43
|
-
if (!ob) {
|
|
44
|
-
ob = new MutationObserver(mutationObserverCallback);
|
|
45
|
-
ob.observe(document.documentElement, {
|
|
46
|
-
attributes: true,
|
|
47
|
-
attributeFilter: ['style'],
|
|
48
|
-
});
|
|
49
|
-
}
|
|
50
|
-
injectInlineStyles(getStyleContent());
|
|
51
|
-
}
|
|
52
|
-
//# sourceMappingURL=themeHelpers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themeHelpers.js","sourceRoot":"","sources":["../../src/includes/themeHelpers.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,+CAA+C,CAAC;AAErE,IAAI,EAAoB,CAAC;AAEzB,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,QAAgB,EAAW,EAAE,CAClD,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAAE,KAAa,EAAU,EAAE;IAClE,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjD,OAAO,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,wBAAwB,GAAqB,GAAG,EAAE;IACtD,kBAAkB,CAAC,eAAe,EAAE,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,OAAe,EAAE,EAAE;IAC7C,MAAM,QAAQ,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAEvD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QACvC,KAAK,CAAC,SAAS,GAAG,OAAO,CAAC;QAC1B,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC;IAC/B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAC7D,qBAAqB,CACtB,CAAC;IACF,IAAI,KAAK,GAAG,EAAE,CAAC;IAEf,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,KAAK,GAAG,oBAAoB,CAAC;IAC/B,CAAC;SAAM,IAAI,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC;QAC3B,KAAK,GAAG,OAAO,CAAC;IAClB,CAAC;SAAM,CAAC;QACN,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC;IACxC,CAAC;IAED,OAAO,uCAAuC,KAAK,IAAI,CAAC;AAC1D,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,mBAAmB;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QACR,EAAE,GAAG,IAAI,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;QACpD,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,eAAe,EAAE;YACnC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,CAAC;SAC3B,CAAC,CAAC;IACL,CAAC;IAED,kBAAkB,CAAC,eAAe,EAAE,CAAC,CAAC;AACxC,CAAC","sourcesContent":["const STYLE_TAG_ID = '__vscode-webview-elements_custom-properties__';\n\nlet ob: MutationObserver;\n\nexport const isRgba = (colorStr: string): boolean =>\n /rgba\\([0-9, .]+\\)/g.test(colorStr);\n\nexport const addAlpha = (hexColor: string, alpha: number): string => {\n const r = parseInt(hexColor.substring(1, 3), 16);\n const g = parseInt(hexColor.substring(3, 5), 16);\n const b = parseInt(hexColor.substring(5, 7), 16);\n\n return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n};\n\nconst mutationObserverCallback: MutationCallback = () => {\n injectInlineStyles(getStyleContent());\n};\n\nconst injectInlineStyles = (content: string) => {\n const styleTag = document.getElementById(STYLE_TAG_ID);\n\n if (!styleTag) {\n const style = document.createElement('style');\n style.setAttribute('id', STYLE_TAG_ID);\n style.innerHTML = content;\n document.querySelector('head')?.appendChild(style);\n } else {\n styleTag.innerHTML = content;\n }\n};\n\nconst getStyleContent = () => {\n const fgColor = document.documentElement.style.getPropertyValue(\n '--vscode-foreground'\n );\n let color = '';\n\n if (!fgColor) {\n color = 'rgba(0, 0, 0, 0.9)';\n } else if (isRgba(fgColor)) {\n color = fgColor;\n } else {\n color = addAlpha(fgColor.trim(), 0.9);\n }\n\n return `:root{--vsc-foreground-translucent: ${color};}`;\n};\n\n/**\n * Define a translucent version of the foreground color as a global css variable\n */\nexport function applyForegroundRGBA(): void {\n if (!ob) {\n ob = new MutationObserver(mutationObserverCallback);\n ob.observe(document.documentElement, {\n attributes: true,\n attributeFilter: ['style'],\n });\n }\n\n injectInlineStyles(getStyleContent());\n}\n"]}
|