{ "schemaVersion": "1.0.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "src/includes/AssociatedFormControl.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/includes/VscElement.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscElement", "members": [ { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ] } ], "superclass": { "name": "LitElement", "package": "lit" }, "customElement": true }, { "kind": "function", "name": "customElement", "parameters": [ { "name": "tagName", "type": { "text": "string" } } ], "description": "Own implementation of Lit's customElement decorator." } ], "exports": [ { "kind": "js", "name": "VscElement", "declaration": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "js", "name": "customElement", "declaration": { "name": "customElement", "module": "src/includes/VscElement.ts" } }, { "kind": "custom-element-definition", "name": "tagName", "declaration": { "name": "anonymous_0", "module": "src/includes/VscElement.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/default.styles.ts", "declarations": [], "exports": [ { "kind": "js", "name": "default", "declaration": { "module": "src/includes/default.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/helpers.ts", "declarations": [ { "kind": "variable", "name": "INPUT_LINE_HEIGHT_RATIO" }, { "kind": "variable", "name": "DEFUALT_INPUT_WIDGET_WIDTH", "type": { "text": "number" }, "default": "320" }, { "kind": "function", "name": "getDefaultFontStack" }, { "kind": "function", "name": "getDefaultEditorFontStack" }, { "kind": "function", "name": "logMessage", "parameters": [ { "name": "msg", "type": { "text": "string" } } ] } ], "exports": [ { "kind": "js", "name": "INPUT_LINE_HEIGHT_RATIO", "declaration": { "name": "INPUT_LINE_HEIGHT_RATIO", "module": "src/includes/helpers.ts" } }, { "kind": "js", "name": "DEFUALT_INPUT_WIDGET_WIDTH", "declaration": { "name": "DEFUALT_INPUT_WIDGET_WIDTH", "module": "src/includes/helpers.ts" } }, { "kind": "js", "name": "getDefaultFontStack", "declaration": { "name": "getDefaultFontStack", "module": "src/includes/helpers.ts" } }, { "kind": "js", "name": "getDefaultEditorFontStack", "declaration": { "name": "getDefaultEditorFontStack", "module": "src/includes/helpers.ts" } }, { "kind": "js", "name": "logMessage", "declaration": { "name": "logMessage", "module": "src/includes/helpers.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/sizes.ts", "declarations": [ { "kind": "function", "name": "px", "return": { "type": { "text": "Px" } }, "parameters": [ { "name": "value", "type": { "text": "number" } } ] }, { "kind": "function", "name": "percent", "return": { "type": { "text": "Percent" } }, "parameters": [ { "name": "value", "type": { "text": "number" } } ] }, { "kind": "function", "name": "toPercent", "return": { "type": { "text": "Percent" } }, "parameters": [ { "name": "px", "type": { "text": "Px" } }, { "name": "container", "type": { "text": "Px" } } ] }, { "kind": "function", "name": "toPx", "return": { "type": { "text": "Px" } }, "parameters": [ { "name": "p", "type": { "text": "Percent" } }, { "name": "container", "type": { "text": "Px" } } ] }, { "kind": "function", "name": "parseSizeAttributeToPercent", "return": { "type": { "text": "Percent | null" } }, "parameters": [ { "name": "raw", "type": { "text": "string | number" } }, { "name": "base", "type": { "text": "number" } } ] } ], "exports": [ { "kind": "js", "name": "px", "declaration": { "name": "px", "module": "src/includes/sizes.ts" } }, { "kind": "js", "name": "percent", "declaration": { "name": "percent", "module": "src/includes/sizes.ts" } }, { "kind": "js", "name": "toPercent", "declaration": { "name": "toPercent", "module": "src/includes/sizes.ts" } }, { "kind": "js", "name": "toPx", "declaration": { "name": "toPx", "module": "src/includes/sizes.ts" } }, { "kind": "js", "name": "parseSizeAttributeToPercent", "declaration": { "name": "parseSizeAttributeToPercent", "module": "src/includes/sizes.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/style-property-map.ts", "declarations": [ { "kind": "variable", "name": "stylePropertyMap", "description": "Implement a Lit directive similar to styleMap, but instead of setting styles via the style\nattribute (which violates CSP), it should apply styles using the style property.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#unsafe-inline)" } ], "exports": [ { "kind": "js", "name": "stylePropertyMap", "declaration": { "name": "stylePropertyMap", "module": "src/includes/style-property-map.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/test-helpers.ts", "declarations": [ { "kind": "function", "name": "clickOnElement", "parameters": [ { "name": "el", "type": { "text": "Element" } }, { "name": "position", "default": "'center'", "type": { "text": "'top' | 'right' | 'bottom' | 'left' | 'center'" } }, { "name": "offsetX", "default": "0" }, { "name": "offsetY", "default": "0" } ], "description": "A testing utility that measures an element's position and clicks on it." }, { "kind": "function", "name": "moveMouseOnElement", "parameters": [ { "name": "el", "type": { "text": "Element" } }, { "name": "position", "default": "'center'", "type": { "text": "'top' | 'right' | 'bottom' | 'left' | 'center'" } }, { "name": "offsetX", "default": "0" }, { "name": "offsetY", "default": "0" } ], "description": "A testing utility that moves the mouse onto an element." }, { "kind": "function", "name": "dragElement", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "el", "type": { "text": "Element" } }, { "name": "deltaX", "default": "0" }, { "name": "deltaY", "default": "0" }, { "name": "callbacks", "default": "{}", "type": { "text": "{\n afterMouseDown?: () => void | Promise;\n afterMouseMove?: () => void | Promise;\n }" } } ], "description": "A testing utility that drags an element with the mouse." }, { "kind": "function", "name": "$", "return": { "type": { "text": "TagNameToElement" } }, "parameters": [ { "name": "selector", "type": { "text": "K" } } ] }, { "kind": "function", "name": "$", "return": { "type": { "text": "TagNameToElement" } }, "parameters": [ { "name": "root", "type": { "text": "Element | ShadowRoot" } }, { "name": "selector", "type": { "text": "K" } } ] }, { "kind": "function", "name": "$", "return": { "type": { "text": "T" } }, "parameters": [ { "name": "selector", "type": { "text": "string" } } ] }, { "kind": "function", "name": "$", "return": { "type": { "text": "T" } }, "parameters": [ { "name": "root", "type": { "text": "Element | ShadowRoot" } }, { "name": "selector", "type": { "text": "string" } } ] }, { "kind": "function", "name": "$", "return": { "type": { "text": "T" } }, "parameters": [ { "name": "arg1", "type": { "text": "string | Element | ShadowRoot" } }, { "name": "arg2", "optional": true, "type": { "text": "string" } } ] }, { "kind": "function", "name": "$$", "return": { "type": { "text": "NodeListOf>" } }, "parameters": [ { "name": "selector", "type": { "text": "K" } } ] }, { "kind": "function", "name": "$$", "return": { "type": { "text": "NodeListOf>" } }, "parameters": [ { "name": "root", "type": { "text": "Element | ShadowRoot" } }, { "name": "selector", "type": { "text": "K" } } ] }, { "kind": "function", "name": "$$", "return": { "type": { "text": "NodeListOf" } }, "parameters": [ { "name": "selector", "type": { "text": "string" } } ] }, { "kind": "function", "name": "$$", "return": { "type": { "text": "NodeListOf" } }, "parameters": [ { "name": "root", "type": { "text": "Element | ShadowRoot" } }, { "name": "selector", "type": { "text": "string" } } ] }, { "kind": "function", "name": "$$", "return": { "type": { "text": "NodeListOf" } }, "parameters": [ { "name": "arg1", "type": { "text": "string | Element | ShadowRoot" } }, { "name": "arg2", "optional": true, "type": { "text": "string" } } ] } ], "exports": [ { "kind": "js", "name": "clickOnElement", "declaration": { "name": "clickOnElement", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "moveMouseOnElement", "declaration": { "name": "moveMouseOnElement", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "dragElement", "declaration": { "name": "dragElement", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$", "declaration": { "name": "$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$", "declaration": { "name": "$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$", "declaration": { "name": "$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$", "declaration": { "name": "$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$", "declaration": { "name": "$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$$", "declaration": { "name": "$$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$$", "declaration": { "name": "$$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$$", "declaration": { "name": "$$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$$", "declaration": { "name": "$$", "module": "src/includes/test-helpers.ts" } }, { "kind": "js", "name": "$$", "declaration": { "name": "$$", "module": "src/includes/test-helpers.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/uniqueId.ts", "declarations": [ { "kind": "function", "name": "uniqueId", "parameters": [ { "name": "prefix", "default": "''" } ] } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "uniqueId", "module": "src/includes/uniqueId.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-button/vscode-button.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "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; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-button/vscode-button.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-button/vscode-button.ts", "declarations": [ { "kind": "class", "description": "Clickable element that are used to trigger actions.", "name": "VscodeButton", "cssProperties": [ { "name": "--vscode-button-background", "default": "#0078d4" }, { "name": "--vscode-button-foreground", "default": "#ffffff" }, { "name": "--vscode-button-border", "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))" }, { "name": "--vscode-button-hoverBackground", "default": "#026ec1" }, { "description": "A sans-serif font type depends on the host OS.", "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-button-secondaryForeground", "default": "#cccccc" }, { "name": "--vscode-button-secondaryBackground", "default": "#313131" }, { "name": "--vscode-button-secondaryHoverBackground", "default": "#3c3c3c" }, { "name": "--vscode-focusBorder", "default": "#0078d4" } ], "cssParts": [ { "description": "The main content area of the component.", "name": "base" } ], "slots": [ { "description": "Slot before the main content.", "name": "content-before" }, { "description": "Slot after the main content.", "name": "content-after" } ], "members": [ { "kind": "field", "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "attribute": "autofocus", "reflects": true }, { "kind": "field", "name": "secondary", "type": { "text": "boolean" }, "default": "false", "description": "Button has a less prominent style.", "attribute": "secondary", "reflects": true }, { "kind": "field", "name": "block", "type": { "text": "boolean" }, "default": "false", "description": "Makes the button fill its container and use VS Code's block sizing,\nsimilar to the Source Control \"Commit\" action.", "attribute": "block", "reflects": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "icon", "type": { "text": "string" }, "default": "''", "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label", "attribute": "icon" }, { "kind": "field", "name": "iconSpin", "type": { "text": "boolean" }, "default": "false", "description": "Spin property for the icon", "attribute": "icon-spin", "reflects": true }, { "kind": "field", "name": "iconSpinDuration", "type": { "text": "number | undefined" }, "description": "Duration property for the icon", "attribute": "icon-spin-duration", "reflects": true }, { "kind": "field", "name": "iconAfter", "type": { "text": "string" }, "default": "''", "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label", "attribute": "icon-after" }, { "kind": "field", "name": "iconAfterSpin", "type": { "text": "boolean" }, "default": "false", "description": "Spin property for the after icon", "attribute": "icon-after-spin", "reflects": true }, { "kind": "field", "name": "iconAfterSpinDuration", "type": { "text": "number | undefined" }, "description": "Duration property for the after icon", "attribute": "icon-after-spin-duration", "reflects": true }, { "kind": "field", "name": "focused", "type": { "text": "boolean" }, "default": "false", "attribute": "focused", "reflects": true }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "name", "reflects": true }, { "kind": "field", "name": "iconOnly", "type": { "text": "boolean" }, "default": "false", "attribute": "icon-only", "reflects": true }, { "kind": "field", "name": "type", "type": { "text": "'submit' | 'reset' | 'button'" }, "default": "'button'", "attribute": "type", "reflects": true }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value" }, { "kind": "field", "name": "_prevTabindex", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_internals", "type": { "text": "ElementInternals" }, "privacy": "private" }, { "kind": "field", "name": "_hasContentBefore", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasContentAfter", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "method", "name": "_executeAction", "privacy": "private" }, { "kind": "method", "name": "_handleKeyDown", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_handleClick", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "field", "name": "_handleFocus", "privacy": "private" }, { "kind": "field", "name": "_handleBlur", "privacy": "private" }, { "kind": "method", "name": "_handleSlotChange", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "fieldName": "autofocus" }, { "name": "secondary", "type": { "text": "boolean" }, "default": "false", "description": "Button has a less prominent style.", "fieldName": "secondary" }, { "name": "block", "type": { "text": "boolean" }, "default": "false", "description": "Makes the button fill its container and use VS Code's block sizing,\nsimilar to the Source Control \"Commit\" action.", "fieldName": "block" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "icon", "type": { "text": "string" }, "default": "''", "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) before the label", "fieldName": "icon" }, { "name": "icon-spin", "type": { "text": "boolean" }, "default": "false", "description": "Spin property for the icon", "fieldName": "iconSpin" }, { "name": "icon-spin-duration", "type": { "text": "number | undefined" }, "description": "Duration property for the icon", "fieldName": "iconSpinDuration" }, { "name": "icon-after", "type": { "text": "string" }, "default": "''", "description": "A [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) after the label", "fieldName": "iconAfter" }, { "name": "icon-after-spin", "type": { "text": "boolean" }, "default": "false", "description": "Spin property for the after icon", "fieldName": "iconAfterSpin" }, { "name": "icon-after-spin-duration", "type": { "text": "number | undefined" }, "description": "Duration property for the after icon", "fieldName": "iconAfterSpinDuration" }, { "name": "focused", "type": { "text": "boolean" }, "default": "false", "fieldName": "focused" }, { "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "name" }, { "name": "icon-only", "type": { "text": "boolean" }, "default": "false", "fieldName": "iconOnly" }, { "name": "type", "type": { "text": "'submit' | 'reset' | 'button'" }, "default": "'button'", "fieldName": "type" }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-button", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeButton", "declaration": { "name": "VscodeButton", "module": "src/vscode-button/vscode-button.ts" } }, { "kind": "custom-element-definition", "name": "vscode-button", "declaration": { "name": "VscodeButton", "module": "src/vscode-button/vscode-button.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-badge/vscode-badge.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: inline-block; } .root { background-color: var(--vscode-badge-background, #616161); border: 1px solid var(--vscode-contrastBorder, transparent); border-radius: 2px; box-sizing: border-box; color: var(--vscode-badge-foreground, #f8f8f8); display: block; font-family: var(--vscode-font-family, ${defaultFontStack}); font-size: 11px; font-weight: 400; line-height: 14px; min-width: 18px; padding: 2px 3px; text-align: center; white-space: nowrap; } :host([variant='counter']) .root { border-radius: 11px; line-height: 11px; min-height: 18px; min-width: 18px; padding: 3px 6px; } :host([variant='activity-bar-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 20px; color: var(--vscode-activityBarBadge-foreground, #ffffff); font-size: 9px; font-weight: 600; line-height: 16px; padding: 0 4px; } :host([variant='tab-header-counter']) .root { background-color: var(--vscode-activityBarBadge-background, #0078d4); border-radius: 10px; color: var(--vscode-activityBarBadge-foreground, #ffffff); line-height: 10px; min-height: 16px; min-width: 16px; padding: 3px 5px; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-badge/vscode-badge.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-badge/vscode-badge.ts", "declarations": [ { "kind": "class", "description": "Show counts or status information. Badges can also be used within [Textfield](https://vscode-elements.github.io/components/textfield) and [TabHeader](https://vscode-elements.github.io/components/tabs) components.", "name": "VscodeBadge", "cssProperties": [ { "description": "A sans-serif font type depends on the host OS.", "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-contrastBorder", "default": "transparent" }, { "description": "default and counter variant background color", "name": "--vscode-badge-background", "default": "#616161" }, { "description": "default and counter variant foreground color", "name": "--vscode-badge-foreground", "default": "#f8f8f8" }, { "description": "activity bar variant background color", "name": "--vscode-activityBarBadge-background", "default": "#0078d4" }, { "description": "activity bar variant foreground color", "name": "--vscode-activityBarBadge-foreground", "default": "#ffffff" } ], "members": [ { "kind": "field", "name": "variant", "type": { "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'" }, "default": "'default'", "attribute": "variant", "reflects": true }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "variant", "type": { "text": "| 'default'\n | 'counter'\n | 'activity-bar-counter'\n | 'tab-header-counter'" }, "default": "'default'", "fieldName": "variant" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-badge", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeBadge", "declaration": { "name": "VscodeBadge", "module": "src/vscode-badge/vscode-badge.ts" } }, { "kind": "custom-element-definition", "name": "vscode-badge", "declaration": { "name": "VscodeBadge", "module": "src/vscode-badge/vscode-badge.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-button-group/vscode-button-group.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: inline-block; } .root { align-items: stretch; display: flex; width: 100%; } ::slotted(vscode-button:not(:first-child)) { --vsc-border-left-width: 0; --vsc-border-left-radius: 0; --vsc-border-left-width: 0; } ::slotted(vscode-button:not(:last-child)) { --vsc-divider-display: block; --vsc-base-additional-right-padding: 1px; --vsc-base-after-content: ''; --vsc-border-right-width: 0; --vsc-border-right-radius: 0; --vsc-border-right-width: 0; } ::slotted(vscode-button:focus) { z-index: 1; } ::slotted(vscode-button:not(:empty)) { width: 100%; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-button-group/vscode-button-group.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-button-group/vscode-button-group.ts", "declarations": [ { "kind": "class", "description": "Shows a split button, including several components in a single button. Commonly used to show a button with a dropdown to the right.", "name": "VscodeButtonGroup", "cssProperties": [ { "name": "--vscode-button-background", "default": "#0078d4" }, { "name": "--vscode-button-foreground", "default": "#ffffff" }, { "name": "--vscode-button-border", "default": "var(--vscode-button-background, rgba(255, 255, 255, 0.07))" }, { "name": "--vscode-button-hoverBackground", "default": "#026ec1" }, { "description": "A sans-serif font type depends on the host OS.", "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-button-secondaryForeground", "default": "#cccccc" }, { "name": "--vscode-button-secondaryBackground", "default": "#313131" }, { "name": "--vscode-button-secondaryHoverBackground", "default": "#3c3c3c" }, { "name": "--vscode-focusBorder", "default": "#0078d4" } ], "members": [ { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-button-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeButtonGroup", "declaration": { "name": "VscodeButtonGroup", "module": "src/vscode-button-group/vscode-button-group.ts" } }, { "kind": "custom-element-definition", "name": "vscode-button-group", "declaration": { "name": "VscodeButtonGroup", "module": "src/vscode-button-group/vscode-button-group.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-checkbox/vscode-checkbox.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, baseStyles, css` :host(:invalid) .icon, :host([invalid]) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } .icon { border-radius: 3px; } .indeterminate-icon { background-color: currentColor; position: absolute; height: 1px; width: 12px; } :host(:focus):host(:not([disabled])) .icon { outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: -1px; } /* Toggle appearance */ :host([toggle]) .icon { /* Track */ width: 36px; height: 20px; border-radius: 999px; background-color: var(--vscode-button-secondaryBackground, #313131); border-color: var(--vscode-button-border, transparent); justify-content: flex-start; position: absolute; } :host(:focus):host([toggle]):host(:not([disabled])) .icon { outline-offset: 2px; } /* Reserve space for the wider toggle track so text doesn't overlap */ :host([toggle]) .label-inner { padding-left: 45px; /* 36px track + 9px spacing */ } :host([toggle]) .label { min-height: 20px; } :host([toggle]) .wrapper { min-height: 20px; line-height: 20px; } :host([toggle]) .thumb { /* Thumb */ box-sizing: border-box; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: var(--vscode-button-secondaryForeground, #cccccc); margin-left: 1px; transition: transform 120ms ease-in-out; } :host([toggle][checked]) .icon { background-color: var(--vscode-button-background, #04395e); border-color: var(--vscode-button-border, transparent); } :host([toggle][checked]) .thumb { transform: translateX(16px); background-color: var(--vscode-button-foreground, #ffffff); } :host([toggle]):host(:invalid) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([toggle]):host(:invalid) .thumb { background-color: var(--vscode-inputValidation-errorBorder, #be1100); } :host([toggle]) .check-icon, :host([toggle]) .indeterminate-icon { display: none; } :host([toggle]:focus):host(:not([disabled])) .icon { outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: -1px; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-checkbox/vscode-checkbox.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-checkbox/vscode-checkbox.ts", "declarations": [ { "kind": "class", "description": "Allows users to select one or more options from a set. When participating in a form, it supports\nthe `:invalid` pseudo class. Otherwise the error styles can be applied through the `invalid`\nproperty.", "name": "VscodeCheckbox", "cssProperties": [ { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-foreground", "default": "#cccccc" }, { "name": "--vscode-settings-checkboxBackground", "default": "#313131" }, { "name": "--vscode-settings-checkboxBorder", "default": "#3c3c3c" }, { "name": "--vscode-settings-checkboxForeground", "default": "#cccccc" }, { "name": "--vscode-focusBorder", "default": "#0078d4" }, { "name": "--vscode-inputValidation-errorBackground", "default": "#5a1d1d" }, { "name": "--vscode-inputValidation-errorBorder", "default": "#be1100" } ], "members": [ { "kind": "field", "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "description": "Automatically focus on the element when the page loads.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)", "attribute": "autofocus", "reflects": true }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "attribute": "checked", "reflects": true }, { "kind": "field", "name": "_checked", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "defaultChecked", "type": { "text": "boolean" }, "default": "false", "description": "The element's initial checked state, which will be restored when the containing form is reset.", "attribute": "default-checked", "reflects": true }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "attribute": "invalid", "reflects": true }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "name", "reflects": true }, { "kind": "field", "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "When true, renders as a toggle switch instead of a checkbox.", "attribute": "toggle", "reflects": true }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "description": "Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n\n- If it is unchecked, the value will not be submitted.\n- If it is checked but the value is not set, `on` will be submitted.\n- If it is checked and value is set, the value will be submitted.", "attribute": "value" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "attribute": "indeterminate", "reflects": true }, { "kind": "field", "name": "required", "attribute": "required", "reflects": true }, { "kind": "field", "name": "_required", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "readonly": true }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "readonly": true }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "readonly": true }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity)" }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } }, "description": "Returns `true` if the element's value is valid; otherwise, it returns `false`.\nIf the element's value is invalid, an invalid event is triggered on the element, and the\nbrowser displays an error message to the user.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity)" }, { "kind": "field", "name": "_inputEl", "type": { "text": "HTMLInputElement" }, "privacy": "private" }, { "kind": "field", "name": "_internals", "type": { "text": "ElementInternals" }, "privacy": "private" }, { "kind": "method", "name": "_setActualFormValue", "privacy": "private" }, { "kind": "method", "name": "_toggleState", "privacy": "private" }, { "kind": "field", "name": "_handleClick", "privacy": "private" }, { "kind": "field", "name": "_handleKeyDown", "privacy": "private" }, { "kind": "method", "name": "_manageRequired", "privacy": "private" }, { "kind": "field", "name": "label", "type": { "text": "string" }, "attribute": "label", "description": "Label text. It is only applied if component's innerHTML doesn't contain any text.", "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "field", "name": "_label", "type": { "text": "string" }, "privacy": "private", "default": "''", "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "field", "name": "_slottedText", "type": { "text": "string" }, "privacy": "private", "default": "''", "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "method", "name": "_handleSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "method", "name": "_renderLabelAttribute", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "field", "name": "focused", "type": { "text": "boolean" }, "default": "false", "attribute": "focused", "reflects": true, "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } }, { "kind": "field", "name": "_prevTabindex", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } }, { "kind": "field", "name": "_handleFocus", "privacy": "private", "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } }, { "kind": "field", "name": "_handleBlur", "privacy": "private", "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" }, "description": "Dispatched when checked state is changed. The event is bubbled, so it can be listened on a parent element like the `CheckboxGroup`." }, { "type": { "text": "Event" }, "description": "Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)", "name": "invalid" } ], "attributes": [ { "description": "Name which is used as a variable name in the data of the form-container.", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "name" }, { "name": "label", "type": { "text": "string" }, "fieldName": "label", "description": "Attribute pair of the `label` property.", "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "description": "Automatically focus on the element when the page loads.\n\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)", "fieldName": "autofocus" }, { "name": "checked", "type": { "text": "boolean" }, "fieldName": "checked" }, { "name": "default-checked", "type": { "text": "boolean" }, "default": "false", "description": "The element's initial checked state, which will be restored when the containing form is reset.", "fieldName": "defaultChecked" }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "fieldName": "invalid" }, { "name": "toggle", "type": { "text": "boolean" }, "default": "false", "description": "When true, renders as a toggle switch instead of a checkbox.", "fieldName": "toggle" }, { "name": "value", "type": { "text": "string" }, "default": "''", "description": "Associate a value to the checkbox. According to the native checkbox [specification](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#value_2), If the component participates in a form:\n\n- If it is unchecked, the value will not be submitted.\n- If it is checked but the value is not set, `on` will be submitted.\n- If it is checked and value is set, the value will be submitted.", "fieldName": "value" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "fieldName": "indeterminate" }, { "name": "required", "fieldName": "required" }, { "name": "focused", "type": { "text": "boolean" }, "default": "false", "fieldName": "focused", "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } } ], "mixins": [ { "name": "LabelledCheckboxOrRadioMixin", "module": "/src/includes/form-button-widget/LabelledCheckboxOrRadio.js" } ], "superclass": { "name": "FormButtonWidgetBase", "module": "/src/includes/form-button-widget/FormButtonWidgetBase.js" }, "tagName": "vscode-checkbox", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeCheckbox", "declaration": { "name": "VscodeCheckbox", "module": "src/vscode-checkbox/vscode-checkbox.ts" } }, { "kind": "custom-element-definition", "name": "vscode-checkbox", "declaration": { "name": "VscodeCheckbox", "module": "src/vscode-checkbox/vscode-checkbox.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-checkbox-group/vscode-checkbox-group.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper { display: block; } ::slotted(vscode-checkbox) { margin-right: 20px; } ::slotted(vscode-checkbox:last-child) { margin-right: 0; } :host([variant='vertical']) ::slotted(vscode-checkbox) { display: block; margin-bottom: 15px; } :host([variant='vertical']) ::slotted(vscode-checkbox:last-child) { margin-bottom: 0; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-checkbox-group/vscode-checkbox-group.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-checkbox-group/vscode-checkbox-group.ts", "declarations": [ { "kind": "class", "description": "Arranges a group of checkboxes horizontally or vertically.", "name": "VscodeCheckboxGroup", "members": [ { "kind": "field", "name": "variant", "type": { "text": "'horizontal' | 'vertical'" }, "default": "'horizontal'", "attribute": "variant", "reflects": true }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "variant", "type": { "text": "'horizontal' | 'vertical'" }, "default": "'horizontal'", "fieldName": "variant" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-checkbox-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeCheckboxGroup", "declaration": { "name": "VscodeCheckboxGroup", "module": "src/vscode-checkbox-group/vscode-checkbox-group.ts" } }, { "kind": "custom-element-definition", "name": "vscode-checkbox-group", "declaration": { "name": "VscodeCheckboxGroup", "module": "src/vscode-checkbox-group/vscode-checkbox-group.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-collapsible/vscode-collapsible.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; } .collapsible { background-color: var(--vscode-sideBar-background, #181818); } .collapsible-header { align-items: center; background-color: var(--vscode-sideBarSectionHeader-background, #181818); cursor: pointer; display: flex; height: 22px; line-height: 22px; user-select: none; } .collapsible-header:focus { opacity: 1; outline-offset: -1px; outline-style: solid; outline-width: 1px; outline-color: var(--vscode-focusBorder, #0078d4); } .title { color: var(--vscode-sideBarTitle-foreground, #cccccc); display: block; font-family: var(--vscode-font-family, sans-serif); font-size: 11px; font-weight: 700; margin: 0; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; } .title .description { font-weight: 400; margin-left: 10px; text-transform: none; opacity: 0.6; } .header-icon { color: var(--vscode-icon-foreground, #cccccc); display: block; flex-shrink: 0; margin: 0 3px; } .collapsible.open .header-icon { transform: rotate(90deg); } .header-slots { align-items: center; display: flex; height: 22px; margin-left: auto; margin-right: 4px; } .actions { display: none; } .collapsible.open .actions.always-visible, .collapsible.open:hover .actions { display: block; } .header-slots slot { display: flex; max-height: 22px; overflow: hidden; } .header-slots slot::slotted(div) { align-items: center; display: flex; } .collapsible-body { display: none; overflow: hidden; } .collapsible.open .collapsible-body { display: block; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-collapsible/vscode-collapsible.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-collapsible/vscode-collapsible.ts", "declarations": [ { "kind": "class", "description": "Allows users to reveal or hide related content on a page.", "name": "VscodeCollapsible", "cssProperties": [ { "description": "Background color", "name": "--vscode-sideBar-background", "default": "#181818" }, { "description": "Focus border color", "name": "--vscode-focusBorder", "default": "#0078d4" }, { "description": "Header font family", "name": "--vscode-font-family", "default": "sans-serif" }, { "description": "Header background", "name": "--vscode-sideBarSectionHeader-background", "default": "#181818" }, { "description": "Arrow icon color", "name": "--vscode-icon-foreground", "default": "#cccccc" }, { "description": "Header font color", "name": "--vscode-sideBarTitle-foreground", "default": "#cccccc" } ], "cssParts": [ { "description": "Container for the toggleable content of the component. The container's overflow content is hidden by default. This CSS part can serve as an escape hatch to modify this behavior.", "name": "body" } ], "slots": [ { "description": "Main content.", "name": "" }, { "description": "You can place any action icon in this slot in the header, but it's also possible to use any HTML element in it. It's only visible when the component is open.", "name": "actions" }, { "description": "The elements placed in the decorations slot are always visible.", "name": "decorations" } ], "members": [ { "kind": "field", "name": "alwaysShowHeaderActions", "type": { "text": "boolean" }, "default": "false", "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.", "attribute": "always-show-header-actions", "reflects": true }, { "kind": "field", "name": "title", "type": { "text": "string" }, "default": "''", "description": "Component heading text", "deprecated": "The `title` is a global HTML attribute and will unintentionally trigger a native\ntooltip on the component. Use the `heading` property instead.", "attribute": "title" }, { "kind": "field", "name": "heading", "type": { "text": "string" }, "default": "''", "description": "Heading text.", "attribute": "heading" }, { "kind": "field", "name": "description", "type": { "text": "string" }, "default": "''", "description": "Less prominent text in the header.", "attribute": "description" }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "attribute": "open", "reflects": true }, { "kind": "method", "name": "_emitToggleEvent", "privacy": "private" }, { "kind": "method", "name": "_onHeaderClick", "privacy": "private" }, { "kind": "method", "name": "_onHeaderKeyDown", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_onHeaderSlotClick", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "PointerEvent" } } ] }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "type": { "text": "VscCollapsibleToggleEvent" }, "description": "Dispatched when the content visibility is changed.", "name": "vsc-collapsible-toggle" } ], "attributes": [ { "name": "always-show-header-actions", "type": { "text": "boolean" }, "default": "false", "description": "When enabled, header actions are always visible; otherwise, they appear only when the cursor\nhovers over the component. Actions are shown only when the Collapsible component is open. This\nproperty is designed to use the `workbench.view.alwaysShowHeaderActions` setting.", "fieldName": "alwaysShowHeaderActions" }, { "name": "title", "type": { "text": "string" }, "default": "''", "description": "Component heading text", "deprecated": "The `title` is a global HTML attribute and will unintentionally trigger a native\ntooltip on the component. Use the `heading` property instead.", "fieldName": "title" }, { "name": "heading", "type": { "text": "string" }, "default": "''", "description": "Heading text.", "fieldName": "heading" }, { "name": "description", "type": { "text": "string" }, "default": "''", "description": "Less prominent text in the header.", "fieldName": "description" }, { "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-collapsible", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeCollapsible", "declaration": { "name": "VscodeCollapsible", "module": "src/vscode-collapsible/vscode-collapsible.ts" } }, { "kind": "custom-element-definition", "name": "vscode-collapsible", "declaration": { "name": "VscodeCollapsible", "module": "src/vscode-collapsible/vscode-collapsible.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-context-menu/vscode-context-menu.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; position: relative; } .context-menu { background-color: var(--vscode-menu-background, #1f1f1f); border-color: var(--vscode-menu-border, #454545); border-radius: 5px; border-style: solid; border-width: 1px; box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36)); color: var(--vscode-menu-foreground, #cccccc); font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; padding: 4px 0; white-space: nowrap; } .context-menu:focus { outline: 0; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-context-menu/vscode-context-menu.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-context-menu/vscode-context-menu.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeContextMenu", "cssProperties": [ { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-menu-background", "default": "#1f1f1f" }, { "name": "--vscode-menu-border", "default": "#454545" }, { "name": "--vscode-menu-foreground", "default": "#cccccc" }, { "name": "--vscode-widget-shadow", "default": "rgba(0, 0, 0, 0.36)" } ], "members": [ { "kind": "field", "name": "data", "type": { "text": "MenuItemData[]" } }, { "kind": "field", "name": "preventClose", "type": { "text": "boolean" }, "default": "false", "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.", "attribute": "prevent-close", "reflects": true }, { "kind": "field", "name": "show", "type": { "text": "boolean" }, "attribute": "show", "reflects": true }, { "kind": "field", "name": "_selectedClickableItemIndex", "type": { "text": "number" }, "privacy": "private", "default": "-1" }, { "kind": "field", "name": "_show", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_wrapperEl", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_data", "type": { "text": "MenuItemData[]" }, "privacy": "private", "default": "[]" }, { "kind": "field", "name": "_clickableItemIndexes", "type": { "text": "number[]" }, "privacy": "private", "default": "[]" }, { "kind": "method", "name": "_onClickOutside", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "field", "name": "_onClickOutsideBound", "privacy": "private" }, { "kind": "method", "name": "_onKeyDown", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_handleArrowUp", "privacy": "private" }, { "kind": "method", "name": "_handleArrowDown", "privacy": "private" }, { "kind": "method", "name": "_handleEscape", "privacy": "private" }, { "kind": "method", "name": "_dispatchSelectEvent", "privacy": "private", "parameters": [ { "name": "selectedOption", "type": { "text": "VscodeContextMenuItem" } } ] }, { "kind": "method", "name": "_handleEnter", "privacy": "private" }, { "kind": "method", "name": "_onItemClick", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "CustomEvent" } } ] }, { "kind": "method", "name": "_onItemMouseOver", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_onItemMouseOut", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "type": { "text": "VscMenuSelectEvent" }, "description": "Emitted when a menu item is clicked", "name": "vsc-menu-select" } ], "attributes": [ { "name": "prevent-close", "type": { "text": "boolean" }, "default": "false", "description": "By default, the menu closes when an item is clicked. This attribute prevents the menu from closing.", "fieldName": "preventClose" }, { "name": "show", "type": { "text": "boolean" }, "fieldName": "show" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-context-menu", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeContextMenu", "declaration": { "name": "VscodeContextMenu", "module": "src/vscode-context-menu/vscode-context-menu.ts" } }, { "kind": "custom-element-definition", "name": "vscode-context-menu", "declaration": { "name": "VscodeContextMenu", "module": "src/vscode-context-menu/vscode-context-menu.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; outline: none; position: relative; } .context-menu-item { background-color: var(--vscode-menu-background, #1f1f1f); color: var(--vscode-menu-foreground, #cccccc); display: flex; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 1.4em; user-select: none; white-space: nowrap; } .ruler { border-bottom: 1px solid var(--vscode-menu-separatorBackground, #454545); display: block; margin: 0 0 4px; padding-top: 4px; width: 100%; } .context-menu-item a { align-items: center; border-color: transparent; border-radius: 3px; border-style: solid; border-width: 1px; box-sizing: border-box; color: var(--vscode-menu-foreground, #cccccc); cursor: pointer; display: flex; flex: 1 1 auto; height: 2em; margin-left: 4px; margin-right: 4px; outline: none; position: relative; text-decoration: inherit; } :host([selected]) .context-menu-item a { background-color: var(--vscode-menu-selectionBackground, #0078d4); border-color: var(--vscode-menu-selectionBorder, transparent); color: var(--vscode-menu-selectionForeground, #ffffff); } .label { background: none; display: flex; flex: 1 1 auto; font-size: 12px; line-height: 1; padding: 0 22px; text-decoration: none; } .keybinding { display: block; flex: 2 1 auto; line-height: 1; padding: 0 22px; text-align: right; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-context-menu-item/vscode-context-menu-item.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-context-menu-item/vscode-context-menu-item.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeContextMenuItem", "cssProperties": [ { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-menu-background", "default": "#1f1f1f" }, { "name": "--vscode-menu-selectionBorder", "default": "transparent" }, { "name": "--vscode-menu-foreground", "default": "#cccccc" }, { "name": "--vscode-menu-selectionBackground", "default": "#0078d4" }, { "name": "--vscode-menu-selectionForeground", "default": "#ffffff" }, { "name": "--vscode-menu-separatorBackground", "default": "#454545" } ], "members": [ { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "''", "attribute": "label" }, { "kind": "field", "name": "keybinding", "type": { "text": "string" }, "default": "''", "attribute": "keybinding" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value" }, { "kind": "field", "name": "separator", "type": { "text": "boolean" }, "default": "false", "attribute": "separator", "reflects": true }, { "kind": "field", "name": "tabindex", "type": { "text": "number" }, "default": "0", "attribute": "tabindex" }, { "kind": "method", "name": "onItemClick", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "label", "type": { "text": "string" }, "default": "''", "fieldName": "label" }, { "name": "keybinding", "type": { "text": "string" }, "default": "''", "fieldName": "keybinding" }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value" }, { "name": "separator", "type": { "text": "boolean" }, "default": "false", "fieldName": "separator" }, { "name": "tabindex", "type": { "text": "number" }, "default": "0", "fieldName": "tabindex" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-context-menu-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeContextMenuItem", "declaration": { "name": "VscodeContextMenuItem", "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts" } }, { "kind": "custom-element-definition", "name": "vscode-context-menu-item", "declaration": { "name": "VscodeContextMenuItem", "module": "src/vscode-context-menu-item/vscode-context-menu-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-divider/vscode-divider.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; margin-bottom: 10px; margin-top: 10px; } div { background-color: var(--vscode-foreground, #cccccc); height: 1px; opacity: 0.4; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-divider/vscode-divider.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-divider/vscode-divider.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeDivider", "cssProperties": [ { "name": "--vscode-foreground", "default": "#cccccc" } ], "members": [ { "kind": "field", "name": "role", "type": { "text": "'separator' | 'presentation'" }, "default": "'separator'", "attribute": "role", "reflects": true }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "role", "type": { "text": "'separator' | 'presentation'" }, "default": "'separator'", "fieldName": "role" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-divider", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeDivider", "declaration": { "name": "VscodeDivider", "module": "src/vscode-divider/vscode-divider.ts" } }, { "kind": "custom-element-definition", "name": "vscode-divider", "declaration": { "name": "VscodeDivider", "module": "src/vscode-divider/vscode-divider.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-form-container/vscode-form-container.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; max-width: 727px; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-form-container/vscode-form-container.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-form-container/vscode-form-container.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeFormContainer", "members": [ { "kind": "field", "name": "responsive", "type": { "text": "boolean" }, "attribute": "responsive", "reflects": true }, { "kind": "field", "name": "breakpoint", "type": { "text": "number" }, "default": "490", "attribute": "breakpoint" }, { "kind": "field", "name": "_resizeObserver", "type": { "text": "ResizeObserver | null" }, "privacy": "private" }, { "kind": "field", "name": "_wrapperElement", "type": { "text": "Element" }, "privacy": "private" }, { "kind": "field", "name": "_assignedFormGroups", "type": { "text": "VscodeFormGroup[]" }, "privacy": "private" }, { "kind": "field", "name": "_responsive", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_firstUpdateComplete", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_currentFormGroupLayout", "type": { "text": "FormGroupLayout" }, "privacy": "private" }, { "kind": "method", "name": "_toggleCompactLayout", "privacy": "private", "parameters": [ { "name": "layout", "type": { "text": "FormGroupLayout" } } ] }, { "kind": "method", "name": "_resizeObserverCallback", "privacy": "private", "parameters": [ { "name": "entries", "type": { "text": "ResizeObserverEntry[]" } } ] }, { "kind": "field", "name": "_resizeObserverCallbackBound", "privacy": "private" }, { "kind": "method", "name": "_activateResponsiveLayout", "privacy": "private" }, { "kind": "method", "name": "_deactivateResizeObserver", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "responsive", "type": { "text": "boolean" }, "fieldName": "responsive" }, { "name": "breakpoint", "type": { "text": "number" }, "default": "490", "fieldName": "breakpoint" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-form-container", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeFormContainer", "declaration": { "name": "VscodeFormContainer", "module": "src/vscode-form-container/vscode-form-container.ts" } }, { "kind": "custom-element-definition", "name": "vscode-form-container", "declaration": { "name": "VscodeFormContainer", "module": "src/vscode-form-container/vscode-form-container.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-form-group/vscode-form-group.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { --label-right-margin: 14px; --label-width: 150px; display: block; margin: 15px 0; } :host([variant='settings-group']) { margin: 0; padding: 12px 14px 18px; max-width: 727px; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper, :host([variant='settings-group']) .wrapper { display: block; } :host([variant='horizontal']) ::slotted(vscode-checkbox-group), :host([variant='horizontal']) ::slotted(vscode-radio-group) { width: calc(100% - calc(var(--label-width) + var(--label-right-margin))); } :host([variant='horizontal']) ::slotted(vscode-label) { margin-right: var(--label-right-margin); text-align: right; width: var(--label-width); } :host([variant='settings-group']) ::slotted(vscode-label) { height: 18px; line-height: 18px; margin-bottom: 4px; margin-right: 0; padding: 0; } ::slotted(vscode-form-helper) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-form-helper), :host([variant='settings-group']) ::slotted(vscode-form-helper) { display: block; margin-left: 0; } :host([variant='settings-group']) ::slotted(vscode-form-helper) { margin-bottom: 0; margin-top: 0; } :host([variant='vertical']) ::slotted(vscode-label), :host([variant='settings-group']) ::slotted(vscode-label) { display: block; margin-left: 0; text-align: left; } :host([variant='settings-group']) ::slotted(vscode-inputbox), :host([variant='settings-group']) ::slotted(vscode-textfield), :host([variant='settings-group']) ::slotted(vscode-textarea), :host([variant='settings-group']) ::slotted(vscode-single-select), :host([variant='settings-group']) ::slotted(vscode-multi-select) { margin-top: 9px; } ::slotted(vscode-button:first-child) { margin-left: calc(var(--label-width) + var(--label-right-margin)); } :host([variant='vertical']) ::slotted(vscode-button) { margin-left: 0; } ::slotted(vscode-button) { margin-right: 4px; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-form-group/vscode-form-group.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-form-group/vscode-form-group.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeFormGroup", "cssProperties": [ { "description": "The width of the label in horizontal mode", "name": "--label-width", "default": "150px" }, { "description": "The right margin of the label in horizontal mode", "name": "--label-right-margin", "default": "14px" } ], "members": [ { "kind": "field", "name": "variant", "type": { "text": "FormGroupVariant" }, "default": "'horizontal'", "attribute": "variant", "reflects": true }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "variant", "type": { "text": "FormGroupVariant" }, "default": "'horizontal'", "fieldName": "variant" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-form-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeFormGroup", "declaration": { "name": "VscodeFormGroup", "module": "src/vscode-form-group/vscode-form-group.ts" } }, { "kind": "custom-element-definition", "name": "vscode-form-group", "declaration": { "name": "VscodeFormGroup", "module": "src/vscode-form-group/vscode-form-group.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-form-helper/vscode-form-helper.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; line-height: 1.4em; margin-bottom: 4px; margin-top: 4px; max-width: 720px; opacity: 0.9; } :host([vertical]) { margin-left: 0; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-form-helper/vscode-form-helper.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-form-helper/vscode-form-helper.ts", "declarations": [ { "kind": "class", "description": "Adds more detailed description to a [FromGroup](https://bendera.github.io/vscode-webview-elements/components/vscode-form-group/)", "name": "VscodeFormHelper", "cssProperties": [ { "description": "Default text color. 90% transparency version of `--vscode-foreground` by default.", "name": "--vsc-foreground-translucent" } ], "members": [ { "kind": "method", "name": "_injectLightDOMStyles", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-form-helper", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeFormHelper", "declaration": { "name": "VscodeFormHelper", "module": "src/vscode-form-helper/vscode-form-helper.ts" } }, { "kind": "custom-element-definition", "name": "vscode-form-helper", "declaration": { "name": "VscodeFormHelper", "module": "src/vscode-form-helper/vscode-form-helper.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-icon/vscode-icon.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { color: var(--vscode-icon-foreground, #cccccc); display: inline-block; } .codicon[class*='codicon-'] { display: block; } .icon, .button { background-color: transparent; display: block; padding: 0; } .button { border-color: transparent; border-style: solid; border-width: 1px; border-radius: 5px; color: currentColor; cursor: pointer; padding: 2px; } .button:hover { background-color: var( --vscode-toolbar-hoverBackground, rgba(90, 93, 94, 0.31) ); } .button:active { background-color: var( --vscode-toolbar-activeBackground, rgba(99, 102, 103, 0.31) ); } .button:focus { outline: none; } .button:focus-visible { border-color: var(--vscode-focusBorder, #0078d4); } @keyframes icon-spin { 100% { transform: rotate(360deg); } } .spin { animation-name: icon-spin; animation-timing-function: linear; animation-iteration-count: infinite; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-icon/vscode-icon.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-icon/vscode-icon.ts", "declarations": [ { "kind": "class", "description": "Display a [Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html).\nIn \"action-icon\" mode it behaves like a button. In this case, it is\nrecommended that a meaningful label is specified with the `label` property.", "name": "VscodeIcon", "cssProperties": [ { "name": "--vscode-icon-foreground", "default": "#cccccc" }, { "description": "Hover state background color in `active-icon` mode", "name": "--vscode-toolbar-hoverBackground", "default": "rgba(90, 93, 94, 0.31)" }, { "description": "Active state background color in `active-icon` mode", "name": "--vscode-toolbar-activeBackground", "default": "rgba(99, 102, 103, 0.31)" }, { "name": "--vscode-focusBorder", "default": "#0078d4" } ], "members": [ { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "''", "description": "Set a meaningful label in `action-icon` mode for the screen readers", "attribute": "label" }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.", "attribute": "name" }, { "kind": "field", "name": "size", "type": { "text": "number" }, "default": "16", "description": "Icon size in pixels", "attribute": "size" }, { "kind": "field", "name": "spin", "type": { "text": "boolean" }, "default": "false", "description": "Enable rotation animation", "attribute": "spin", "reflects": true }, { "kind": "field", "name": "spinDuration", "type": { "text": "number" }, "default": "1.5", "description": "Animation duration in seconds", "attribute": "spin-duration" }, { "kind": "field", "name": "actionIcon", "type": { "text": "boolean" }, "default": "false", "description": "Behaves like a button", "attribute": "action-icon", "reflects": true }, { "kind": "field", "name": "stylesheetHref", "type": { "text": "string | undefined" }, "privacy": "private", "static": true, "default": "''" }, { "kind": "field", "name": "nonce", "type": { "text": "string | undefined" }, "privacy": "private", "static": true, "default": "''" }, { "kind": "method", "name": "_getStylesheetConfig", "privacy": "private", "return": { "type": { "text": "{\n href: string | undefined;\n nonce: string | undefined;\n }" } }, "description": "For using web fonts in web components, the font stylesheet must be included\ntwice: on the page and in the web component. This function looks for the\nfont stylesheet on the page and returns the stylesheet URL and the nonce\nid." }, { "kind": "field", "name": "_onButtonClick", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "label", "type": { "text": "string" }, "default": "''", "description": "Set a meaningful label in `action-icon` mode for the screen readers", "fieldName": "label" }, { "name": "name", "type": { "text": "string" }, "default": "''", "description": "[Codicon](https://microsoft.github.io/vscode-codicons/dist/codicon.html) icon name.", "fieldName": "name" }, { "name": "size", "type": { "text": "number" }, "default": "16", "description": "Icon size in pixels", "fieldName": "size" }, { "name": "spin", "type": { "text": "boolean" }, "default": "false", "description": "Enable rotation animation", "fieldName": "spin" }, { "name": "spin-duration", "type": { "text": "number" }, "default": "1.5", "description": "Animation duration in seconds", "fieldName": "spinDuration" }, { "name": "action-icon", "type": { "text": "boolean" }, "default": "false", "description": "Behaves like a button", "fieldName": "actionIcon" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-icon", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeIcon", "declaration": { "name": "VscodeIcon", "module": "src/vscode-icon/vscode-icon.ts" } }, { "kind": "custom-element-definition", "name": "vscode-icon", "declaration": { "name": "VscodeIcon", "module": "src/vscode-icon/vscode-icon.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-label/vscode-label.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "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; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-label/vscode-label.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-label/vscode-label.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeLabel", "cssProperties": [ { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-foreground", "default": "#cccccc" } ], "members": [ { "kind": "field", "name": "htmlFor", "type": { "text": "string" }, "attribute": "for", "reflects": true }, { "kind": "field", "name": "id", "type": { "text": "string" }, "attribute": "id" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "attribute": "required", "reflects": true }, { "kind": "field", "name": "_id", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "field", "name": "_htmlFor", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "field", "name": "_connected", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "method", "name": "_getTarget", "privacy": "private" }, { "kind": "method", "name": "_connectWithTarget", "privacy": "private" }, { "kind": "method", "name": "_handleClick", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "for", "type": { "text": "string" }, "fieldName": "htmlFor" }, { "name": "id", "type": { "text": "string" }, "fieldName": "id" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-label", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeLabel", "declaration": { "name": "VscodeLabel", "module": "src/vscode-label/vscode-label.ts" } }, { "kind": "custom-element-definition", "name": "vscode-label", "declaration": { "name": "VscodeLabel", "module": "src/vscode-label/vscode-label.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-multi-select/vscode-multi-select.styles.ts", "declarations": [], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-multi-select/vscode-multi-select.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-multi-select/vscode-multi-select.ts", "declarations": [ { "kind": "class", "description": "Allows to select multiple items from a list of options.\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.", "name": "VscodeMultiSelect", "cssProperties": [ { "name": "--dropdown-z-index", "default": "2" }, { "name": "--vscode-badge-background", "default": "#616161" }, { "name": "--vscode-badge-foreground", "default": "#f8f8f8" }, { "name": "--vscode-settings-dropdownBorder", "default": "#3c3c3c" }, { "name": "--vscode-settings-checkboxBackground", "default": "#313131" }, { "name": "--vscode-settings-dropdownBackground", "default": "#313131" }, { "name": "--vscode-settings-dropdownForeground", "default": "#cccccc" }, { "name": "--vscode-settings-dropdownListBorder", "default": "#454545" }, { "name": "--vscode-focusBorder", "default": "#0078d4" }, { "name": "--vscode-foreground", "default": "#cccccc" }, { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-inputValidation-errorBackground", "default": "#5a1d1d" }, { "name": "--vscode-inputValidation-errorBorder", "default": "#be1100" }, { "name": "--vscode-list-activeSelectionBackground", "default": "#04395e" }, { "name": "--vscode-list-activeSelectionForeground", "default": "#ffffff" }, { "name": "--vscode-list-focusOutline", "default": "#0078d4" }, { "name": "--vscode-list-focusHighlightForeground", "default": "#2aaaff" }, { "name": "--vscode-list-highlightForeground", "default": "#2aaaff" }, { "name": "--vscode-list-hoverBackground", "default": "#2a2d2e" }, { "name": "--vscode-list-hoverForeground", "default": "#ffffff" } ], "members": [ { "kind": "field", "name": "formAssociated", "type": { "text": "boolean" }, "static": true, "default": "true" }, { "kind": "field", "name": "defaultValue", "type": { "text": "string[]" }, "default": "[]", "attribute": "default-value" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "attribute": "required", "reflects": true }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "name", "reflects": true }, { "kind": "field", "name": "selectedIndexes", "type": { "text": "number[]" } }, { "kind": "field", "name": "value", "type": { "text": "string[]" }, "attribute": "value" }, { "kind": "field", "name": "form", "readonly": true }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "readonly": true }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "readonly": true }, { "kind": "field", "name": "willValidate", "readonly": true }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "selectAll" }, { "kind": "method", "name": "selectNone" }, { "kind": "field", "name": "_internals", "type": { "text": "ElementInternals" }, "privacy": "private" }, { "kind": "field", "name": "_faceElement", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "method", "name": "_setDefaultValue", "privacy": "private" }, { "kind": "method", "name": "_dispatchChangeEvent", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onFaceClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_toggleComboboxDropdown", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_manageRequired", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_setFormValue", "privacy": "private" }, { "kind": "field", "name": "_requestedValueToSetLater", "type": { "text": "string[]" }, "privacy": "private", "default": "[]" }, { "kind": "method", "name": "_createAndSelectSuggestedOption", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onOptionClick", "privacy": "protected", "parameters": [ { "name": "_ev", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onEnterKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onMultiAcceptClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onMultiDeselectAllClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onMultiSelectAllClick", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onComboboxInputBlur", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderLabel", "privacy": "private" }, { "kind": "method", "name": "_renderComboboxFace", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderSelectFace", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderDropdownControls", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "multiSelect", "type": { "text": "boolean" }, "default": "true" }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Sets the invalid state manually.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "creatable", "type": { "text": "boolean" }, "default": "false", "attribute": "creatable", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "combobox", "description": "Options can be filtered by typing into a text input field.", "attribute": "combobox", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "''", "description": "Accessible label for screen readers. When a `` is connected\nto the component, it will be filled automatically.", "attribute": "label", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "disabled", "description": "The element cannot be used and is not focusable.", "type": { "text": "boolean" }, "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "filter", "description": "Search method in the filtered list within the combobox mode.\n\n- contains - The list item includes the searched pattern at any position.\n- fuzzy - The list item contains the letters of the search pattern in the same order, but at any position.\n- startsWith - The search pattern matches the beginning of the searched text.\n- startsWithPerTerm - The search pattern matches the beginning of any word in the searched text.", "default": "'fuzzy'", "type": { "text": "'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm'" }, "attribute": "filter", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "focused", "type": { "text": "boolean" }, "default": "false", "description": "Its value is true when element is focused.", "attribute": "focused", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Toggle the dropdown visibility.", "attribute": "open", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "options", "type": { "text": "Option[]" }, "attribute": "options", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "position", "type": { "text": "'above' | 'below'" }, "default": "'below'", "description": "Position of the options list when visible.", "attribute": "position", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_assignedOptions", "type": { "text": "VscodeOption[]" }, "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_dropdownEl", "type": { "text": "HTMLDivElement" }, "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_prevXPos", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_prevYPos", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_opts", "privacy": "protected", "default": "new OptionListController(this)", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_firstUpdateCompleted", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_currentDescription", "type": { "text": "string" }, "privacy": "protected", "default": "''", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_filter", "type": { "text": "FilterMethod" }, "privacy": "protected", "default": "'fuzzy'", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_filteredOptions", "type": { "text": "InternalOption[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_selectedIndexes", "type": { "text": "number[]" }, "privacy": "protected", "default": "[]", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_options", "type": { "text": "InternalOption[]" }, "privacy": "protected", "default": "[]", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "protected", "default": "''", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_values", "type": { "text": "string[]" }, "privacy": "protected", "default": "[]", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_isPlaceholderOptionActive", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_isBeingFiltered", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_optionListScrollPos", "type": { "text": "number" }, "privacy": "protected", "default": "0", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_isHoverForbidden", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_disabled", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_originalTabIndex", "type": { "text": "number | undefined" }, "privacy": "private", "default": "undefined", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_setAutoFocus", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_isSuggestedOptionVisible", "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_setStateFromSlottedElements", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_createSuggestedOption", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_scrollActiveElementToTop", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_adjustOptionListScrollPos", "privacy": "private", "parameters": [ { "name": "direction", "type": { "text": "'down' | 'up'" } }, { "name": "optionIndex", "type": { "text": "number" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_handleDropdownToggle", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "ToggleEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onMouseMove", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxButtonClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxButtonKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onOptionListScroll", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onOptionMouseOver", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onPlaceholderOptionMouseOut", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onNoOptionsClick", "privacy": "protected", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onSpaceKeyDown", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onArrowUpKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onArrowDownKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onEscapeKeyDown", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onComponentKeyDown", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onComponentFocus", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onComponentBlur", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputFocus", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "FocusEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputInput", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "InputEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputSpaceKeyDown", "privacy": "protected", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_handleWindowScroll", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderCheckbox", "privacy": "private", "parameters": [ { "name": "checked", "type": { "text": "boolean" } }, { "name": "label", "type": { "text": "string | TemplateResult | TemplateResult[]" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderOptions", "privacy": "protected", "return": { "type": { "text": "TemplateResult | TemplateResult[]" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderPlaceholderOption", "privacy": "protected", "parameters": [ { "name": "isListEmpty", "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderDescription", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderDropdown", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Sets the invalid state manually.", "fieldName": "invalid", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "description": "Name which is used as a variable name in the data of the form-container.", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "name" }, { "name": "default-value", "type": { "text": "string[]" }, "default": "[]", "fieldName": "defaultValue" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "value", "type": { "text": "string[]" }, "fieldName": "value" }, { "name": "options", "type": { "text": "Option[]" }, "fieldName": "options", "attribute": "options", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "creatable", "type": { "text": "boolean" }, "default": "false", "fieldName": "creatable", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "combobox", "description": "Options can be filtered by typing into a text input field.", "fieldName": "combobox", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "label", "type": { "text": "string" }, "default": "''", "description": "Accessible label for screen readers. When a `` is connected\nto the component, it will be filled automatically.", "fieldName": "label", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "disabled", "description": "The element cannot be used and is not focusable.", "type": { "text": "boolean" }, "fieldName": "disabled", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "filter", "description": "Search method in the filtered list within the combobox mode.\n\n- contains - The list item includes the searched pattern at any position.\n- fuzzy - The list item contains the letters of the search pattern in the same order, but at any position.\n- startsWith - The search pattern matches the beginning of the searched text.\n- startsWithPerTerm - The search pattern matches the beginning of any word in the searched text.", "default": "'fuzzy'", "type": { "text": "'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm'" }, "fieldName": "filter", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "focused", "type": { "text": "boolean" }, "default": "false", "description": "Its value is true when element is focused.", "fieldName": "focused", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Toggle the dropdown visibility.", "fieldName": "open", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "position", "type": { "text": "'above' | 'below'" }, "default": "'below'", "description": "Position of the options list when visible.", "fieldName": "position", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } } ], "superclass": { "name": "VscodeSelectBase", "module": "/src/includes/vscode-select/vscode-select-base.js" }, "tagName": "vscode-multi-select", "customElement": true, "events": [ { "name": "change", "type": { "text": "Event" }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "input", "type": { "text": "Event" }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } } ] } ], "exports": [ { "kind": "js", "name": "VscodeMultiSelect", "declaration": { "name": "VscodeMultiSelect", "module": "src/vscode-multi-select/vscode-multi-select.ts" } }, { "kind": "custom-element-definition", "name": "vscode-multi-select", "declaration": { "name": "VscodeMultiSelect", "module": "src/vscode-multi-select/vscode-multi-select.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-option/vscode-option.styles.ts", "declarations": [], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-option/vscode-option.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-option/vscode-option.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeOption", "members": [ { "kind": "field", "name": "value", "type": { "text": "string | undefined | undefined" }, "attribute": "value" }, { "kind": "field", "name": "description", "type": { "text": "string" }, "default": "''", "attribute": "description" }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "default": "false", "attribute": "selected", "reflects": true }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "_initialized", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "value", "type": { "text": "string | undefined | undefined" }, "fieldName": "value" }, { "name": "description", "type": { "text": "string" }, "default": "''", "fieldName": "description" }, { "name": "selected", "type": { "text": "boolean" }, "default": "false", "fieldName": "selected" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-option", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeOption", "declaration": { "name": "VscodeOption", "module": "src/vscode-option/vscode-option.ts" } }, { "kind": "custom-element-definition", "name": "vscode-option", "declaration": { "name": "VscodeOption", "module": "src/vscode-option/vscode-option.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-progress-bar/vscode-progress-bar.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; height: 2px; width: 100%; outline: none; } .container { position: relative; width: 100%; height: 100%; overflow: hidden; } .track { position: absolute; inset: 0; background: transparent; } .indicator { position: absolute; left: 0; top: 0; bottom: 0; height: 100%; background: var(--vscode-progressBar-background, #0078d4); will-change: transform, width, left; } /* Determinate mode: width is set inline via style attribute */ .discrete .indicator { transition: width 100ms linear; } /* Indeterminate mode: VS Code style progress bit */ .infinite .indicator { width: 2%; animation-name: progress; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; transform: translate3d(0px, 0px, 0px); } /* Long running: reduce GPU pressure using stepped animation */ .infinite.infinite-long-running .indicator { animation-timing-function: steps(100); } /* Keyframes adapted from VS Code */ @keyframes progress { from { transform: translateX(0%) scaleX(1); } 50% { transform: translateX(2500%) scaleX(3); } to { transform: translateX(4900%) scaleX(1); } } @media (prefers-reduced-motion: reduce) { .discrete .indicator { transition: none; } .infinite .indicator, .infinite-long-running .indicator { animation: none; width: 100%; } } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-progress-bar/vscode-progress-bar.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-progress-bar/vscode-progress-bar.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeProgressBar", "cssProperties": [ { "name": "--vscode-progressBar-background", "default": "#0078d4" } ], "members": [ { "kind": "field", "name": "value", "type": { "text": "number | undefined" }, "description": "Current value for determinate mode. If undefined/NaN, the bar is indeterminate.", "attribute": "value", "reflects": true }, { "kind": "field", "name": "max", "type": { "text": "number" }, "default": "100", "description": "Maximum value for determinate mode.", "attribute": "max", "reflects": true }, { "kind": "field", "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Force indeterminate mode even if value is set.", "attribute": "indeterminate", "reflects": true }, { "kind": "field", "name": "longRunningThreshold", "type": { "text": "number" }, "default": "15000", "description": "Switch to a gentler animation after this many ms in indeterminate mode.", "attribute": "long-running-threshold" }, { "kind": "field", "name": "_longRunning", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_longRunningHandle", "type": { "text": "ReturnType | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_isDeterminate", "type": { "text": "boolean" }, "privacy": "private", "readonly": true }, { "kind": "method", "name": "_maybeStartLongRunningTimer", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_clearLongRunningTimer", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "value", "type": { "text": "number | undefined" }, "description": "Current value for determinate mode. If undefined/NaN, the bar is indeterminate.", "fieldName": "value" }, { "name": "max", "type": { "text": "number" }, "default": "100", "description": "Maximum value for determinate mode.", "fieldName": "max" }, { "name": "indeterminate", "type": { "text": "boolean" }, "default": "false", "description": "Force indeterminate mode even if value is set.", "fieldName": "indeterminate" }, { "name": "long-running-threshold", "type": { "text": "number" }, "default": "15000", "description": "Switch to a gentler animation after this many ms in indeterminate mode.", "fieldName": "longRunningThreshold" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-progress-bar", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeProgressBar", "declaration": { "name": "VscodeProgressBar", "module": "src/vscode-progress-bar/vscode-progress-bar.ts" } }, { "kind": "custom-element-definition", "name": "vscode-progress-bar", "declaration": { "name": "VscodeProgressBar", "module": "src/vscode-progress-bar/vscode-progress-bar.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-progress-ring/vscode-progress-ring.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; height: 28px; margin: 0; outline: none; width: 28px; } .progress { height: 100%; width: 100%; } .background { fill: none; stroke: transparent; stroke-width: 2px; } .indeterminate-indicator-1 { fill: none; stroke: var(--vscode-progressBar-background, #0078d4); stroke-width: 2px; stroke-linecap: square; transform-origin: 50% 50%; transform: rotate(-90deg); transition: all 0.2s ease-in-out; animation: spin-infinite 2s linear infinite; } @keyframes spin-infinite { 0% { stroke-dasharray: 0.01px 43.97px; transform: rotate(0deg); } 50% { stroke-dasharray: 21.99px 21.99px; transform: rotate(450deg); } 100% { stroke-dasharray: 0.01px 43.97px; transform: rotate(1080deg); } } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-progress-ring/vscode-progress-ring.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-progress-ring/vscode-progress-ring.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeProgressRing", "cssProperties": [ { "name": "--vscode-progressBar-background", "default": "#0078d4" } ], "members": [ { "kind": "field", "name": "ariaLabel", "type": { "text": "string" }, "default": "'Loading'", "attribute": "aria-label", "reflects": true }, { "kind": "field", "name": "ariaLive", "type": { "text": "string" }, "default": "'assertive'", "attribute": "aria-live", "reflects": true }, { "kind": "field", "name": "role", "type": { "text": "string" }, "default": "'alert'", "attribute": "role", "reflects": true }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "aria-label", "type": { "text": "string" }, "default": "'Loading'", "fieldName": "ariaLabel" }, { "name": "aria-live", "type": { "text": "string" }, "default": "'assertive'", "fieldName": "ariaLive" }, { "name": "role", "type": { "text": "string" }, "default": "'alert'", "fieldName": "role" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-progress-ring", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeProgressRing", "declaration": { "name": "VscodeProgressRing", "module": "src/vscode-progress-ring/vscode-progress-ring.ts" } }, { "kind": "custom-element-definition", "name": "vscode-progress-ring", "declaration": { "name": "VscodeProgressRing", "module": "src/vscode-progress-ring/vscode-progress-ring.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-radio/vscode-radio.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, baseStyles, css` :host(:invalid) .icon, :host([invalid]) .icon { background-color: var(--vscode-inputValidation-errorBackground, #5a1d1d); border-color: var(--vscode-inputValidation-errorBorder, #be1100); } .icon { border-radius: 9px; } .icon.checked:before { background-color: currentColor; border-radius: 4px; content: ''; height: 8px; left: 50%; margin: -4px 0 0 -4px; position: absolute; top: 50%; width: 8px; } :host(:focus):host(:not([disabled])) .icon { outline: 1px solid var(--vscode-focusBorder, #0078d4); outline-offset: -1px; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-radio/vscode-radio.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-radio/vscode-radio.ts", "declarations": [ { "kind": "class", "description": "When participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.", "name": "VscodeRadio", "cssProperties": [ { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-settings-checkboxBackground", "default": "#313131" }, { "name": "--vscode-settings-checkboxBorder", "default": "#3c3c3c" }, { "name": "--vscode-settings-checkboxForeground", "default": "#cccccc" }, { "name": "--vscode-focusBorder", "default": "#0078d4" }, { "name": "--vscode-inputValidation-errorBackground", "default": "#5a1d1d" }, { "name": "--vscode-inputValidation-errorBorder", "default": "#be1100" } ], "members": [ { "kind": "field", "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "attribute": "autofocus", "reflects": true }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "attribute": "checked", "reflects": true }, { "kind": "field", "name": "defaultChecked", "type": { "text": "boolean" }, "default": "false", "attribute": "default-checked", "reflects": true }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "attribute": "invalid", "reflects": true }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Name which is used as a variable name in the data of the form-container.", "attribute": "name", "reflects": true }, { "kind": "field", "name": "value", "type": { "text": "string" }, "default": "''", "attribute": "value" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "attribute": "required", "reflects": true }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "readonly": true }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "readonly": true }, { "kind": "field", "name": "willValidate", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "_slottedText", "type": { "text": "string" }, "privacy": "private", "default": "''", "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "field", "name": "_inputEl", "type": { "text": "HTMLInputElement" }, "privacy": "private" }, { "kind": "field", "name": "_internals", "type": { "text": "ElementInternals" }, "privacy": "private" }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "_getRadios", "privacy": "private", "return": { "type": { "text": "VscodeRadio[]" } } }, { "kind": "method", "name": "_uncheckOthers", "privacy": "private", "parameters": [ { "name": "radios", "type": { "text": "VscodeRadio[]" } } ] }, { "kind": "method", "name": "_checkButton", "privacy": "private" }, { "kind": "method", "name": "_setGroupValidity", "privacy": "private", "parameters": [ { "name": "radios", "type": { "text": "VscodeRadio[]" } }, { "name": "isValid", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_setActualFormValue", "privacy": "private" }, { "kind": "method", "name": "_handleValueChange", "privacy": "private" }, { "kind": "field", "name": "_handleClick", "privacy": "private" }, { "kind": "field", "name": "_handleKeyDown", "privacy": "protected" }, { "kind": "field", "name": "label", "type": { "text": "string" }, "attribute": "label", "description": "Label text. It is only applied if component's innerHTML doesn't contain any text.", "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "field", "name": "_label", "type": { "text": "string" }, "privacy": "private", "default": "''", "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "method", "name": "_handleSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "method", "name": "_renderLabelAttribute", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "field", "name": "focused", "type": { "text": "boolean" }, "default": "false", "attribute": "focused", "reflects": true, "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } }, { "kind": "field", "name": "_prevTabindex", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } }, { "kind": "field", "name": "_handleFocus", "privacy": "private", "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } }, { "kind": "field", "name": "_handleBlur", "privacy": "private", "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "type": { "text": "Event" }, "description": "Dispatched when checked state is changed.", "name": "change" }, { "type": { "text": "Event" }, "description": "Dispatched when the element is invalid and `checkValidity()` has been called or the form containing this element is submitted. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/invalid_event)", "name": "invalid" } ], "attributes": [ { "description": "Name which is used as a variable name in the data of the form-container.", "name": "name", "type": { "text": "string" }, "default": "''", "fieldName": "name" }, { "name": "label", "type": { "text": "string" }, "fieldName": "label", "description": "Attribute pair of the `label` property.", "inheritedFrom": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "fieldName": "autofocus" }, { "name": "checked", "type": { "text": "boolean" }, "default": "false", "fieldName": "checked" }, { "name": "default-checked", "type": { "text": "boolean" }, "default": "false", "fieldName": "defaultChecked" }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "fieldName": "invalid" }, { "name": "value", "type": { "text": "string" }, "default": "''", "fieldName": "value" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "focused", "type": { "text": "boolean" }, "default": "false", "fieldName": "focused", "inheritedFrom": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } } ], "mixins": [ { "name": "LabelledCheckboxOrRadioMixin", "module": "/src/includes/form-button-widget/LabelledCheckboxOrRadio.js" } ], "superclass": { "name": "FormButtonWidgetBase", "module": "/src/includes/form-button-widget/FormButtonWidgetBase.js" }, "tagName": "vscode-radio", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeRadio", "declaration": { "name": "VscodeRadio", "module": "src/vscode-radio/vscode-radio.ts" } }, { "kind": "custom-element-definition", "name": "vscode-radio", "declaration": { "name": "VscodeRadio", "module": "src/vscode-radio/vscode-radio.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-radio-group/vscode-radio-group.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; } .wrapper { display: flex; flex-wrap: wrap; } :host([variant='vertical']) .wrapper { display: block; } ::slotted(vscode-radio) { margin-right: 20px; } ::slotted(vscode-radio:last-child) { margin-right: 0; } :host([variant='vertical']) ::slotted(vscode-radio) { display: block; margin-bottom: 15px; } :host([variant='vertical']) ::slotted(vscode-radio:last-child) { margin-bottom: 0; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-radio-group/vscode-radio-group.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-radio-group/vscode-radio-group.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeRadioGroup", "members": [ { "kind": "field", "name": "variant", "type": { "text": "'horizontal' | 'vertical'" }, "default": "'horizontal'", "attribute": "variant", "reflects": true }, { "kind": "field", "name": "_radios", "type": { "text": "VscodeRadio[]" }, "privacy": "private" }, { "kind": "field", "name": "_focusedRadio", "type": { "text": "number" }, "privacy": "private", "default": "-1" }, { "kind": "field", "name": "_checkedRadio", "type": { "text": "number" }, "privacy": "private", "default": "-1" }, { "kind": "field", "name": "_firstContentLoaded", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "method", "name": "_uncheckPreviousChecked", "privacy": "private", "parameters": [ { "name": "prevChecked", "type": { "text": "number" } }, { "name": "prevFocused", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_afterCheck", "privacy": "private" }, { "kind": "method", "name": "_checkPrev", "privacy": "private" }, { "kind": "method", "name": "_checkNext", "privacy": "private" }, { "kind": "field", "name": "_handleKeyDown", "privacy": "private" }, { "kind": "method", "name": "_handleChange", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "CustomEvent" } } ] }, { "kind": "method", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "type": { "text": "Event" }, "description": "Dispatched when a child radio button is changed.", "name": "change" } ], "attributes": [ { "name": "variant", "type": { "text": "'horizontal' | 'vertical'" }, "default": "'horizontal'", "fieldName": "variant" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-radio-group", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeRadioGroup", "declaration": { "name": "VscodeRadioGroup", "module": "src/vscode-radio-group/vscode-radio-group.ts" } }, { "kind": "custom-element-definition", "name": "vscode-radio-group", "declaration": { "name": "VscodeRadioGroup", "module": "src/vscode-radio-group/vscode-radio-group.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-scrollable/vscode-scrollable.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; position: relative; } .scrollable-container { height: 100%; overflow: auto; } .scrollable-container::-webkit-scrollbar { cursor: default; width: 0; } .scrollable-container { scrollbar-width: none; } .shadow { box-shadow: var(--vscode-scrollbar-shadow, #000000) 0 6px 6px -6px inset; display: none; height: 3px; left: 0; pointer-events: none; position: absolute; top: 0; z-index: 1; width: 100%; } .shadow.visible { display: block; } .scrollbar-track { height: 100%; position: absolute; right: 0; top: 0; width: 10px; z-index: 100; } .scrollbar-track.hidden { display: none; } .scrollbar-thumb { background-color: transparent; min-height: var(--min-thumb-height, 20px); opacity: 0; position: absolute; right: 0; width: 10px; } .scrollbar-thumb.visible { background-color: var( --vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4) ); opacity: 1; transition: opacity 100ms; } .scrollbar-thumb.fade { background-color: var( --vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4) ); opacity: 0; transition: opacity 800ms; } .scrollbar-thumb.visible:hover { background-color: var( --vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7) ); } .scrollbar-thumb.visible.active, .scrollbar-thumb.visible.active:hover { background-color: var( --vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4) ); } .prevent-interaction { bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 99; } .content { overflow: hidden; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-scrollable/vscode-scrollable.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-scrollable/vscode-scrollable.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeScrollable", "cssProperties": [ { "name": "--vscode-scrollbar-shadow", "default": "#000000" }, { "name": "--vscode-scrollbarSlider-background", "default": "rgba(121, 121, 121, 0.4)" }, { "name": "--vscode-scrollbarSlider-hoverBackground", "default": "rgba(100, 100, 100, 0.7)" }, { "name": "--vscode-scrollbarSlider-activeBackground", "default": "rgba(191, 191, 191, 0.4)" } ], "members": [ { "kind": "field", "name": "alwaysVisible", "type": { "text": "boolean" }, "default": "false", "description": "By default, the scrollbar appears only when the cursor hovers over the\ncomponent. With this option, the scrollbar will always be visible.", "attribute": "always-visible", "reflects": true }, { "kind": "field", "name": "fastScrollSensitivity", "type": { "text": "number" }, "default": "5", "description": "Scrolling speed multiplier when pressing `Alt`. This property is designed to use the value of\n`editor.fastScrollSensitivity`, `workbench.list.fastScrollSensitivity` or\n`terminal.integrated.fastScrollSensitivity` depending on the context.", "attribute": "fast-scroll-sensitivity" }, { "kind": "field", "name": "minThumbSize", "type": { "text": "number" }, "default": "20", "description": "This setting defines the scrollbar's minimum size when the component contains a large amount of content.", "attribute": "min-thumb-size" }, { "kind": "field", "name": "mouseWheelScrollSensitivity", "type": { "text": "number" }, "default": "1", "description": "A multiplier to be used on the `deltaY` of the mouse wheel scroll events. This property is\ndesigned to use the value of `editor.mouseWheelScrollSensitivity`,\n`workbench.list.mouseWheelScrollSensitivity` or\n`terminal.integrated.mouseWheelScrollSensitivity` depending on the context.", "attribute": "mouse-wheel-scroll-sensitivity" }, { "kind": "field", "name": "shadow", "type": { "text": "boolean" }, "default": "true", "description": "Controls shadow visibility when content overflows.", "attribute": "shadow", "reflects": true }, { "kind": "field", "name": "scrolled", "type": { "text": "boolean" }, "default": "false", "description": "It's true when `scrollPos` greater than 0", "attribute": "scrolled", "reflects": true }, { "kind": "field", "name": "scrollPos", "description": "Scroll position.", "type": { "text": "number" }, "attribute": "scroll-pos" }, { "kind": "field", "name": "_scrollPos", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "scrollMax", "type": { "text": "number" }, "description": "The maximum amount of the `scrollPos`.", "readonly": true }, { "kind": "field", "name": "_isDragging", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_thumbHeight", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_thumbY", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_thumbVisible", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_thumbFade", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_thumbActive", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_contentElement", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_scrollThumbElement", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_scrollableContainer", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_assignedElements", "type": { "text": "NodeList" }, "privacy": "private" }, { "kind": "field", "name": "_hostResizeObserver", "type": { "text": "ResizeObserver" }, "privacy": "private" }, { "kind": "field", "name": "_contentResizeObserver", "type": { "text": "ResizeObserver" }, "privacy": "private" }, { "kind": "field", "name": "_componentHeight", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_contentHeight", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_scrollThumbStartY", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_mouseStartY", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_scrollbarVisible", "type": { "text": "boolean" }, "privacy": "private", "default": "true" }, { "kind": "field", "name": "_scrollbarTrackZ", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_resizeObserverCallback", "privacy": "private" }, { "kind": "method", "name": "_calcThumbHeight", "privacy": "private" }, { "kind": "method", "name": "_updateScrollbar", "privacy": "private" }, { "kind": "method", "name": "_zIndexFix", "privacy": "private" }, { "kind": "method", "name": "_updateThumbPosition", "privacy": "private" }, { "kind": "method", "name": "_calculateScrollPosFromThumbPos", "privacy": "private", "parameters": [ { "name": "scrollPos", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_limitScrollPos", "privacy": "private", "parameters": [ { "name": "newPos", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_limitThumbPos", "privacy": "private", "parameters": [ { "name": "newPos", "type": { "text": "number" } } ] }, { "kind": "field", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleScrollThumbMouseDown", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "field", "name": "_handleScrollThumbMouseMove", "privacy": "private" }, { "kind": "field", "name": "_handleScrollThumbMouseUp", "privacy": "private" }, { "kind": "field", "name": "_handleComponentMouseOver", "privacy": "private" }, { "kind": "field", "name": "_handleComponentMouseOut", "privacy": "private" }, { "kind": "field", "name": "_handleComponentWheel", "privacy": "private" }, { "kind": "method", "name": "_handleScrollbarTrackPress", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "PointerEvent" } } ] }, { "kind": "field", "name": "_handleScrollableContainerScroll", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "always-visible", "type": { "text": "boolean" }, "default": "false", "description": "By default, the scrollbar appears only when the cursor hovers over the\ncomponent. With this option, the scrollbar will always be visible.", "fieldName": "alwaysVisible" }, { "name": "fast-scroll-sensitivity", "type": { "text": "number" }, "default": "5", "description": "Scrolling speed multiplier when pressing `Alt`. This property is designed to use the value of\n`editor.fastScrollSensitivity`, `workbench.list.fastScrollSensitivity` or\n`terminal.integrated.fastScrollSensitivity` depending on the context.", "fieldName": "fastScrollSensitivity" }, { "name": "min-thumb-size", "type": { "text": "number" }, "default": "20", "description": "This setting defines the scrollbar's minimum size when the component contains a large amount of content.", "fieldName": "minThumbSize" }, { "name": "mouse-wheel-scroll-sensitivity", "type": { "text": "number" }, "default": "1", "description": "A multiplier to be used on the `deltaY` of the mouse wheel scroll events. This property is\ndesigned to use the value of `editor.mouseWheelScrollSensitivity`,\n`workbench.list.mouseWheelScrollSensitivity` or\n`terminal.integrated.mouseWheelScrollSensitivity` depending on the context.", "fieldName": "mouseWheelScrollSensitivity" }, { "name": "shadow", "type": { "text": "boolean" }, "default": "true", "description": "Controls shadow visibility when content overflows.", "fieldName": "shadow" }, { "name": "scrolled", "type": { "text": "boolean" }, "default": "false", "description": "It's true when `scrollPos` greater than 0", "fieldName": "scrolled" }, { "name": "scroll-pos", "description": "Scroll position.", "type": { "text": "number" }, "fieldName": "scrollPos" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-scrollable", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeScrollable", "declaration": { "name": "VscodeScrollable", "module": "src/vscode-scrollable/vscode-scrollable.ts" } }, { "kind": "custom-element-definition", "name": "vscode-scrollable", "declaration": { "name": "VscodeScrollable", "module": "src/vscode-scrollable/vscode-scrollable.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-single-select/vscode-single-select.styles.ts", "declarations": [], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-single-select/vscode-single-select.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-single-select/vscode-single-select.ts", "declarations": [ { "kind": "class", "description": "Allows to select an item from multiple options.\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.", "name": "VscodeSingleSelect", "cssProperties": [ { "name": "--dropdown-z-index", "default": "2" }, { "name": "--vscode-badge-background", "default": "#616161" }, { "name": "--vscode-badge-foreground", "default": "#f8f8f8" }, { "name": "--vscode-settings-dropdownBorder", "default": "#3c3c3c" }, { "name": "--vscode-settings-checkboxBackground", "default": "#313131" }, { "name": "--vscode-settings-dropdownBackground", "default": "#313131" }, { "name": "--vscode-settings-dropdownForeground", "default": "#cccccc" }, { "name": "--vscode-settings-dropdownListBorder", "default": "#454545" }, { "name": "--vscode-focusBorder", "default": "#0078d4" }, { "name": "--vscode-foreground", "default": "#cccccc" }, { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-inputValidation-errorBackground", "default": "#5a1d1d" }, { "name": "--vscode-inputValidation-errorBorder", "default": "#be1100" }, { "name": "--vscode-list-activeSelectionBackground", "default": "#04395e" }, { "name": "--vscode-list-activeSelectionForeground", "default": "#ffffff" }, { "name": "--vscode-list-focusOutline", "default": "#0078d4" }, { "name": "--vscode-list-focusHighlightForeground", "default": "#2aaaff" }, { "name": "--vscode-list-highlightForeground", "default": "#2aaaff" }, { "name": "--vscode-list-hoverBackground", "default": "#2a2d2e" }, { "name": "--vscode-list-hoverForeground", "default": "#ffffff" } ], "members": [ { "kind": "field", "name": "defaultValue", "type": { "text": "string" }, "default": "''", "attribute": "default-value" }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "name", "reflects": true }, { "kind": "field", "name": "selectedIndex", "type": { "text": "number" }, "attribute": "selected-index" }, { "kind": "field", "name": "value", "type": { "text": "string" }, "attribute": "value" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "attribute": "required", "reflects": true }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "readonly": true }, { "kind": "field", "name": "validationMessage", "type": { "text": "string" }, "readonly": true }, { "kind": "field", "name": "willValidate", "readonly": true }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } } }, { "kind": "field", "name": "_face", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_internals", "type": { "text": "ElementInternals" }, "privacy": "private" }, { "kind": "method", "name": "updateInputValue", "privacy": "private" }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "field", "name": "_requestedValueToSetLater", "type": { "text": "string" }, "privacy": "private", "default": "''", "description": "This variable was introduced for cases where the value is set before the corresponding option\nexists. This can happen while a framework like Vue or React is rendering the component." }, { "kind": "method", "name": "_createAndSelectSuggestedOption", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_setStateFromSlottedElements", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onEnterKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onOptionClick", "privacy": "protected", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_manageRequired", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderSelectFace", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderComboboxFace", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "multiSelect", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Sets the invalid state manually.", "attribute": "invalid", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "creatable", "type": { "text": "boolean" }, "default": "false", "attribute": "creatable", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "combobox", "description": "Options can be filtered by typing into a text input field.", "attribute": "combobox", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "''", "description": "Accessible label for screen readers. When a `` is connected\nto the component, it will be filled automatically.", "attribute": "label", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "disabled", "description": "The element cannot be used and is not focusable.", "type": { "text": "boolean" }, "attribute": "disabled", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "filter", "description": "Search method in the filtered list within the combobox mode.\n\n- contains - The list item includes the searched pattern at any position.\n- fuzzy - The list item contains the letters of the search pattern in the same order, but at any position.\n- startsWith - The search pattern matches the beginning of the searched text.\n- startsWithPerTerm - The search pattern matches the beginning of any word in the searched text.", "default": "'fuzzy'", "type": { "text": "'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm'" }, "attribute": "filter", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "focused", "type": { "text": "boolean" }, "default": "false", "description": "Its value is true when element is focused.", "attribute": "focused", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Toggle the dropdown visibility.", "attribute": "open", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "options", "type": { "text": "Option[]" }, "attribute": "options", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "position", "type": { "text": "'above' | 'below'" }, "default": "'below'", "description": "Position of the options list when visible.", "attribute": "position", "reflects": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_assignedOptions", "type": { "text": "VscodeOption[]" }, "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_dropdownEl", "type": { "text": "HTMLDivElement" }, "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_prevXPos", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_prevYPos", "type": { "text": "number" }, "privacy": "private", "default": "0", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_opts", "privacy": "protected", "default": "new OptionListController(this)", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_firstUpdateCompleted", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_currentDescription", "type": { "text": "string" }, "privacy": "protected", "default": "''", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_filter", "type": { "text": "FilterMethod" }, "privacy": "protected", "default": "'fuzzy'", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_filteredOptions", "type": { "text": "InternalOption[]" }, "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_selectedIndexes", "type": { "text": "number[]" }, "privacy": "protected", "default": "[]", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_options", "type": { "text": "InternalOption[]" }, "privacy": "protected", "default": "[]", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "protected", "default": "''", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_values", "type": { "text": "string[]" }, "privacy": "protected", "default": "[]", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_isPlaceholderOptionActive", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_isBeingFiltered", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_optionListScrollPos", "type": { "text": "number" }, "privacy": "protected", "default": "0", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_isHoverForbidden", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_disabled", "type": { "text": "boolean" }, "privacy": "private", "default": "false", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_originalTabIndex", "type": { "text": "number | undefined" }, "privacy": "private", "default": "undefined", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_setAutoFocus", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_isSuggestedOptionVisible", "privacy": "protected", "readonly": true, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_createSuggestedOption", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_dispatchChangeEvent", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_toggleComboboxDropdown", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_scrollActiveElementToTop", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_adjustOptionListScrollPos", "privacy": "private", "parameters": [ { "name": "direction", "type": { "text": "'down' | 'up'" } }, { "name": "optionIndex", "type": { "text": "number" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onFaceClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_handleDropdownToggle", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "ToggleEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onMouseMove", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxButtonClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxButtonKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onOptionListScroll", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onOptionMouseOver", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onPlaceholderOptionMouseOut", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onNoOptionsClick", "privacy": "protected", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onSpaceKeyDown", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onArrowUpKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onArrowDownKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onEscapeKeyDown", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onComponentKeyDown", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onComponentFocus", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_onComponentBlur", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputFocus", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "FocusEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputBlur", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputInput", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "InputEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_onComboboxInputSpaceKeyDown", "privacy": "protected", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "_handleWindowScroll", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderCheckbox", "privacy": "private", "parameters": [ { "name": "checked", "type": { "text": "boolean" } }, { "name": "label", "type": { "text": "string | TemplateResult | TemplateResult[]" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderOptions", "privacy": "protected", "return": { "type": { "text": "TemplateResult | TemplateResult[]" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderPlaceholderOption", "privacy": "protected", "parameters": [ { "name": "isListEmpty", "type": { "text": "boolean" } } ], "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderDescription", "privacy": "private", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderDropdownControls", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "method", "name": "_renderDropdown", "privacy": "protected", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Sets the invalid state manually.", "fieldName": "invalid", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "description": "Name which is used as a variable name in the data of the form-container.", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "name" }, { "name": "default-value", "type": { "text": "string" }, "default": "''", "fieldName": "defaultValue" }, { "name": "selected-index", "type": { "text": "number" }, "fieldName": "selectedIndex" }, { "name": "value", "type": { "text": "string" }, "fieldName": "value" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "options", "type": { "text": "Option[]" }, "fieldName": "options", "attribute": "options", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "creatable", "type": { "text": "boolean" }, "default": "false", "fieldName": "creatable", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "combobox", "description": "Options can be filtered by typing into a text input field.", "fieldName": "combobox", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "label", "type": { "text": "string" }, "default": "''", "description": "Accessible label for screen readers. When a `` is connected\nto the component, it will be filled automatically.", "fieldName": "label", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "disabled", "description": "The element cannot be used and is not focusable.", "type": { "text": "boolean" }, "fieldName": "disabled", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "filter", "description": "Search method in the filtered list within the combobox mode.\n\n- contains - The list item includes the searched pattern at any position.\n- fuzzy - The list item contains the letters of the search pattern in the same order, but at any position.\n- startsWith - The search pattern matches the beginning of the searched text.\n- startsWithPerTerm - The search pattern matches the beginning of any word in the searched text.", "default": "'fuzzy'", "type": { "text": "'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm'" }, "fieldName": "filter", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "focused", "type": { "text": "boolean" }, "default": "false", "description": "Its value is true when element is focused.", "fieldName": "focused", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Toggle the dropdown visibility.", "fieldName": "open", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "position", "type": { "text": "'above' | 'below'" }, "default": "'below'", "description": "Position of the options list when visible.", "fieldName": "position", "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } } ], "superclass": { "name": "VscodeSelectBase", "module": "/src/includes/vscode-select/vscode-select-base.js" }, "tagName": "vscode-single-select", "customElement": true, "events": [ { "name": "change", "type": { "text": "Event" }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "name": "input", "type": { "text": "Event" }, "inheritedFrom": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } } ] } ], "exports": [ { "kind": "js", "name": "VscodeSingleSelect", "declaration": { "name": "VscodeSingleSelect", "module": "src/vscode-single-select/vscode-single-select.ts" } }, { "kind": "custom-element-definition", "name": "vscode-single-select", "declaration": { "name": "VscodeSingleSelect", "module": "src/vscode-single-select/vscode-single-select.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-split-layout/vscode-split-layout.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { --separator-border: var(--vscode-editorWidget-border, #454545); border: 1px solid var(--vscode-editorWidget-border, #454545); display: block; overflow: hidden; position: relative; } ::slotted(*) { height: 100%; width: 100%; } ::slotted(vscode-split-layout) { border: 0; } .wrapper { display: flex; height: 100%; width: 100%; } .wrapper.horizontal { flex-direction: column; } .start { box-sizing: border-box; flex: 1; min-height: 0; min-width: 0; } :host([split='vertical']) .start { border-right: 1px solid var(--separator-border); } :host([split='horizontal']) .start { border-bottom: 1px solid var(--separator-border); } .end { flex: 1; min-height: 0; min-width: 0; } :host([split='vertical']) .start, :host([split='vertical']) .end { height: 100%; } :host([split='horizontal']) .start, :host([split='horizontal']) .end { width: 100%; } .handle-overlay { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .handle-overlay.active { display: block; } .handle-overlay.split-vertical { cursor: ew-resize; } .handle-overlay.split-horizontal { cursor: ns-resize; } .handle { background-color: transparent; position: absolute; z-index: 2; } .handle.hover { transition: background-color 0.1s ease-out 0.3s; background-color: var(--vscode-sash-hoverBorder, #0078d4); } .handle.hide { background-color: transparent; transition: background-color 0.1s ease-out; } .handle.split-vertical { cursor: ew-resize; height: 100%; } .handle.split-horizontal { cursor: ns-resize; width: 100%; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-split-layout/vscode-split-layout.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-split-layout/vscode-split-layout.ts", "declarations": [ { "kind": "function", "name": "parseValue", "return": { "type": { "text": "{value: number; unit: PositionUnit}" } }, "parameters": [ { "name": "raw", "type": { "text": "string" } } ] }, { "kind": "function", "name": "pxToPercent", "parameters": [ { "name": "current", "type": { "text": "number" } }, { "name": "max", "type": { "text": "number" } } ] }, { "kind": "function", "name": "percentToPx", "parameters": [ { "name": "current", "type": { "text": "number" } }, { "name": "max", "type": { "text": "number" } } ] }, { "kind": "class", "description": "", "name": "VscodeSplitLayout", "cssProperties": [ { "name": "--separator-border", "default": "#454545" }, { "name": "--vscode-editorWidget-border", "default": "#454545" }, { "name": "--vscode-sash-hoverBorder", "default": "#0078d4" } ], "members": [ { "kind": "field", "name": "split", "description": "Direction of the divider.", "type": { "text": "Orientation" }, "attribute": "split", "reflects": true }, { "kind": "field", "name": "_split", "type": { "text": "Orientation" }, "privacy": "private", "default": "'vertical'" }, { "kind": "field", "name": "resetOnDblClick", "type": { "text": "boolean" }, "default": "false", "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.", "attribute": "reset-on-dbl-click", "reflects": true }, { "kind": "field", "name": "handleSize", "type": { "text": "number" }, "default": "4", "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.", "attribute": "handle-size", "reflects": true }, { "kind": "field", "name": "initialHandlePosition", "type": { "text": "string" }, "default": "'50%'", "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.", "attribute": "initial-handle-position", "reflects": true }, { "kind": "field", "name": "handlePosition", "description": "Set the handle position programmatically. The value must include a unit,\neither `%` or `px`. If no unit is specified, the value is interpreted as\n`px`.", "type": { "text": "string | undefined" }, "attribute": "handle-position" }, { "kind": "field", "name": "_rawHandlePosition", "type": { "text": "string | undefined" }, "privacy": "private" }, { "kind": "field", "name": "fixedPane", "description": "The size of the fixed pane will not change when the component is resized.", "type": { "text": "'start' | 'end' | 'none'" }, "attribute": "fixed-pane" }, { "kind": "field", "name": "_fixedPane", "type": { "text": "FixedPaneType" }, "privacy": "private", "default": "'none'" }, { "kind": "field", "name": "minStart", "description": "Minimum size of the start pane expressed in `px` or `%`.", "type": { "text": "string" }, "attribute": "min-start" }, { "kind": "field", "name": "_minStart", "type": { "text": "string | undefined" }, "privacy": "private" }, { "kind": "field", "name": "minEnd", "description": "Minimum size of the end pane expressed in `px` or `%`.", "type": { "text": "string" }, "attribute": "min-end" }, { "kind": "field", "name": "_minEnd", "type": { "text": "string | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_handlePosition", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_isDragActive", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hover", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hide", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_wrapperEl", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_handleEl", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_nestedLayoutsAtStart", "type": { "text": "HTMLElement[]" }, "privacy": "private" }, { "kind": "field", "name": "_nestedLayoutsAtEnd", "type": { "text": "HTMLElement[]" }, "privacy": "private" }, { "kind": "field", "name": "_boundRect", "type": { "text": "DOMRect" }, "privacy": "private", "default": "new DOMRect()" }, { "kind": "field", "name": "_handleOffset", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_resizeObserver", "type": { "text": "ResizeObserver" }, "privacy": "private", "default": "new ResizeObserver(this._handleResize)" }, { "kind": "field", "name": "_wrapperObserved", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_fixedPaneSize", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "method", "name": "resetHandlePosition", "description": "Sets the handle position to the value specified in the `initialHandlePosition` property." }, { "kind": "method", "name": "_handlePositionPropChanged", "privacy": "private" }, { "kind": "method", "name": "_fixedPanePropChanged", "privacy": "private" }, { "kind": "method", "name": "_initFixedPane", "privacy": "private" }, { "kind": "method", "name": "_applyMinSizeConstraints", "privacy": "private" }, { "kind": "method", "name": "_resolveMinSizePx", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "value", "type": { "text": "string | undefined" } }, { "name": "max", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_clampHandlePosition", "privacy": "private", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "value", "type": { "text": "number" } }, { "name": "max", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_updateFixedPaneSize", "privacy": "private", "parameters": [ { "name": "max", "type": { "text": "number" } } ] }, { "kind": "field", "name": "_handleResize", "privacy": "private" }, { "kind": "method", "name": "_setPosition", "privacy": "private", "parameters": [ { "name": "value", "type": { "text": "number" } }, { "name": "unit", "type": { "text": "PositionUnit" } } ] }, { "kind": "method", "name": "_handleMouseOver", "privacy": "private" }, { "kind": "method", "name": "_handleMouseOut", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_handleMouseDown", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "field", "name": "_handleMouseUp", "privacy": "private" }, { "kind": "field", "name": "_handleMouseMove", "privacy": "private" }, { "kind": "method", "name": "_handleDblClick", "privacy": "private" }, { "kind": "method", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "split", "description": "Direction of the divider.", "type": { "text": "Orientation" }, "fieldName": "split" }, { "name": "reset-on-dbl-click", "type": { "text": "boolean" }, "default": "false", "description": "Controls whether the handle position should reset to the value set in the\n`initialHandlePosition` when it is double-clicked.", "fieldName": "resetOnDblClick" }, { "name": "handle-size", "type": { "text": "number" }, "default": "4", "description": "Controls the draggable area size in pixels. it is intended to use the value\nof `workbench.sash.size`.", "fieldName": "handleSize" }, { "name": "initial-handle-position", "type": { "text": "string" }, "default": "DEFAULT_INITIAL_POSITION", "description": "The handler position will reset to this position when it is double-clicked,\nor the `resetHandlePosition()` is called.", "fieldName": "initialHandlePosition" }, { "name": "handle-position", "description": "Set the handle position programmatically. The value must include a unit,\neither `%` or `px`. If no unit is specified, the value is interpreted as\n`px`.", "type": { "text": "string | undefined" }, "fieldName": "handlePosition" }, { "name": "fixed-pane", "description": "The size of the fixed pane will not change when the component is resized.", "type": { "text": "'start' | 'end' | 'none'" }, "fieldName": "fixedPane" }, { "name": "min-start", "description": "Minimum size of the start pane expressed in `px` or `%`.", "type": { "text": "string" }, "fieldName": "minStart" }, { "name": "min-end", "description": "Minimum size of the end pane expressed in `px` or `%`.", "type": { "text": "string" }, "fieldName": "minEnd" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-split-layout", "customElement": true } ], "exports": [ { "kind": "js", "name": "parseValue", "declaration": { "name": "parseValue", "module": "src/vscode-split-layout/vscode-split-layout.ts" } }, { "kind": "js", "name": "pxToPercent", "declaration": { "name": "pxToPercent", "module": "src/vscode-split-layout/vscode-split-layout.ts" } }, { "kind": "js", "name": "percentToPx", "declaration": { "name": "percentToPx", "module": "src/vscode-split-layout/vscode-split-layout.ts" } }, { "kind": "js", "name": "VscodeSplitLayout", "declaration": { "name": "VscodeSplitLayout", "module": "src/vscode-split-layout/vscode-split-layout.ts" } }, { "kind": "custom-element-definition", "name": "vscode-split-layout", "declaration": { "name": "VscodeSplitLayout", "module": "src/vscode-split-layout/vscode-split-layout.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tab-header/vscode-tab-header.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { cursor: pointer; display: block; user-select: none; } .wrapper { align-items: center; border-bottom: 1px solid transparent; color: var(--vscode-foreground, #cccccc); display: flex; min-height: 20px; overflow: hidden; padding: 7px 8px; position: relative; text-overflow: ellipsis; white-space: nowrap; } :host([active]) .wrapper { border-bottom-color: var(--vscode-panelTitle-activeForeground, #cccccc); color: var(--vscode-panelTitle-activeForeground, #cccccc); } :host([panel]) .wrapper { border-bottom: 0; margin-bottom: 0; padding: 0; } :host(:focus-visible) { outline: none; } .wrapper { align-items: center; color: var(--vscode-foreground, #cccccc); display: flex; min-height: 20px; overflow: inherit; text-overflow: inherit; position: relative; } .wrapper.panel { color: var(--vscode-panelTitle-inactiveForeground, #9d9d9d); } .wrapper.panel.active, .wrapper.panel:hover { color: var(--vscode-panelTitle-activeForeground, #cccccc); } :host([panel]) .wrapper { display: flex; font-size: 11px; height: 31px; padding: 2px 10px; text-transform: uppercase; } .main { overflow: inherit; text-overflow: inherit; } .active-indicator { display: none; } .active-indicator.panel.active { border-top: 1px solid var(--vscode-panelTitle-activeBorder, #0078d4); bottom: 4px; display: block; left: 8px; pointer-events: none; position: absolute; right: 8px; } :host(:focus-visible) .wrapper { outline-color: var(--vscode-focusBorder, #0078d4); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host(:focus-visible) .wrapper.panel { outline-offset: -2px; } slot[name='content-before']::slotted(vscode-badge) { margin-right: 8px; } slot[name='content-after']::slotted(vscode-badge) { margin-left: 8px; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-tab-header/vscode-tab-header.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tab-header/vscode-tab-header.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTabHeader", "cssProperties": [ { "name": "--vscode-focusBorder", "default": "#0078d4" }, { "name": "--vscode-foreground", "default": "#cccccc" }, { "name": "--vscode-panelTitle-activeBorder", "default": "#0078d4" }, { "name": "--vscode-panelTitle-activeForeground", "default": "#cccccc" }, { "name": "--vscode-panelTitle-inactiveForeground", "default": "#9d9d9d" } ], "members": [ { "kind": "field", "name": "active", "type": { "text": "boolean" }, "default": "false", "attribute": "active", "reflects": true }, { "kind": "field", "name": "panel", "type": { "text": "boolean" }, "default": "false", "description": "Panel-like look", "attribute": "panel", "reflects": true }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "active", "type": { "text": "boolean" }, "default": "false", "fieldName": "active" }, { "name": "panel", "type": { "text": "boolean" }, "default": "false", "description": "Panel-like look", "fieldName": "panel" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-tab-header", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTabHeader", "declaration": { "name": "VscodeTabHeader", "module": "src/vscode-tab-header/vscode-tab-header.ts" } }, { "kind": "custom-element-definition", "name": "vscode-tab-header", "declaration": { "name": "VscodeTabHeader", "module": "src/vscode-tab-header/vscode-tab-header.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tab-panel/vscode-tab-panel.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; overflow: hidden; } :host(:focus-visible) { outline-color: var(--vscode-focusBorder, #0078d4); outline-offset: 3px; outline-style: solid; outline-width: 1px; } :host([panel]) { background-color: var(--vscode-panel-background, #181818); } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-tab-panel/vscode-tab-panel.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tab-panel/vscode-tab-panel.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTabPanel", "cssProperties": [ { "name": "--vscode-focusBorder", "default": "#0078d4" }, { "name": "--vscode-panel--background", "default": "#181818" } ], "members": [ { "kind": "field", "name": "hidden", "type": { "text": "boolean" }, "default": "false", "attribute": "hidden", "reflects": true }, { "kind": "field", "name": "panel", "type": { "text": "boolean" }, "default": "false", "description": "Panel-like look", "attribute": "panel", "reflects": true }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "hidden", "type": { "text": "boolean" }, "default": "false", "fieldName": "hidden" }, { "name": "panel", "type": { "text": "boolean" }, "default": "false", "description": "Panel-like look", "fieldName": "panel" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-tab-panel", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTabPanel", "declaration": { "name": "VscodeTabPanel", "module": "src/vscode-tab-panel/vscode-tab-panel.ts" } }, { "kind": "custom-element-definition", "name": "vscode-tab-panel", "declaration": { "name": "VscodeTabPanel", "module": "src/vscode-tab-panel/vscode-tab-panel.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table/ColumnResizeController.ts", "declarations": [ { "kind": "class", "description": "", "name": "ColumnResizeController", "members": [ { "kind": "field", "name": "_host", "type": { "text": "VscodeTable" }, "privacy": "private" }, { "kind": "field", "name": "_hostWidth", "privacy": "private" }, { "kind": "field", "name": "_hostX", "privacy": "private" }, { "kind": "field", "name": "_activeSplitter", "type": { "text": "SplitterElement | null" }, "privacy": "private", "default": "null" }, { "kind": "field", "name": "_columnMinWidths", "privacy": "private", "default": "new Map()" }, { "kind": "field", "name": "_columnWidths", "type": { "text": "Percent[]" }, "privacy": "private", "default": "[]" }, { "kind": "field", "name": "_dragState", "type": { "text": "{\n splitterIndex: number;\n pointerId: number;\n prevX: Px;\n dragOffset: Px;\n } | null" }, "privacy": "private", "default": "null" }, { "kind": "field", "name": "_cachedSplitterPositions", "type": { "text": "Percent[] | null" }, "privacy": "private", "default": "null" }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "isDragging", "type": { "text": "boolean" }, "readonly": true }, { "kind": "field", "name": "splitterPositions", "type": { "text": "Percent[]" }, "readonly": true }, { "kind": "method", "name": "getActiveSplitterCalculatedPosition" }, { "kind": "field", "name": "columnWidths", "readonly": true }, { "kind": "field", "name": "columnMinWidths", "readonly": true }, { "kind": "method", "name": "saveHostDimensions" }, { "kind": "method", "name": "setActiveSplitter", "parameters": [ { "name": "splitter", "type": { "text": "HTMLElement" } } ] }, { "kind": "method", "name": "getActiveSplitter" }, { "kind": "method", "name": "setColumnMinWidthAt", "parameters": [ { "name": "colIndex", "type": { "text": "number" } }, { "name": "value", "type": { "text": "Percent" } } ] }, { "kind": "method", "name": "setColumWidths", "parameters": [ { "name": "widths", "type": { "text": "Percent[]" } } ] }, { "kind": "method", "name": "shouldDrag", "parameters": [ { "name": "event", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "startDrag", "parameters": [ { "name": "event", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "drag", "parameters": [ { "name": "event", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "stopDrag", "parameters": [ { "name": "event", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "_toPercent", "privacy": "private", "parameters": [ { "name": "px", "type": { "text": "Px" } } ] }, { "kind": "method", "name": "_toPx", "privacy": "private", "parameters": [ { "name": "percent", "type": { "text": "Percent" } } ] } ] } ], "exports": [ { "kind": "js", "name": "ColumnResizeController", "declaration": { "name": "ColumnResizeController", "module": "src/vscode-table/ColumnResizeController.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table/calculations.ts", "declarations": [ { "kind": "function", "name": "calculateColumnWidths", "return": { "type": { "text": "Percent[]" } }, "parameters": [ { "name": "widths", "type": { "text": "Percent[]" } }, { "name": "splitterIndex", "type": { "text": "number" } }, { "name": "delta", "type": { "text": "Percent" } }, { "name": "minWidths", "type": { "text": "Map" } } ] } ], "exports": [ { "kind": "js", "name": "calculateColumnWidths", "declaration": { "name": "calculateColumnWidths", "module": "src/vscode-table/calculations.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table/vscode-table.styles.ts", "declarations": [ { "kind": "variable", "name": "SPLITTER_HIT_WIDTH", "type": { "text": "number" }, "default": "5" }, { "kind": "variable", "name": "SPLITTER_VISIBLE_WIDTH", "type": { "text": "number" }, "default": "1" }, { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ baseStyles, css` :host { display: block; --vsc-row-even-background: transparent; --vsc-row-odd-background: transparent; --vsc-row-border-bottom-width: 0; --vsc-row-border-top-width: 0; --vsc-row-display: table-row; } :host([bordered]), :host([bordered-rows]) { --vsc-row-border-bottom-width: 1px; } :host([compact]) { --vsc-row-display: block; } :host([bordered][compact]), :host([bordered-rows][compact]) { --vsc-row-border-bottom-width: 0; --vsc-row-border-top-width: 1px; } :host([zebra]) { --vsc-row-even-background: var( --vscode-keybindingTable-rowsBackground, rgba(204, 204, 204, 0.04) ); } :host([zebra-odd]) { --vsc-row-odd-background: var( --vscode-keybindingTable-rowsBackground, rgba(204, 204, 204, 0.04) ); } ::slotted(vscode-table-row) { width: 100%; } .wrapper { height: 100%; max-width: 100%; overflow: hidden; position: relative; width: 100%; } .wrapper.select-disabled { user-select: none; } .wrapper.resize-cursor { cursor: ew-resize; } .wrapper.compact-view .header-slot-wrapper { height: 0; overflow: hidden; } .scrollable { height: 100%; } .scrollable:before { background-color: transparent; content: ''; display: block; height: 1px; position: absolute; width: 100%; } .wrapper:not(.compact-view) .scrollable:not([scrolled]):before { background-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); } .sash { visibility: hidden; } :host([bordered-columns]) .sash, :host([bordered]) .sash { visibility: visible; } :host([resizable]) .wrapper:hover .sash { visibility: visible; } .sash { height: 100%; position: absolute; top: 0; width: 1px; } .wrapper.compact-view .sash { display: none; } .sash.resizable { cursor: ew-resize; } .sash-visible { background-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); height: calc(100% - 30px); position: absolute; top: 30px; width: ${SPLITTER_VISIBLE_WIDTH}px; } .sash.hover .sash-visible { background-color: var(--vscode-sash-hoverBorder, #0078d4); transition: background-color 50ms linear 300ms; } .sash .sash-clickable { height: 100%; left: ${0 - (SPLITTER_HIT_WIDTH - SPLITTER_VISIBLE_WIDTH) / 2}px; position: absolute; width: ${SPLITTER_HIT_WIDTH}px; } `, ]" } ], "exports": [ { "kind": "js", "name": "SPLITTER_HIT_WIDTH", "declaration": { "name": "SPLITTER_HIT_WIDTH", "module": "src/vscode-table/vscode-table.styles.ts" } }, { "kind": "js", "name": "SPLITTER_VISIBLE_WIDTH", "declaration": { "name": "SPLITTER_VISIBLE_WIDTH", "module": "src/vscode-table/vscode-table.styles.ts" } }, { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-table/vscode-table.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table/vscode-table.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTable", "cssProperties": [ { "name": "--vscode-editorGroup-border", "default": "rgba(255, 255, 255, 0.09)" }, { "name": "--vscode-keybindingTable-rowsBackground", "default": "rgba(204, 204, 204, 0.04)" }, { "name": "--vscode-sash-hoverBorder", "default": "#0078d4" } ], "members": [ { "kind": "field", "name": "resizable", "type": { "text": "boolean" }, "default": "false", "attribute": "resizable", "reflects": true }, { "kind": "field", "name": "responsive", "type": { "text": "boolean" }, "default": "false", "attribute": "responsive", "reflects": true }, { "kind": "field", "name": "bordered", "type": { "text": "boolean" }, "default": "false", "description": "Both rows and columns are separated by borders.", "attribute": "bordered", "reflects": true }, { "kind": "field", "name": "borderedColumns", "type": { "text": "boolean" }, "default": "false", "description": "Columns are separated by borders.", "attribute": "bordered-columns", "reflects": true }, { "kind": "field", "name": "borderedRows", "type": { "text": "boolean" }, "default": "false", "description": "Rows are separated by borders.", "attribute": "bordered-rows", "reflects": true }, { "kind": "field", "name": "breakpoint", "type": { "text": "number" }, "default": "300", "attribute": "breakpoint" }, { "kind": "field", "name": "columns", "description": "Initial column sizes in a JSON-encoded array.\nAccepted values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword", "type": { "text": "string[]" }, "attribute": "columns" }, { "kind": "field", "name": "minColumnWidth", "type": { "text": "string" }, "default": "'50px'", "description": "Minimum column width. Valid values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword", "attribute": "min-column-width" }, { "kind": "field", "name": "delayedResizing", "type": { "text": "boolean" }, "default": "false", "attribute": "delayed-resizing", "reflects": true }, { "kind": "field", "name": "zebra", "type": { "text": "boolean" }, "default": "false", "description": "Zebra stripes, even rows are tinted.", "attribute": "zebra", "reflects": true }, { "kind": "field", "name": "zebraOdd", "type": { "text": "boolean" }, "default": "false", "description": "Zebra stripes, odd rows are tinted.", "attribute": "zebra-odd", "reflects": true }, { "kind": "field", "name": "_headerElement", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_scrollableElement", "type": { "text": "VscodeScrollable" }, "privacy": "private" }, { "kind": "field", "name": "_sashVisibleElements", "type": { "text": "HTMLDivElement[]" }, "privacy": "private" }, { "kind": "field", "name": "_assignedElements", "type": { "text": "NodeListOf" }, "privacy": "private" }, { "kind": "field", "name": "_assignedHeaderElements", "type": { "text": "NodeListOf" }, "privacy": "private" }, { "kind": "field", "name": "_assignedBodyElements", "type": { "text": "NodeListOf" }, "privacy": "private" }, { "kind": "field", "name": "_sashPositions", "type": { "text": "number[]" }, "privacy": "private", "default": "[]", "description": "Sash positions in percentage" }, { "kind": "field", "name": "_isDragging", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_sashHovers", "type": { "text": "boolean[]" }, "privacy": "private", "default": "[]", "description": "Sash hover state flags, used in the render." }, { "kind": "field", "name": "_columns", "type": { "text": "string[]" }, "privacy": "private", "default": "[]" }, { "kind": "field", "name": "_componentResizeObserver", "type": { "text": "ResizeObserver | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_headerResizeObserver", "type": { "text": "ResizeObserver | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_bodyResizeObserver", "type": { "text": "ResizeObserver | undefined" }, "privacy": "private" }, { "kind": "field", "name": "_activeSashElementIndex", "type": { "text": "number" }, "privacy": "private", "default": "-1" }, { "kind": "field", "name": "_componentH", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_componentW", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_headerCells", "type": { "text": "VscodeTableHeaderCell[]" }, "privacy": "private", "default": "[]", "description": "Cached querySelectorAll result. Updated when the header slot changes.\nIt shouldn't be used directly, check the \"_getHeaderCells\" function." }, { "kind": "field", "name": "_cellsOfFirstRow", "type": { "text": "VscodeTableCell[]" }, "privacy": "private", "default": "[]", "description": "Cached querySelectorAll result. Updated when the body slot changes.\nIt shouldn't be used directly, check the \"_getCellsOfFirstRow\" function." }, { "kind": "field", "name": "_prevHeaderHeight", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_prevComponentHeight", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_columnResizeController", "privacy": "private", "default": "new ColumnResizeController(this)" }, { "kind": "method", "name": "_memoizeComponentDimensions", "privacy": "private" }, { "kind": "method", "name": "_queryHeaderCells", "privacy": "private" }, { "kind": "method", "name": "_getHeaderCells", "privacy": "private", "description": "Get cached header cells" }, { "kind": "method", "name": "_queryCellsOfFirstRow", "privacy": "private" }, { "kind": "method", "name": "_getCellsOfFirstRow", "privacy": "private", "description": "Get cached cells of first row" }, { "kind": "method", "name": "_resizeTableBody", "privacy": "private" }, { "kind": "method", "name": "_initResizeObserver", "privacy": "private" }, { "kind": "field", "name": "_componentResizeObserverCallback", "privacy": "private" }, { "kind": "field", "name": "_headerResizeObserverCallback", "privacy": "private" }, { "kind": "field", "name": "_bodyResizeObserverCallback", "privacy": "private" }, { "kind": "method", "name": "_calculateInitialColumnWidths", "privacy": "private", "return": { "type": { "text": "number[]" } } }, { "kind": "method", "name": "_initHeaderCellSizes", "privacy": "private", "parameters": [ { "name": "colWidths", "type": { "text": "number[]" } } ] }, { "kind": "method", "name": "_initBodyColumnSizes", "privacy": "private", "parameters": [ { "name": "colWidths", "type": { "text": "number[]" } } ] }, { "kind": "method", "name": "_initSashes", "privacy": "private", "parameters": [ { "name": "colWidths", "type": { "text": "number[]" } } ] }, { "kind": "method", "name": "_initDefaultColumnSizes", "privacy": "private" }, { "kind": "method", "name": "_updateResizeHandlersSize", "privacy": "private" }, { "kind": "method", "name": "_applyCompactViewColumnLabels", "privacy": "private" }, { "kind": "method", "name": "_clearCompactViewColumnLabels", "privacy": "private" }, { "kind": "method", "name": "_toggleCompactView", "privacy": "private" }, { "kind": "method", "name": "_stopDrag", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "_onDefaultSlotChange", "privacy": "private" }, { "kind": "method", "name": "_onHeaderSlotChange", "privacy": "private" }, { "kind": "method", "name": "_onBodySlotChange", "privacy": "private" }, { "kind": "method", "name": "_onSashMouseOver", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_onSashMouseOut", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_resizeColumns", "privacy": "private", "parameters": [ { "name": "resizeBodyCells", "default": "true" } ] }, { "kind": "method", "name": "_handleSplitterPointerDown", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "PointerEvent" } } ] }, { "kind": "field", "name": "_handleSplitterPointerMove", "privacy": "private" }, { "kind": "field", "name": "_handleSplitterPointerUp", "privacy": "private" }, { "kind": "field", "name": "_handleSplitterPointerCancel", "privacy": "private" }, { "kind": "field", "name": "_handleMinColumnWidthChange", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "resizable", "type": { "text": "boolean" }, "default": "false", "fieldName": "resizable" }, { "name": "responsive", "type": { "text": "boolean" }, "default": "false", "fieldName": "responsive" }, { "name": "bordered", "type": { "text": "boolean" }, "default": "false", "description": "Both rows and columns are separated by borders.", "fieldName": "bordered" }, { "name": "bordered-columns", "type": { "text": "boolean" }, "default": "false", "description": "Columns are separated by borders.", "fieldName": "borderedColumns" }, { "name": "bordered-rows", "type": { "text": "boolean" }, "default": "false", "description": "Rows are separated by borders.", "fieldName": "borderedRows" }, { "name": "breakpoint", "type": { "text": "number" }, "default": "300", "fieldName": "breakpoint" }, { "name": "columns", "description": "Initial column sizes in a JSON-encoded array.\nAccepted values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword", "type": { "text": "string[]" }, "fieldName": "columns" }, { "name": "min-column-width", "type": { "text": "string" }, "default": "'50px'", "description": "Minimum column width. Valid values are:\n- number\n- string-type number (ex.: \"100\")\n- px value (ex.: \"100px\")\n- percentage value (ex.: \"50%\")\n- percentage value (ex.: \"50%\")\n- \"auto\" keyword", "fieldName": "minColumnWidth" }, { "name": "delayed-resizing", "type": { "text": "boolean" }, "default": "false", "fieldName": "delayedResizing" }, { "name": "zebra", "type": { "text": "boolean" }, "default": "false", "description": "Zebra stripes, even rows are tinted.", "fieldName": "zebra" }, { "name": "zebra-odd", "type": { "text": "boolean" }, "default": "false", "description": "Zebra stripes, odd rows are tinted.", "fieldName": "zebraOdd" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-table", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTable", "declaration": { "name": "VscodeTable", "module": "src/vscode-table/vscode-table.ts" } }, { "kind": "custom-element-definition", "name": "vscode-table", "declaration": { "name": "VscodeTable", "module": "src/vscode-table/vscode-table.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-body/vscode-table-body.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: table; table-layout: fixed; width: 100%; } ::slotted(vscode-table-row:nth-child(even)) { background-color: var(--vsc-row-even-background); } ::slotted(vscode-table-row:nth-child(odd)) { background-color: var(--vsc-row-odd-background); } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-table-body/vscode-table-body.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-body/vscode-table-body.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTableBody", "members": [ { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-table-body", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTableBody", "declaration": { "name": "VscodeTableBody", "module": "src/vscode-table-body/vscode-table-body.ts" } }, { "kind": "custom-element-definition", "name": "vscode-table-body", "declaration": { "name": "VscodeTableBody", "module": "src/vscode-table-body/vscode-table-body.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-cell/vscode-table-cell.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { border-bottom-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); border-bottom-style: solid; border-bottom-width: var(--vsc-row-border-bottom-width); box-sizing: border-box; color: var(--vscode-foreground, #cccccc); display: table-cell; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); height: 24px; overflow: hidden; padding-left: 10px; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap; } :host([compact]) { display: block; height: auto; padding-bottom: 5px; width: 100% !important; } :host([compact]:first-child) { padding-top: 10px; } :host([compact]:last-child) { padding-bottom: 10px; } .wrapper { overflow: inherit; text-overflow: inherit; white-space: inherit; width: 100%; } .column-label { font-weight: bold; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-table-cell/vscode-table-cell.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-cell/vscode-table-cell.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTableCell", "cssProperties": [ { "name": "--vscode-editorGroup-border", "default": "rgba(255, 255, 255, 0.09)" }, { "name": "--vscode-foreground", "default": "#cccccc" }, { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" } ], "members": [ { "kind": "field", "name": "columnLabel", "type": { "text": "string" }, "default": "''", "description": "Cell label in the compact view of the responsive mode. For internal use only.", "attribute": "column-label" }, { "kind": "field", "name": "compact", "type": { "text": "boolean" }, "default": "false", "description": "Enable compact view in the responsive mode. For internal use only.", "attribute": "compact", "reflects": true }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "column-label", "type": { "text": "string" }, "default": "''", "description": "Cell label in the compact view of the responsive mode. For internal use only.", "fieldName": "columnLabel" }, { "name": "compact", "type": { "text": "boolean" }, "default": "false", "description": "Enable compact view in the responsive mode. For internal use only.", "fieldName": "compact" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-table-cell", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTableCell", "declaration": { "name": "VscodeTableCell", "module": "src/vscode-table-cell/vscode-table-cell.ts" } }, { "kind": "custom-element-definition", "name": "vscode-table-cell", "declaration": { "name": "VscodeTableCell", "module": "src/vscode-table-cell/vscode-table-cell.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-header/vscode-table-header.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { background-color: var( --vscode-keybindingTable-headerBackground, rgba(204, 204, 204, 0.04) ); display: table; table-layout: fixed; width: 100%; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-table-header/vscode-table-header.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-header/vscode-table-header.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTableHeader", "cssProperties": [ { "description": "Table header background", "name": "--vscode-keybindingTable-headerBackground", "default": "rgba(204, 204, 204, 0.04)" } ], "members": [ { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-table-header", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTableHeader", "declaration": { "name": "VscodeTableHeader", "module": "src/vscode-table-header/vscode-table-header.ts" } }, { "kind": "custom-element-definition", "name": "vscode-table-header", "declaration": { "name": "VscodeTableHeader", "module": "src/vscode-table-header/vscode-table-header.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-header-cell/vscode-table-header-cell.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { box-sizing: border-box; color: var(--vscode-foreground, #cccccc); display: table-cell; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: bold; line-height: 20px; overflow: hidden; padding-bottom: 5px; padding-left: 10px; padding-right: 0; padding-top: 5px; text-overflow: ellipsis; white-space: nowrap; } .wrapper { box-sizing: inherit; overflow: inherit; text-overflow: inherit; white-space: inherit; width: 100%; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-table-header-cell/vscode-table-header-cell.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-header-cell/vscode-table-header-cell.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTableHeaderCell", "cssProperties": [ { "name": "--vscode-foreground", "default": "#cccccc" }, { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" } ], "members": [ { "kind": "field", "name": "minWidth", "type": { "text": "string" }, "default": "'0'", "attribute": "min-width" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "min-width", "type": { "text": "string" }, "default": "'0'", "fieldName": "minWidth" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-table-header-cell", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTableHeaderCell", "declaration": { "name": "VscodeTableHeaderCell", "module": "src/vscode-table-header-cell/vscode-table-header-cell.ts" } }, { "kind": "custom-element-definition", "name": "vscode-table-header-cell", "declaration": { "name": "VscodeTableHeaderCell", "module": "src/vscode-table-header-cell/vscode-table-header-cell.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-row/vscode-table-row.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { border-top-color: var( --vscode-editorGroup-border, rgba(255, 255, 255, 0.09) ); border-top-style: solid; border-top-width: var(--vsc-row-border-top-width); display: var(--vsc-row-display); width: 100%; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-table-row/vscode-table-row.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-table-row/vscode-table-row.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTableRow", "cssProperties": [ { "name": "--vscode-editorGroup-border", "default": "rgba(255, 255, 255, 0.09)" } ], "members": [ { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-table-row", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTableRow", "declaration": { "name": "VscodeTableRow", "module": "src/vscode-table-row/vscode-table-row.ts" } }, { "kind": "custom-element-definition", "name": "vscode-table-row", "declaration": { "name": "VscodeTableRow", "module": "src/vscode-table-row/vscode-table-row.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tabs/vscode-tabs.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; } .header { align-items: center; display: flex; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); width: 100%; } .header { border-bottom-color: var(--vscode-settings-headerBorder, #2b2b2b); border-bottom-style: solid; border-bottom-width: 1px; } .header.panel { background-color: var(--vscode-panel-background, #181818); border-bottom-width: 0; box-sizing: border-box; padding-left: 8px; padding-right: 8px; } .tablist { display: flex; margin-bottom: -1px; } slot[name='addons'] { display: block; margin-left: auto; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-tabs/vscode-tabs.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tabs/vscode-tabs.ts", "declarations": [ { "kind": "class", "description": "", "name": "VscodeTabs", "cssProperties": [ { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-settings-headerBorder", "default": "#2b2b2b" }, { "name": "--vscode-panel-background", "default": "#181818" } ], "slots": [ { "description": "Default slot. It is used for tab panels.", "name": "" }, { "description": "Slot for tab headers.", "name": "header" }, { "description": "Right aligned area in the header.", "name": "addons" } ], "members": [ { "kind": "field", "name": "panel", "type": { "text": "boolean" }, "default": "false", "description": "Panel-like look", "attribute": "panel", "reflects": true }, { "kind": "field", "name": "selectedIndex", "type": { "text": "number" }, "default": "0", "attribute": "selected-index", "reflects": true }, { "kind": "field", "name": "_headerSlotElements", "type": { "text": "Element[]" }, "privacy": "private" }, { "kind": "field", "name": "_mainSlotElements", "type": { "text": "Element[]" }, "privacy": "private" }, { "kind": "field", "name": "_tabHeaders", "type": { "text": "VscodeTabHeader[]" }, "privacy": "private", "default": "[]" }, { "kind": "field", "name": "_tabPanels", "type": { "text": "VscodeTabPanel[]" }, "privacy": "private", "default": "[]" }, { "kind": "field", "name": "_componentId", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "field", "name": "_tabFocus", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "method", "name": "_dispatchSelectEvent", "privacy": "private" }, { "kind": "method", "name": "_setActiveTab", "privacy": "private" }, { "kind": "method", "name": "_focusPrevTab", "privacy": "private" }, { "kind": "method", "name": "_focusNextTab", "privacy": "private" }, { "kind": "method", "name": "_onHeaderKeyDown", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_moveHeadersToHeaderSlot", "privacy": "private" }, { "kind": "method", "name": "_onMainSlotChange", "privacy": "private" }, { "kind": "method", "name": "_onHeaderSlotChange", "privacy": "private" }, { "kind": "method", "name": "_onHeaderClick", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "MouseEvent" } } ] }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "type": { "text": "VscTabSelectEvent" }, "description": "Dispatched when the active tab is changed", "name": "vsc-tabs-select" } ], "attributes": [ { "name": "panel", "type": { "text": "boolean" }, "default": "false", "description": "Panel-like look", "fieldName": "panel" }, { "name": "selected-index", "type": { "text": "number" }, "default": "0", "fieldName": "selectedIndex" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-tabs", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTabs", "declaration": { "name": "VscodeTabs", "module": "src/vscode-tabs/vscode-tabs.ts" } }, { "kind": "custom-element-definition", "name": "vscode-tabs", "declaration": { "name": "VscodeTabs", "module": "src/vscode-tabs/vscode-tabs.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-textarea/vscode-textarea.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "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; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-textarea/vscode-textarea.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-textarea/vscode-textarea.ts", "declarations": [ { "kind": "class", "description": "Multi-line text input.\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.", "name": "VscodeTextarea", "cssProperties": [ { "name": "--vscode-scrollbar-shadow", "default": "#000000" }, { "name": "--vscode-settings-textInputBackground", "default": "#313131" }, { "name": "--vscode-settings-textInputBorder", "default": "transparent" }, { "name": "--vscode-settings-textInputForeground", "default": "#cccccc" }, { "name": "--vscode-input-placeholderForeground", "default": "#989898" }, { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-editor-background", "default": "#1f1f1f" }, { "name": "--vscode-editor-foreground", "default": "#cccccc" }, { "name": "--vscode-editor-font-family", "default": "monospace" }, { "name": "--vscode-editor-font-size", "default": "14px" }, { "name": "--vscode-editor-font-weight", "default": "normal" }, { "name": "--vscode-editor-inlineValuesForeground", "default": "rgba(255, 255, 255, 0.5)" }, { "name": "--vscode-focusBorder", "default": "#0078d4" }, { "name": "--vscode-scrollbarSlider-background", "default": "rgba(121, 121, 121, 0.4)" }, { "name": "--vscode-scrollbarSlider-hoverBackground", "default": "rgba(100, 100, 100, 0.7)" }, { "name": "--vscode-scrollbarSlider-activeBackground", "default": "rgba(191, 191, 191, 0.4)" } ], "members": [ { "kind": "field", "name": "autocomplete", "type": { "text": "'on' | 'off' | undefined" }, "default": "undefined", "attribute": "autocomplete" }, { "kind": "field", "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "attribute": "autofocus", "reflects": true }, { "kind": "field", "name": "defaultValue", "type": { "text": "string" }, "default": "''", "attribute": "default-value" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "attribute": "invalid", "reflects": true }, { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "''" }, { "kind": "field", "name": "maxLength", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "maxLength" }, { "kind": "field", "name": "minLength", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "minLength" }, { "kind": "field", "name": "rows", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "rows" }, { "kind": "field", "name": "cols", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "cols" }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "name" }, { "kind": "field", "name": "placeholder", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "placeholder" }, { "kind": "field", "name": "readonly", "type": { "text": "boolean" }, "default": "false", "attribute": "readonly", "reflects": true }, { "kind": "field", "name": "resize", "type": { "text": "'both' | 'horizontal' | 'vertical' | 'none'" }, "default": "'none'", "attribute": "resize" }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "attribute": "required", "reflects": true }, { "kind": "field", "name": "spellcheck", "type": { "text": "boolean" }, "default": "false", "attribute": "spellcheck" }, { "kind": "field", "name": "monospace", "type": { "text": "boolean" }, "default": "false", "description": "Use monospace fonts. The font family, weight, size, and color will be the same as set in the\nVSCode code editor.", "attribute": "monospace", "reflects": true }, { "kind": "field", "name": "value", "type": { "text": "string" }, "attribute": "value" }, { "kind": "field", "name": "wrappedElement", "type": { "text": "HTMLTextAreaElement" }, "description": "Getter for the inner textarea element if it needs to be accessed for some reason.", "readonly": true }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "readonly": true }, { "kind": "field", "name": "validationMessage", "readonly": true }, { "kind": "field", "name": "willValidate", "readonly": true }, { "kind": "field", "name": "minlength", "description": "Lowercase alias to minLength", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "maxlength", "description": "Lowercase alias to maxLength", "type": { "text": "number | undefined" } }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } } }, { "kind": "method", "name": "reportValidity", "return": { "type": { "text": "boolean" } } }, { "kind": "field", "name": "_textareaEl", "type": { "text": "HTMLTextAreaElement" }, "privacy": "private" }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "field", "name": "_textareaPointerCursor", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_shadow", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_internals", "type": { "text": "ElementInternals" }, "privacy": "private" }, { "kind": "method", "name": "_setValidityFromInput", "privacy": "private" }, { "kind": "method", "name": "_dataChanged", "privacy": "private" }, { "kind": "method", "name": "_handleChange", "privacy": "private" }, { "kind": "method", "name": "_handleInput", "privacy": "private" }, { "kind": "method", "name": "_handleMouseMove", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_handleScroll", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } }, { "type": { "text": "InputEvent" }, "name": "input" } ], "attributes": [ { "name": "autocomplete", "type": { "text": "'on' | 'off' | undefined" }, "default": "undefined", "fieldName": "autocomplete" }, { "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "fieldName": "autofocus" }, { "name": "default-value", "type": { "text": "string" }, "default": "''", "fieldName": "defaultValue" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "fieldName": "invalid" }, { "name": "maxLength", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "maxLength" }, { "name": "minLength", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "minLength" }, { "name": "rows", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "rows" }, { "name": "cols", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "cols" }, { "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "name" }, { "name": "placeholder", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "placeholder" }, { "name": "readonly", "type": { "text": "boolean" }, "default": "false", "fieldName": "readonly" }, { "name": "resize", "type": { "text": "'both' | 'horizontal' | 'vertical' | 'none'" }, "default": "'none'", "fieldName": "resize" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "spellcheck", "type": { "text": "boolean" }, "default": "false", "fieldName": "spellcheck" }, { "name": "monospace", "type": { "text": "boolean" }, "default": "false", "description": "Use monospace fonts. The font family, weight, size, and color will be the same as set in the\nVSCode code editor.", "fieldName": "monospace" }, { "name": "value", "type": { "text": "string" }, "fieldName": "value" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-textarea", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTextarea", "declaration": { "name": "VscodeTextarea", "module": "src/vscode-textarea/vscode-textarea.ts" } }, { "kind": "custom-element-definition", "name": "vscode-textarea", "declaration": { "name": "VscodeTextarea", "module": "src/vscode-textarea/vscode-textarea.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-textfield/vscode-textfield.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "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); } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-textfield/vscode-textfield.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-textfield/vscode-textfield.ts", "declarations": [ { "kind": "class", "description": "A simple inline textfield\n\nWhen participating in a form, it supports the `:invalid` pseudo class. Otherwise the error styles\ncan be applied through the `invalid` property.", "name": "VscodeTextfield", "cssProperties": [ { "name": "--vscode-settings-textInputBackground", "default": "#313131" }, { "name": "--vscode-settings-textInputBorder", "default": "var(--vscode-settings-textInputBackground, #3c3c3c)" }, { "name": "--vscode-settings-textInputForeground", "default": "#cccccc" }, { "name": "--vscode-settings-textInputBackground", "default": "#313131" }, { "name": "--vscode-focusBorder", "default": "#0078d4" }, { "description": "A sans-serif font type depends on the host OS.", "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-inputValidation-errorBorder", "default": "#be1100" }, { "name": "--vscode-inputValidation-errorBackground", "default": "#5a1d1d" }, { "name": "--vscode-input-placeholderForeground", "default": "#989898" }, { "name": "--vscode-button-background", "default": "#0078d4" }, { "name": "--vscode-button-foreground", "default": "#ffffff" }, { "name": "--vscode-button-hoverBackground", "default": "#026ec1" } ], "slots": [ { "description": "A slot before the editable area but inside of the component. It is used to place icons.", "name": "content-before" }, { "description": "A slot after the editable area but inside of the component. It is used to place icons.", "name": "content-after" } ], "members": [ { "kind": "field", "name": "autocomplete", "type": { "text": "'on' | 'off' | undefined" }, "default": "undefined", "attribute": "autocomplete" }, { "kind": "field", "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "attribute": "autofocus", "reflects": true }, { "kind": "field", "name": "defaultValue", "type": { "text": "string" }, "default": "''", "attribute": "default-value" }, { "kind": "field", "name": "disabled", "type": { "text": "boolean" }, "default": "false", "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "focused", "type": { "text": "boolean" }, "default": "false", "attribute": "focused", "reflects": true }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Set error styles on the component. This is only intended to apply styles when custom error\nvalidation is implemented. To check whether the component is valid, use the checkValidity method.", "attribute": "invalid", "reflects": true }, { "kind": "field", "name": "max", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "max" }, { "kind": "field", "name": "maxLength", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "maxLength" }, { "kind": "field", "name": "min", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "min" }, { "kind": "field", "name": "minLength", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "minLength" }, { "kind": "field", "name": "multiple", "type": { "text": "boolean" }, "default": "false", "attribute": "multiple", "reflects": true }, { "kind": "field", "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "name", "reflects": true }, { "kind": "field", "name": "pattern", "type": { "text": "string | undefined" }, "default": "undefined", "description": "Specifies a regular expression the form control's value should match.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)", "attribute": "pattern" }, { "kind": "field", "name": "placeholder", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "placeholder" }, { "kind": "field", "name": "readonly", "type": { "text": "boolean" }, "default": "false", "attribute": "readonly", "reflects": true }, { "kind": "field", "name": "required", "type": { "text": "boolean" }, "default": "false", "attribute": "required", "reflects": true }, { "kind": "field", "name": "step", "type": { "text": "number | undefined" }, "default": "undefined", "attribute": "step" }, { "kind": "field", "name": "type", "description": "Same as the `type` of the native `` element but only a subset of types are supported.\nThe supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`", "type": { "text": "InputType" }, "attribute": "type", "reflects": true }, { "kind": "field", "name": "value", "type": { "text": "string" }, "attribute": "value" }, { "kind": "field", "name": "minlength", "description": "Lowercase alias to minLength", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "maxlength", "description": "Lowercase alias to maxLength", "type": { "text": "number | undefined" } }, { "kind": "field", "name": "form", "type": { "text": "HTMLFormElement | null" }, "readonly": true }, { "kind": "field", "name": "validity", "type": { "text": "ValidityState" }, "readonly": true }, { "kind": "field", "name": "validationMessage", "readonly": true }, { "kind": "field", "name": "willValidate", "readonly": true }, { "kind": "method", "name": "checkValidity", "return": { "type": { "text": "boolean" } }, "description": "Check the component's validity state when built-in validation is used.\nBuilt-in validation is triggered when any validation-related attribute is set. Validation-related\nattributes are: `max, maxlength, min, minlength, pattern, required, step`.\nSee this [the MDN reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity) for more details." }, { "kind": "method", "name": "reportValidity" }, { "kind": "field", "name": "wrappedElement", "type": { "text": "HTMLInputElement" }, "readonly": true }, { "kind": "field", "name": "_inputEl", "type": { "text": "HTMLInputElement" }, "privacy": "private" }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "field", "name": "_type", "type": { "text": "InputType" }, "privacy": "private", "default": "'text'" }, { "kind": "field", "name": "_internals", "type": { "text": "ElementInternals" }, "privacy": "private" }, { "kind": "method", "name": "_dataChanged", "privacy": "private" }, { "kind": "method", "name": "_setValidityFromInput", "privacy": "private" }, { "kind": "method", "name": "_onInput", "privacy": "private" }, { "kind": "method", "name": "_onChange", "privacy": "private" }, { "kind": "method", "name": "_onFocus", "privacy": "private" }, { "kind": "method", "name": "_onBlur", "privacy": "private" }, { "kind": "method", "name": "_onKeyDown", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } }, { "type": { "text": "InputEvent" }, "name": "input" } ], "attributes": [ { "name": "autocomplete", "type": { "text": "'on' | 'off' | undefined" }, "default": "undefined", "fieldName": "autocomplete" }, { "name": "autofocus", "type": { "text": "boolean" }, "default": "false", "fieldName": "autofocus" }, { "name": "default-value", "type": { "text": "string" }, "default": "''", "fieldName": "defaultValue" }, { "name": "disabled", "type": { "text": "boolean" }, "default": "false", "fieldName": "disabled" }, { "name": "focused", "type": { "text": "boolean" }, "default": "false", "fieldName": "focused" }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Set error styles on the component. This is only intended to apply styles when custom error\nvalidation is implemented. To check whether the component is valid, use the checkValidity method.", "fieldName": "invalid" }, { "name": "max", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "max" }, { "name": "maxLength", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "maxLength" }, { "name": "min", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "min" }, { "name": "minLength", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "minLength" }, { "name": "multiple", "type": { "text": "boolean" }, "default": "false", "fieldName": "multiple" }, { "name": "name", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "name" }, { "name": "pattern", "type": { "text": "string | undefined" }, "default": "undefined", "description": "Specifies a regular expression the form control's value should match.\n[MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/pattern)", "fieldName": "pattern" }, { "name": "placeholder", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "placeholder" }, { "name": "readonly", "type": { "text": "boolean" }, "default": "false", "fieldName": "readonly" }, { "name": "required", "type": { "text": "boolean" }, "default": "false", "fieldName": "required" }, { "name": "step", "type": { "text": "number | undefined" }, "default": "undefined", "fieldName": "step" }, { "name": "type", "description": "Same as the `type` of the native `` element but only a subset of types are supported.\nThe supported ones are: `color`,`date`,`datetime-local`,`email`,`file`,`month`,`number`,`password`,`search`,`tel`,`text`,`time`,`url`,`week`", "type": { "text": "InputType" }, "fieldName": "type" }, { "name": "value", "type": { "text": "string" }, "fieldName": "value" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-textfield", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTextfield", "declaration": { "name": "VscodeTextfield", "module": "src/vscode-textfield/vscode-textfield.ts" } }, { "kind": "custom-element-definition", "name": "vscode-textfield", "declaration": { "name": "VscodeTextfield", "module": "src/vscode-textfield/vscode-textfield.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-toolbar-button/vscode-toolbar-button.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: inline-flex; } button { align-items: center; background-color: transparent; border: 0; border-radius: 5px; color: var(--vscode-foreground, #cccccc); cursor: pointer; display: flex; outline-offset: -1px; outline-width: 1px; padding: 0; user-select: none; } button:focus-visible { outline-color: var(--vscode-focusBorder, #0078d4); outline-style: solid; } button:hover { background-color: var( --vscode-toolbar-hoverBackground, rgba(90, 93, 94, 0.31) ); outline-style: dashed; outline-color: var(--vscode-toolbar-hoverOutline, transparent); } button:active { background-color: var( --vscode-toolbar-activeBackground, rgba(99, 102, 103, 0.31) ); } button.checked { background-color: var( --vscode-inputOption-activeBackground, rgba(36, 137, 219, 0.51) ); outline-color: var(--vscode-inputOption-activeBorder, #2488db); outline-style: solid; color: var(--vscode-inputOption-activeForeground, #ffffff); } button.checked vscode-icon { color: var(--vscode-inputOption-activeForeground, #ffffff); } vscode-icon { display: block; padding: 3px; } slot:not(.empty) { align-items: center; display: flex; height: 22px; padding: 0 5px 0 2px; } slot.textOnly:not(.empty) { padding: 0 5px; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-toolbar-button/vscode-toolbar-button.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-toolbar-button/vscode-toolbar-button.ts", "declarations": [ { "kind": "class", "description": "Toolbar button", "name": "VscodeToolbarButton", "members": [ { "kind": "field", "name": "icon", "type": { "text": "string" }, "default": "''", "attribute": "icon", "reflects": true }, { "kind": "field", "name": "label", "type": { "text": "string | undefined" }, "default": "undefined", "attribute": "label" }, { "kind": "field", "name": "toggleable", "type": { "text": "boolean" }, "default": "false", "attribute": "toggleable", "reflects": true }, { "kind": "field", "name": "checked", "type": { "text": "boolean" }, "default": "false", "attribute": "checked", "reflects": true }, { "kind": "field", "name": "_isSlotEmpty", "type": { "text": "boolean" }, "privacy": "private", "default": "true" }, { "kind": "field", "name": "_assignedNodes", "type": { "text": "NodeList | null" }, "privacy": "private" }, { "kind": "method", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleButtonClick", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } } ], "attributes": [ { "name": "icon", "type": { "text": "string" }, "default": "''", "fieldName": "icon" }, { "name": "label", "type": { "text": "string | undefined" }, "default": "undefined", "fieldName": "label" }, { "name": "toggleable", "type": { "text": "boolean" }, "default": "false", "fieldName": "toggleable" }, { "name": "checked", "type": { "text": "boolean" }, "default": "false", "fieldName": "checked" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-toolbar-button", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeToolbarButton", "declaration": { "name": "VscodeToolbarButton", "module": "src/vscode-toolbar-button/vscode-toolbar-button.ts" } }, { "kind": "custom-element-definition", "name": "vscode-toolbar-button", "declaration": { "name": "VscodeToolbarButton", "module": "src/vscode-toolbar-button/vscode-toolbar-button.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-toolbar-container/vscode-toolbar-container.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { display: block; } div { gap: 4px; display: flex; align-items: center; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-toolbar-container/vscode-toolbar-container.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-toolbar-container/vscode-toolbar-container.ts", "declarations": [ { "kind": "class", "description": "Simple container to arrange the toolar buttons", "name": "VscodeToolbarContainer", "members": [ { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-toolbar-container", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeToolbarContainer", "declaration": { "name": "VscodeToolbarContainer", "module": "src/vscode-toolbar-container/vscode-toolbar-container.ts" } }, { "kind": "custom-element-definition", "name": "vscode-toolbar-container", "declaration": { "name": "VscodeToolbarContainer", "module": "src/vscode-toolbar-container/vscode-toolbar-container.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tree/helpers.ts", "declarations": [ { "kind": "function", "name": "initPathTrackerProps", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "parentElement", "type": { "text": "VscodeTree | VscodeTreeItem" } }, { "name": "items", "type": { "text": "VscodeTreeItem[]" } } ] }, { "kind": "function", "name": "findLastChildItem", "return": { "type": { "text": "VscodeTreeItem" } }, "parameters": [ { "name": "item", "type": { "text": "VscodeTreeItem" } } ] }, { "kind": "function", "name": "findClosestAncestorHasNextSibling", "return": { "type": { "text": "VscodeTreeItem | null" } }, "parameters": [ { "name": "item", "type": { "text": "VscodeTreeItem" } } ] }, { "kind": "function", "name": "findNextItem", "return": { "type": { "text": "VscodeTreeItem | null" } }, "parameters": [ { "name": "item", "type": { "text": "VscodeTreeItem" } } ] }, { "kind": "function", "name": "findPrevItem", "return": { "type": { "text": "VscodeTreeItem | null" } }, "parameters": [ { "name": "item", "type": { "text": "VscodeTreeItem" } } ] }, { "kind": "function", "name": "findParentItem", "parameters": [ { "name": "childItem", "type": { "text": "VscodeTreeItem" } } ] } ], "exports": [ { "kind": "js", "name": "initPathTrackerProps", "declaration": { "name": "initPathTrackerProps", "module": "src/vscode-tree/helpers.ts" } }, { "kind": "js", "name": "findLastChildItem", "declaration": { "name": "findLastChildItem", "module": "src/vscode-tree/helpers.ts" } }, { "kind": "js", "name": "findClosestAncestorHasNextSibling", "declaration": { "name": "findClosestAncestorHasNextSibling", "module": "src/vscode-tree/helpers.ts" } }, { "kind": "js", "name": "findNextItem", "declaration": { "name": "findNextItem", "module": "src/vscode-tree/helpers.ts" } }, { "kind": "js", "name": "findPrevItem", "declaration": { "name": "findPrevItem", "module": "src/vscode-tree/helpers.ts" } }, { "kind": "js", "name": "findParentItem", "declaration": { "name": "findParentItem", "module": "src/vscode-tree/helpers.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tree/tree-context.ts", "declarations": [ { "kind": "variable", "name": "treeContext" }, { "kind": "variable", "name": "configContext" } ], "exports": [ { "kind": "js", "name": "treeContext", "declaration": { "name": "treeContext", "module": "src/vscode-tree/tree-context.ts" } }, { "kind": "js", "name": "configContext", "declaration": { "name": "configContext", "module": "src/vscode-tree/tree-context.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tree/vscode-tree.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { --vsc-tree-item-arrow-display: flex; --internal-selectionBackground: var( --vscode-list-inactiveSelectionBackground, #37373d ); --internal-selectionForeground: var(--vscode-foreground, #cccccc); --internal-selectionIconForeground: var( --vscode-icon-foreground, #cccccc ); --internal-defaultIndentGuideDisplay: none; --internal-highlightedIndentGuideDisplay: block; display: block; } :host(:hover) { --internal-defaultIndentGuideDisplay: block; --internal-highlightedIndentGuideDisplay: block; } :host(:focus-within) { --internal-selectionBackground: var( --vscode-list-activeSelectionBackground, #04395e ); --internal-selectionForeground: var( --vscode-list-activeSelectionForeground, #ffffff ); --internal-selectionIconForeground: var( --vscode-list-activeSelectionIconForeground, #ffffff ); } :host([hide-arrows]) { --vsc-tree-item-arrow-display: none; } :host([indent-guides='none']), :host([indent-guides='none']:hover) { --internal-defaultIndentGuideDisplay: none; --internal-highlightedIndentGuideDisplay: none; } :host([indent-guides='always']), :host([indent-guides='always']:hover) { --internal-defaultIndentGuideDisplay: block; --internal-highlightedIndentGuideDisplay: block; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-tree/vscode-tree.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tree/vscode-tree.ts", "declarations": [ { "kind": "variable", "name": "ExpandMode", "type": { "text": "{\n singleClick: 'singleClick',\n doubleClick: 'doubleClick',\n}" }, "default": "{ singleClick: 'singleClick', doubleClick: 'doubleClick', }" }, { "kind": "variable", "name": "IndentGuides", "type": { "text": "{\n none: 'none',\n onHover: 'onHover',\n always: 'always',\n}" }, "default": "{ none: 'none', onHover: 'onHover', always: 'always', }" }, { "kind": "class", "description": "", "name": "VscodeTree", "cssProperties": [ { "name": "--vscode-font-family", "default": "sans-serif" }, { "name": "--vscode-font-size", "default": "13px" }, { "name": "--vscode-font-weight", "default": "normal" }, { "name": "--vscode-foreground", "default": "#cccccc" }, { "name": "--vscode-icon-foreground", "default": "#cccccc" }, { "name": "--vscode-list-focusAndSelectionOutline", "default": "#0078d4" }, { "name": "--vscode-list-focusOutline", "default": "#0078d4" }, { "name": "--vscode-list-hoverBackground", "default": "#2a2d2e" }, { "name": "--vscode-list-hoverForeground", "default": "#cccccc" }, { "name": "--vscode-tree-inactiveIndentGuidesStroke", "default": "rgba(88, 88, 88, 0.4)" }, { "name": "--vscode-tree-indentGuidesStroke", "default": "#585858" } ], "members": [ { "kind": "field", "name": "expandMode", "type": { "text": "'singleClick' | 'doubleClick'" }, "default": "'singleClick'", "description": "Controls how tree folders are expanded when clicked. This property is designed to use\nthe `workbench.tree.expandMode` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n```", "attribute": "expand-mode" }, { "kind": "field", "name": "hideArrows", "type": { "text": "boolean" }, "default": "false", "description": "Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n(e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\npossible to mimic that behavior.", "attribute": "hide-arrows", "reflects": true }, { "kind": "field", "name": "indent", "type": { "text": "number" }, "default": "8", "description": "Controls the indentation in pixels. This property is designed to use the\n`workbench.tree.indent` setting.", "attribute": "indent", "reflects": true }, { "kind": "field", "name": "indentGuides", "type": { "text": "'none' | 'onHover' | 'always'" }, "default": "'onHover'", "description": "Controls whether the tree should render indent guides. This property is\ndesigned to use the `workbench.tree.renderIndentGuides` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n```", "attribute": "indent-guides", "reflects": true }, { "kind": "field", "name": "multiSelect", "type": { "text": "boolean" }, "default": "false", "description": "Allows selecting multiple items.", "attribute": "multi-select", "reflects": true }, { "kind": "field", "name": "_treeContextState", "type": { "text": "TreeContext" }, "privacy": "private", "default": "{ isShiftPressed: false, activeItem: null, selectedItems: new Set(), hoveredItem: null, allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: this, highlightedItems: new Set(), highlightIndentGuides: () => { this._highlightIndentGuides(); }, emitSelectEvent: () => { this._emitSelectEvent(); }, }" }, { "kind": "field", "name": "_configContext", "type": { "text": "ConfigContext" }, "privacy": "private", "default": "{ hideArrows: this.hideArrows, expandMode: this.expandMode, indent: this.indent, indentGuides: this.indentGuides, multiSelect: this.multiSelect, }" }, { "kind": "field", "name": "_assignedTreeItems", "type": { "text": "VscodeTreeItem[]" }, "privacy": "private" }, { "kind": "method", "name": "expandAll", "description": "Expands all folders." }, { "kind": "method", "name": "collapseAll", "description": "Collapses all folders." }, { "kind": "method", "name": "_emitSelectEvent", "privacy": "private" }, { "kind": "method", "name": "_highlightIndentGuideOfItem", "privacy": "private", "parameters": [ { "name": "item", "type": { "text": "VscodeTreeItem" } } ] }, { "kind": "method", "name": "_highlightIndentGuides", "privacy": "private" }, { "kind": "method", "name": "_updateConfigContext", "privacy": "private", "parameters": [ { "name": "changedProperties", "type": { "text": "PropertyValues" } } ] }, { "kind": "method", "name": "_focusItem", "privacy": "private", "parameters": [ { "name": "item", "type": { "text": "VscodeTreeItem" } } ] }, { "kind": "method", "name": "_focusPrevItem", "privacy": "private" }, { "kind": "method", "name": "_focusNextItem", "privacy": "private" }, { "kind": "method", "name": "_handleArrowRightPress", "privacy": "private" }, { "kind": "method", "name": "_handleArrowLeftPress", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_handleArrowDownPress", "privacy": "private" }, { "kind": "method", "name": "_handleArrowUpPress", "privacy": "private" }, { "kind": "method", "name": "_handleEnterPress", "privacy": "private" }, { "kind": "method", "name": "_handleShiftPress", "privacy": "private" }, { "kind": "field", "name": "_handleComponentKeyDown", "privacy": "private" }, { "kind": "field", "name": "_handleComponentKeyUp", "privacy": "private" }, { "kind": "field", "name": "_handleSlotChange", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "expand-mode", "type": { "text": "'singleClick' | 'doubleClick'" }, "default": "'singleClick'", "description": "Controls how tree folders are expanded when clicked. This property is designed to use\nthe `workbench.tree.expandMode` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {ExpandMode} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = ExpandMode.singleClick;\n```", "fieldName": "expandMode" }, { "name": "hide-arrows", "type": { "text": "boolean" }, "default": "false", "description": "Although arrows are always visible in the Tree component by default in VSCode, some icon sets\n(e.g., Material Icon Theme) allow disabling them in the file explorer view. This flag makes it\npossible to mimic that behavior.", "fieldName": "hideArrows" }, { "name": "indent", "type": { "text": "number" }, "default": "8", "description": "Controls the indentation in pixels. This property is designed to use the\n`workbench.tree.indent` setting.", "fieldName": "indent" }, { "name": "indent-guides", "type": { "text": "'none' | 'onHover' | 'always'" }, "default": "'onHover'", "description": "Controls whether the tree should render indent guides. This property is\ndesigned to use the `workbench.tree.renderIndentGuides` setting.\n\nValid options are available as constants.\n\n```javascript\nimport {IndentGuides} from '@vscode-elements/elements/dist/vscode-tree/vscode-tree.js';\n\ndocument.querySelector('vscode-tree').expandMode = IndentGuides.onHover;\n```", "fieldName": "indentGuides" }, { "name": "multi-select", "type": { "text": "boolean" }, "default": "false", "description": "Allows selecting multiple items.", "fieldName": "multiSelect" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-tree", "customElement": true } ], "exports": [ { "kind": "js", "name": "ExpandMode", "declaration": { "name": "ExpandMode", "module": "src/vscode-tree/vscode-tree.ts" } }, { "kind": "js", "name": "IndentGuides", "declaration": { "name": "IndentGuides", "module": "src/vscode-tree/vscode-tree.ts" } }, { "kind": "js", "name": "VscodeTree", "declaration": { "name": "VscodeTree", "module": "src/vscode-tree/vscode-tree.ts" } }, { "kind": "custom-element-definition", "name": "vscode-tree", "declaration": { "name": "VscodeTree", "module": "src/vscode-tree/vscode-tree.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tree-item/vscode-tree-item.styles.ts", "declarations": [ { "kind": "variable", "name": "styles", "type": { "text": "CSSResultGroup" }, "default": "[ defaultStyles, css` :host { --hover-outline-color: transparent; --hover-outline-style: solid; --hover-outline-width: 0; --selected-outline-color: transparent; --selected-outline-style: solid; --selected-outline-width: 0; cursor: pointer; display: block; user-select: none; } ::slotted(vscode-icon) { display: block; } .root { display: block; } .wrapper { align-items: flex-start; color: var(--vscode-foreground, #cccccc); display: flex; flex-wrap: nowrap; font-family: var(--vscode-font-family, sans-serif); font-size: var(--vscode-font-size, 13px); font-weight: var(--vscode-font-weight, normal); line-height: 22px; min-height: 22px; outline-offset: -1px; padding-right: 12px; } .wrapper:hover { background-color: var(--vscode-list-hoverBackground, #2a2d2e); color: var( --vscode-list-hoverForeground, var(--vscode-foreground, #cccccc) ); } :host([selected]) .wrapper { color: var(--internal-selectionForeground); background-color: var(--internal-selectionBackground); } :host([selected]) ::slotted(vscode-icon) { color: var(--internal-selectionForeground); } :host(:focus) { outline: none; } :host(:focus) .wrapper.active { outline-color: var( --vscode-list-focusAndSelectionOutline, var(--vscode-list-focusOutline, #0078d4) ); outline-style: solid; outline-width: 1px; } .arrow-container { align-items: center; display: var(--vsc-tree-item-arrow-display); height: 22px; justify-content: center; padding-left: 8px; padding-right: 6px; width: 16px; } .arrow-container svg { display: block; fill: var(--vscode-icon-foreground, #cccccc); } .arrow-container.icon-rotated svg { transform: rotate(90deg); } :host([selected]) .arrow-container svg { fill: var(--internal-selectionIconForeground); } .icon-container { align-items: center; display: flex; justify-content: center; margin-right: 3px; min-height: 22px; overflow: hidden; } .icon-container slot { display: block; } .icon-container.has-icon { min-width: 22px; max-width: 22px; max-height: 22px; } :host(:is(:--show-actions, :state(show-actions))) .icon-container { overflow: visible; } .children { position: relative; } .children.guide:before { background-color: var( --vscode-tree-inactiveIndentGuidesStroke, rgba(88, 88, 88, 0.4) ); content: ''; display: none; height: 100%; left: var(--indentation-guide-left); pointer-events: none; position: absolute; width: 1px; z-index: 1; } .children.guide.default-guide:before { display: var(--internal-defaultIndentGuideDisplay); } .children.guide.highlighted-guide:before { display: var(--internal-highlightedIndentGuideDisplay); background-color: var(--vscode-tree-indentGuidesStroke, #585858); } .content { display: flex; align-items: center; flex-wrap: nowrap; /* prevent wrapping; allow ellipses via min-width: 0 */ min-width: 0; width: 100%; line-height: 22px; } .label { display: inline-flex; align-items: center; gap: 4px; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .description { color: var(--vscode-foreground, #cccccc); opacity: 0.7; display: none; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content.has-description .description { display: flex; align-items: center; justify-content: flex-start; flex: 1 1 0%; /* description takes remaining space, yields first when shrinking */ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-left: 0.5em; } .content.has-description .label { flex: 0 1 auto; /* label only grows when description missing */ } .content:not(.has-description) .label { flex: 1 1 auto; } .label ::slotted(*) { display: inline-block; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .description ::slotted(*) { display: inline-block; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .actions { align-items: center; align-self: center; display: none; flex: 0 0 auto; gap: 2px; margin-left: auto; min-height: 22px; color: inherit; } .actions ::slotted(*) { align-items: center; display: inline-flex; height: 22px; } .actions ::slotted(button) { cursor: pointer; } .actions ::slotted([hidden]) { display: none !important; } :host( :is( :--has-actions:--show-actions, :--has-actions:state(show-actions), :state(has-actions):--show-actions, :state(has-actions):state(show-actions) ) ) .actions { display: inline-flex; } .decoration { align-items: center; align-self: center; color: inherit; display: none; flex: 0 0 auto; gap: 4px; margin-left: auto; min-height: 22px; } :host(:is(:--has-decoration, :state(has-decoration))) .decoration { display: inline-flex; } :host(:is(:--show-actions, :state(show-actions))) .decoration { margin-left: 6px; } :host([selected]) ::slotted([slot='decoration']), :host([selected]) ::slotted([slot='decoration']) * { color: inherit !important; } :host([selected]) .description { color: var(--internal-selectionForeground, #ffffff); opacity: 0.8; } :host([selected]) :is(:state(focus-visible), :--focus-visible) .description, :host([selected]:focus-within) .description { opacity: 0.95; } :host([branch]) ::slotted(vscode-tree-item) { display: none; } :host([branch][open]) ::slotted(vscode-tree-item) { display: block; } `, ]" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "styles", "module": "src/vscode-tree-item/vscode-tree-item.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/vscode-tree-item/vscode-tree-item.ts", "declarations": [ { "kind": "class", "description": "Represents an item in a Tree component.", "name": "VscodeTreeItem", "slots": [ { "description": "Main content", "name": "" }, { "description": "Custom icon for a closed branch item.", "name": "icon-branch" }, { "description": "Custom icon for an opened branch item.", "name": "icon-branch-opened" }, { "description": "Custom icon for a leaf item.", "name": "icon-leaf" }, { "description": "Description of the item. Displayed with a smaller font size and a less prominent color.", "name": "description" }, { "description": "Container for action buttons.", "name": "actions" }, { "description": "Container for small decorative elements aligned to the right edge of the item.", "name": "decoration" } ], "members": [ { "kind": "field", "name": "active", "type": { "text": "boolean" }, "default": "false", "attribute": "active" }, { "kind": "field", "name": "branch", "type": { "text": "boolean" }, "default": "false", "attribute": "branch", "reflects": true }, { "kind": "field", "name": "hasActiveItem", "type": { "text": "boolean" }, "default": "false", "attribute": "hasActiveItem" }, { "kind": "field", "name": "hasSelectedItem", "type": { "text": "boolean" }, "default": "false", "attribute": "hasSelectedItem" }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "attribute": "open", "reflects": true }, { "kind": "field", "name": "level", "type": { "text": "number" }, "default": "0", "attribute": "level", "reflects": true }, { "kind": "field", "name": "selected", "type": { "text": "boolean" }, "attribute": "selected", "reflects": true }, { "kind": "field", "name": "_selected", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "path", "type": { "text": "number[]" } }, { "kind": "field", "name": "_path", "type": { "text": "number[]" }, "privacy": "private", "default": "[]" }, { "kind": "field", "name": "_internals", "type": { "text": "ElementInternals" }, "privacy": "private" }, { "kind": "field", "name": "_hasBranchIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasBranchOpenedIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasLeafIcon", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasDescriptionSlotContent", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasActionsSlotContent", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasDecorationSlotContent", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_treeContextState", "type": { "text": "TreeContext" }, "privacy": "private", "default": "{ isShiftPressed: false, selectedItems: new Set(), hoveredItem: null, allItems: null, itemListUpToDate: false, focusedItem: null, prevFocusedItem: null, hasBranchItem: false, rootElement: null, activeItem: null, }" }, { "kind": "field", "name": "_configContext", "type": { "text": "ConfigContext" }, "privacy": "private" }, { "kind": "field", "name": "_initiallyAssignedTreeItems", "type": { "text": "VscodeTreeItem[]" }, "privacy": "private" }, { "kind": "field", "name": "_childrenTreeItems", "type": { "text": "VscodeTreeItem[]" }, "privacy": "private" }, { "kind": "field", "name": "_descriptionSlotElements", "type": { "text": "Element[]" }, "privacy": "private" }, { "kind": "field", "name": "_actionsSlotElements", "type": { "text": "Element[]" }, "privacy": "private" }, { "kind": "field", "name": "_decorationSlotElements", "type": { "text": "Element[]" }, "privacy": "private" }, { "kind": "field", "name": "_isPointerInside", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_hasKeyboardFocus", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "method", "name": "_setAriaExpanded", "privacy": "private" }, { "kind": "method", "name": "_setHasActiveItemFlagOnParent", "privacy": "private", "parameters": [ { "name": "childItem", "type": { "text": "VscodeTreeItem" } }, { "name": "value", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_refreshDescriptionSlotState", "privacy": "private" }, { "kind": "method", "name": "_refreshActionsSlotState", "privacy": "private" }, { "kind": "method", "name": "_refreshDecorationSlotState", "privacy": "private" }, { "kind": "method", "name": "_setCustomState", "privacy": "private", "parameters": [ { "name": "stateName", "type": { "text": "string" } }, { "name": "present", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_getActiveElement", "privacy": "private", "return": { "type": { "text": "Element | null" } } }, { "kind": "method", "name": "_isActiveElementInActions", "privacy": "private", "return": { "type": { "text": "boolean" } }, "parameters": [ { "name": "activeElement", "type": { "text": "Element | null" } } ] }, { "kind": "method", "name": "_updateActionsVisibility", "privacy": "private" }, { "kind": "method", "name": "_updateFocusState", "privacy": "private" }, { "kind": "method", "name": "_clearHoverState", "privacy": "private" }, { "kind": "method", "name": "_adoptHoverFromSibling", "privacy": "private" }, { "kind": "method", "name": "_claimHover", "privacy": "private" }, { "kind": "method", "name": "_toggleActiveState", "privacy": "private" }, { "kind": "method", "name": "_selectItem", "privacy": "private", "parameters": [ { "name": "isCtrlDown", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_selectRange", "privacy": "private" }, { "kind": "method", "name": "_selectItemsAndAllVisibleDescendants", "privacy": "private", "parameters": [ { "name": "from", "type": { "text": "number" } }, { "name": "to", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_mainSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleChildrenSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleDescriptionSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleActionsSlotChange", "privacy": "private" }, { "kind": "method", "name": "_handleDecorationSlotChange", "privacy": "private" }, { "kind": "field", "name": "_handleMainSlotChange", "privacy": "private" }, { "kind": "field", "name": "_handleComponentFocus", "privacy": "private" }, { "kind": "field", "name": "_handlePointerEnter", "privacy": "private" }, { "kind": "field", "name": "_handlePointerLeave", "privacy": "private" }, { "kind": "field", "name": "_handleFocusIn", "privacy": "private" }, { "kind": "field", "name": "_handleFocusOut", "privacy": "private" }, { "kind": "method", "name": "_handleContentClick", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_handleDoubleClick", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_handleIconSlotChange", "privacy": "private", "parameters": [ { "name": "ev", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "active", "type": { "text": "boolean" }, "default": "false", "fieldName": "active" }, { "name": "branch", "type": { "text": "boolean" }, "default": "false", "fieldName": "branch" }, { "name": "hasActiveItem", "type": { "text": "boolean" }, "default": "false", "fieldName": "hasActiveItem" }, { "name": "hasSelectedItem", "type": { "text": "boolean" }, "default": "false", "fieldName": "hasSelectedItem" }, { "name": "open", "type": { "text": "boolean" }, "default": "false", "fieldName": "open" }, { "name": "level", "type": { "text": "number" }, "default": "0", "fieldName": "level" }, { "name": "selected", "type": { "text": "boolean" }, "fieldName": "selected" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" }, "tagName": "vscode-tree", "customElement": true } ], "exports": [ { "kind": "js", "name": "VscodeTreeItem", "declaration": { "name": "VscodeTreeItem", "module": "src/vscode-tree-item/vscode-tree-item.ts" } }, { "kind": "custom-element-definition", "name": "vscode-tree-item", "declaration": { "name": "VscodeTreeItem", "module": "src/vscode-tree-item/vscode-tree-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/form-button-widget/FormButtonWidgetBase.ts", "declarations": [ { "kind": "class", "description": "", "name": "FormButtonWidgetBase", "members": [ { "kind": "field", "name": "focused", "type": { "text": "boolean" }, "default": "false", "attribute": "focused", "reflects": true }, { "kind": "field", "name": "_prevTabindex", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_handleFocus", "privacy": "private" }, { "kind": "field", "name": "_handleBlur", "privacy": "private" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "attributes": [ { "name": "focused", "type": { "text": "boolean" }, "default": "false", "fieldName": "focused" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" } } ], "exports": [ { "kind": "js", "name": "FormButtonWidgetBase", "declaration": { "name": "FormButtonWidgetBase", "module": "src/includes/form-button-widget/FormButtonWidgetBase.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts", "declarations": [ { "kind": "class", "description": "", "name": "LabelledCheckboxOrRadioInterface", "members": [ { "kind": "field", "name": "label", "type": { "text": "string" } }, { "kind": "method", "name": "_handleSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_renderLabelAttribute", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } } } ] }, { "kind": "mixin", "description": "", "name": "LabelledCheckboxOrRadioMixin", "members": [ { "kind": "field", "name": "label", "type": { "text": "string" }, "attribute": "label" }, { "kind": "field", "name": "_label", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "field", "name": "_slottedText", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "method", "name": "_handleSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_renderLabelAttribute", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } } } ], "attributes": [ { "name": "label", "type": { "text": "string" }, "fieldName": "label" } ], "parameters": [ { "name": "superClass", "type": { "text": "T" } } ] } ], "exports": [ { "kind": "js", "name": "LabelledCheckboxOrRadioInterface", "declaration": { "name": "LabelledCheckboxOrRadioInterface", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } }, { "kind": "js", "name": "LabelledCheckboxOrRadioMixin", "declaration": { "name": "LabelledCheckboxOrRadioMixin", "module": "src/includes/form-button-widget/LabelledCheckboxOrRadio.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/form-button-widget/base.styles.ts", "declarations": [], "exports": [ { "kind": "js", "name": "default", "declaration": { "module": "src/includes/form-button-widget/base.styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/vscode-select/OptionListController.ts", "declarations": [ { "kind": "class", "description": "", "name": "OptionListController", "members": [ { "kind": "field", "name": "_activeIndex", "type": { "text": "number" }, "privacy": "private", "default": "-1" }, { "kind": "field", "name": "_host", "type": { "text": "ReactiveControllerHost" }, "privacy": "private" }, { "kind": "field", "name": "_options", "type": { "text": "InternalOption[]" }, "privacy": "private", "default": "[]" }, { "kind": "field", "name": "_filterPattern", "type": { "text": "string" }, "privacy": "private", "default": "''" }, { "kind": "field", "name": "_filterMethod", "type": { "text": "FilterMethod" }, "privacy": "private", "default": "'fuzzy'" }, { "kind": "field", "name": "_combobox", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_indexByValue", "type": { "text": "Map" }, "privacy": "private", "default": "new Map()" }, { "kind": "field", "name": "_indexByLabel", "type": { "text": "Map" }, "privacy": "private", "default": "new Map()" }, { "kind": "field", "name": "_selectedIndex", "type": { "text": "number" }, "privacy": "private", "default": "-1" }, { "kind": "field", "name": "_selectedIndexes", "type": { "text": "Set" }, "privacy": "private", "default": "new Set()" }, { "kind": "field", "name": "_multiSelect", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_numOfVisibleOptions", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "method", "name": "hostConnected", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "activeIndex", "type": { "text": "number" } }, { "kind": "field", "name": "relativeActiveIndex", "type": { "text": "number" }, "readonly": true }, { "kind": "field", "name": "comboboxMode" }, { "kind": "field", "name": "multiSelect" }, { "kind": "field", "name": "selectedIndex" }, { "kind": "field", "name": "selectedIndexes" }, { "kind": "field", "name": "value", "type": { "text": "string | string[]" } }, { "kind": "field", "name": "multiSelectValue", "type": { "text": "string[]" } }, { "kind": "field", "name": "filterPattern" }, { "kind": "field", "name": "filterMethod", "type": { "text": "FilterMethod" } }, { "kind": "field", "name": "options", "type": { "text": "InternalOption[]" }, "readonly": true }, { "kind": "field", "name": "numOfVisibleOptions", "readonly": true }, { "kind": "field", "name": "numOptions", "readonly": true }, { "kind": "method", "name": "populate", "parameters": [ { "name": "options", "type": { "text": "Option[]" } } ] }, { "kind": "method", "name": "add", "parameters": [ { "name": "option", "type": { "text": "Option" } } ] }, { "kind": "method", "name": "clear" }, { "kind": "method", "name": "getIsIndexSelected", "parameters": [ { "name": "index", "type": { "text": "number" } } ] }, { "kind": "method", "name": "expandMultiSelection", "parameters": [ { "name": "values", "type": { "text": "string[]" } } ] }, { "kind": "method", "name": "toggleActiveMultiselectOption" }, { "kind": "method", "name": "toggleOptionSelected", "parameters": [ { "name": "optIndex", "type": { "text": "number" } } ] }, { "kind": "method", "name": "getActiveOption", "return": { "type": { "text": "InternalOption | null" } } }, { "kind": "method", "name": "getSelectedOption", "return": { "type": { "text": "InternalOption | null" } } }, { "kind": "method", "name": "getOptionByIndex", "parameters": [ { "name": "index", "type": { "text": "number" } } ] }, { "kind": "method", "name": "findOptionIndex", "parameters": [ { "name": "value", "type": { "text": "string" } } ] }, { "kind": "method", "name": "getOptionByValue", "return": { "type": { "text": "InternalOption | null" } }, "parameters": [ { "name": "value", "type": { "text": "string" } }, { "name": "includeHiddenOptions", "default": "false" } ] }, { "kind": "method", "name": "getOptionByLabel", "parameters": [ { "name": "label", "type": { "text": "string" } } ] }, { "kind": "method", "name": "next", "return": { "type": { "text": "InternalOption | null" } }, "parameters": [ { "name": "fromIndex", "optional": true, "type": { "text": "number" } } ] }, { "kind": "method", "name": "prev", "return": { "type": { "text": "InternalOption | null" } }, "parameters": [ { "name": "fromIndex", "optional": true, "type": { "text": "number" } } ] }, { "kind": "method", "name": "activateDefault" }, { "kind": "method", "name": "selectAll" }, { "kind": "method", "name": "selectNone" }, { "kind": "method", "name": "_searchByPattern", "privacy": "private", "parameters": [ { "name": "text", "type": { "text": "string" } } ] }, { "kind": "method", "name": "_updateState", "privacy": "private" } ] } ], "exports": [ { "kind": "js", "name": "OptionListController", "declaration": { "name": "OptionListController", "module": "src/includes/vscode-select/OptionListController.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/vscode-select/helpers.ts", "declarations": [ { "kind": "function", "name": "startsWithPerTermSearch", "return": { "type": { "text": "SearchResult" } }, "parameters": [ { "name": "subject", "type": { "text": "string" } }, { "name": "pattern", "type": { "text": "string" } } ] }, { "kind": "function", "name": "startsWithSearch", "return": { "type": { "text": "SearchResult" } }, "parameters": [ { "name": "subject", "type": { "text": "string" } }, { "name": "pattern", "type": { "text": "string" } } ] }, { "kind": "function", "name": "containsSearch", "return": { "type": { "text": "SearchResult" } }, "parameters": [ { "name": "subject", "type": { "text": "string" } }, { "name": "pattern", "type": { "text": "string" } } ] }, { "kind": "function", "name": "fuzzySearch", "return": { "type": { "text": "SearchResult" } }, "parameters": [ { "name": "subject", "type": { "text": "string" } }, { "name": "pattern", "type": { "text": "string" } } ] }, { "kind": "function", "name": "filterOptionsByPattern", "return": { "type": { "text": "InternalOption[]" } }, "parameters": [ { "name": "list", "type": { "text": "InternalOption[]" } }, { "name": "pattern", "type": { "text": "string" } }, { "name": "method", "type": { "text": "FilterMethod" } } ] }, { "kind": "function", "name": "highlightRanges", "return": { "type": { "text": "TemplateResult | TemplateResult[]" } }, "parameters": [ { "name": "text", "type": { "text": "string" } }, { "name": "ranges", "type": { "text": "[number, number][]" } } ] }, { "kind": "function", "name": "findNextSelectableOptionIndex", "parameters": [ { "name": "options", "type": { "text": "InternalOption[]" } }, { "name": "fromIndex", "type": { "text": "number" } } ] }, { "kind": "function", "name": "findPrevSelectableOptionIndex", "parameters": [ { "name": "options", "type": { "text": "InternalOption[]" } }, { "name": "fromIndex", "type": { "text": "number" } } ] } ], "exports": [ { "kind": "js", "name": "startsWithPerTermSearch", "declaration": { "name": "startsWithPerTermSearch", "module": "src/includes/vscode-select/helpers.ts" } }, { "kind": "js", "name": "startsWithSearch", "declaration": { "name": "startsWithSearch", "module": "src/includes/vscode-select/helpers.ts" } }, { "kind": "js", "name": "containsSearch", "declaration": { "name": "containsSearch", "module": "src/includes/vscode-select/helpers.ts" } }, { "kind": "js", "name": "fuzzySearch", "declaration": { "name": "fuzzySearch", "module": "src/includes/vscode-select/helpers.ts" } }, { "kind": "js", "name": "filterOptionsByPattern", "declaration": { "name": "filterOptionsByPattern", "module": "src/includes/vscode-select/helpers.ts" } }, { "kind": "js", "name": "highlightRanges", "declaration": { "name": "highlightRanges", "module": "src/includes/vscode-select/helpers.ts" } }, { "kind": "js", "name": "findNextSelectableOptionIndex", "declaration": { "name": "findNextSelectableOptionIndex", "module": "src/includes/vscode-select/helpers.ts" } }, { "kind": "js", "name": "findPrevSelectableOptionIndex", "declaration": { "name": "findPrevSelectableOptionIndex", "module": "src/includes/vscode-select/helpers.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/vscode-select/styles.ts", "declarations": [], "exports": [ { "kind": "js", "name": "default", "declaration": { "module": "src/includes/vscode-select/styles.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/vscode-select/template-elements.ts", "declarations": [ { "kind": "variable", "name": "chevronDownIcon", "default": "html` `" }, { "kind": "variable", "name": "checkIcon", "default": "svg` `" } ], "exports": [ { "kind": "js", "name": "chevronDownIcon", "declaration": { "name": "chevronDownIcon", "module": "src/includes/vscode-select/template-elements.ts" } }, { "kind": "js", "name": "checkIcon", "declaration": { "name": "checkIcon", "module": "src/includes/vscode-select/template-elements.ts" } } ] }, { "kind": "javascript-module", "path": "src/includes/vscode-select/types.ts", "declarations": [], "exports": [] }, { "kind": "javascript-module", "path": "src/includes/vscode-select/vscode-select-base.ts", "declarations": [ { "kind": "variable", "name": "VISIBLE_OPTS", "type": { "text": "number" }, "default": "10" }, { "kind": "variable", "name": "OPT_HEIGHT", "type": { "text": "number" }, "default": "22" }, { "kind": "class", "description": "", "name": "VscodeSelectBase", "members": [ { "kind": "field", "name": "creatable", "type": { "text": "boolean" }, "default": "false", "attribute": "creatable", "reflects": true }, { "kind": "field", "name": "combobox", "description": "Options can be filtered by typing into a text input field.", "attribute": "combobox", "reflects": true }, { "kind": "field", "name": "label", "type": { "text": "string" }, "default": "''", "description": "Accessible label for screen readers. When a `` is connected\nto the component, it will be filled automatically.", "attribute": "label", "reflects": true }, { "kind": "field", "name": "disabled", "description": "The element cannot be used and is not focusable.", "type": { "text": "boolean" }, "attribute": "disabled", "reflects": true }, { "kind": "field", "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Sets the invalid state manually.", "attribute": "invalid", "reflects": true }, { "kind": "field", "name": "filter", "description": "Search method in the filtered list within the combobox mode.\n\n- contains - The list item includes the searched pattern at any position.\n- fuzzy - The list item contains the letters of the search pattern in the same order, but at any position.\n- startsWith - The search pattern matches the beginning of the searched text.\n- startsWithPerTerm - The search pattern matches the beginning of any word in the searched text.", "default": "'fuzzy'", "type": { "text": "'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm'" }, "attribute": "filter" }, { "kind": "field", "name": "focused", "type": { "text": "boolean" }, "default": "false", "description": "Its value is true when element is focused.", "attribute": "focused", "reflects": true }, { "kind": "field", "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Toggle the dropdown visibility.", "attribute": "open", "reflects": true }, { "kind": "field", "name": "options", "type": { "text": "Option[]" }, "attribute": "options" }, { "kind": "field", "name": "position", "type": { "text": "'above' | 'below'" }, "default": "'below'", "description": "Position of the options list when visible.", "attribute": "position", "reflects": true }, { "kind": "field", "name": "_assignedOptions", "type": { "text": "VscodeOption[]" }, "privacy": "private" }, { "kind": "field", "name": "_dropdownEl", "type": { "text": "HTMLDivElement" }, "privacy": "private" }, { "kind": "field", "name": "_prevXPos", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_prevYPos", "type": { "text": "number" }, "privacy": "private", "default": "0" }, { "kind": "field", "name": "_opts", "privacy": "protected", "default": "new OptionListController(this)" }, { "kind": "field", "name": "_firstUpdateCompleted", "type": { "text": "boolean" }, "privacy": "protected", "default": "false" }, { "kind": "field", "name": "_currentDescription", "type": { "text": "string" }, "privacy": "protected", "default": "''" }, { "kind": "field", "name": "_filter", "type": { "text": "FilterMethod" }, "privacy": "protected", "default": "'fuzzy'" }, { "kind": "field", "name": "_filteredOptions", "type": { "text": "InternalOption[]" }, "privacy": "protected", "readonly": true }, { "kind": "field", "name": "_selectedIndexes", "type": { "text": "number[]" }, "privacy": "protected", "default": "[]" }, { "kind": "field", "name": "_options", "type": { "text": "InternalOption[]" }, "privacy": "protected", "default": "[]" }, { "kind": "field", "name": "_value", "type": { "text": "string" }, "privacy": "protected", "default": "''" }, { "kind": "field", "name": "_values", "type": { "text": "string[]" }, "privacy": "protected", "default": "[]" }, { "kind": "field", "name": "_isPlaceholderOptionActive", "type": { "text": "boolean" }, "privacy": "protected", "default": "false" }, { "kind": "field", "name": "_isBeingFiltered", "type": { "text": "boolean" }, "privacy": "protected", "default": "false" }, { "kind": "field", "name": "_optionListScrollPos", "type": { "text": "number" }, "privacy": "protected", "default": "0" }, { "kind": "field", "name": "_isHoverForbidden", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_disabled", "type": { "text": "boolean" }, "privacy": "private", "default": "false" }, { "kind": "field", "name": "_originalTabIndex", "type": { "text": "number | undefined" }, "privacy": "private", "default": "undefined" }, { "kind": "method", "name": "_setAutoFocus", "privacy": "private" }, { "kind": "field", "name": "_isSuggestedOptionVisible", "privacy": "protected", "readonly": true }, { "kind": "method", "name": "_manageRequired", "privacy": "protected" }, { "kind": "method", "name": "_setStateFromSlottedElements", "privacy": "protected" }, { "kind": "method", "name": "_createSuggestedOption", "privacy": "protected" }, { "kind": "method", "name": "_dispatchChangeEvent", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_createAndSelectSuggestedOption", "privacy": "protected" }, { "kind": "method", "name": "_toggleComboboxDropdown", "privacy": "protected" }, { "kind": "method", "name": "_scrollActiveElementToTop", "privacy": "protected" }, { "kind": "method", "name": "_adjustOptionListScrollPos", "privacy": "private", "parameters": [ { "name": "direction", "type": { "text": "'down' | 'up'" } }, { "name": "optionIndex", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_onFaceClick", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_handleDropdownToggle", "privacy": "private", "parameters": [ { "name": "event", "type": { "text": "ToggleEvent" } } ] }, { "kind": "field", "name": "_onMouseMove", "privacy": "private" }, { "kind": "method", "name": "_onComboboxButtonClick", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onComboboxButtonKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "field", "name": "_onOptionListScroll", "privacy": "private" }, { "kind": "method", "name": "_onOptionMouseOver", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_onPlaceholderOptionMouseOut", "privacy": "protected" }, { "kind": "method", "name": "_onNoOptionsClick", "privacy": "protected", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_onEnterKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_onSpaceKeyDown", "privacy": "private" }, { "kind": "method", "name": "_onArrowUpKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onArrowDownKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onEscapeKeyDown", "privacy": "private" }, { "kind": "field", "name": "_onComponentKeyDown", "privacy": "private" }, { "kind": "field", "name": "_onComponentFocus", "privacy": "private" }, { "kind": "field", "name": "_onComponentBlur", "privacy": "private" }, { "kind": "method", "name": "_onSlotChange", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onComboboxInputFocus", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "FocusEvent" } } ] }, { "kind": "method", "name": "_onComboboxInputBlur", "privacy": "protected" }, { "kind": "method", "name": "_onComboboxInputInput", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "InputEvent" } } ] }, { "kind": "method", "name": "_onComboboxInputClick", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onComboboxInputSpaceKeyDown", "privacy": "protected", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_onOptionClick", "privacy": "protected", "parameters": [ { "name": "_ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "field", "name": "_handleWindowScroll", "privacy": "private" }, { "kind": "method", "name": "_renderCheckbox", "privacy": "private", "parameters": [ { "name": "checked", "type": { "text": "boolean" } }, { "name": "label", "type": { "text": "string | TemplateResult | TemplateResult[]" } } ] }, { "kind": "method", "name": "_renderOptions", "privacy": "protected", "return": { "type": { "text": "TemplateResult | TemplateResult[]" } } }, { "kind": "method", "name": "_renderPlaceholderOption", "privacy": "protected", "parameters": [ { "name": "isListEmpty", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_renderDescription", "privacy": "private" }, { "kind": "method", "name": "_renderSelectFace", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } } }, { "kind": "method", "name": "_renderComboboxFace", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } } }, { "kind": "method", "name": "_renderDropdownControls", "privacy": "protected", "return": { "type": { "text": "TemplateResult" } } }, { "kind": "method", "name": "_renderDropdown", "privacy": "protected" }, { "kind": "field", "name": "version", "type": { "text": "string" }, "description": "VSCode Elements version", "readonly": true, "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } }, { "kind": "method", "name": "warn", "parameters": [ { "name": "message", "type": { "text": "string" } } ], "inheritedFrom": { "name": "VscElement", "module": "src/includes/VscElement.ts" } } ], "events": [ { "name": "change", "type": { "text": "Event" } }, { "name": "input", "type": { "text": "Event" } } ], "attributes": [ { "name": "options", "type": { "text": "Option[]" }, "fieldName": "options", "attribute": "options" }, { "name": "creatable", "type": { "text": "boolean" }, "default": "false", "fieldName": "creatable" }, { "name": "combobox", "description": "Options can be filtered by typing into a text input field.", "fieldName": "combobox" }, { "name": "label", "type": { "text": "string" }, "default": "''", "description": "Accessible label for screen readers. When a `` is connected\nto the component, it will be filled automatically.", "fieldName": "label" }, { "name": "disabled", "description": "The element cannot be used and is not focusable.", "type": { "text": "boolean" }, "fieldName": "disabled" }, { "name": "invalid", "type": { "text": "boolean" }, "default": "false", "description": "Sets the invalid state manually.", "fieldName": "invalid" }, { "name": "filter", "description": "Search method in the filtered list within the combobox mode.\n\n- contains - The list item includes the searched pattern at any position.\n- fuzzy - The list item contains the letters of the search pattern in the same order, but at any position.\n- startsWith - The search pattern matches the beginning of the searched text.\n- startsWithPerTerm - The search pattern matches the beginning of any word in the searched text.", "default": "'fuzzy'", "type": { "text": "'contains' | 'fuzzy' | 'startsWith' | 'startsWithPerTerm'" }, "fieldName": "filter" }, { "name": "focused", "type": { "text": "boolean" }, "default": "false", "description": "Its value is true when element is focused.", "fieldName": "focused" }, { "name": "open", "type": { "text": "boolean" }, "default": "false", "description": "Toggle the dropdown visibility.", "fieldName": "open" }, { "name": "position", "type": { "text": "'above' | 'below'" }, "default": "'below'", "description": "Position of the options list when visible.", "fieldName": "position" } ], "superclass": { "name": "VscElement", "module": "/src/includes/VscElement.js" } }, { "kind": "variable", "name": "value" }, { "kind": "variable", "name": "selected" }, { "kind": "variable", "name": "active" } ], "exports": [ { "kind": "js", "name": "VISIBLE_OPTS", "declaration": { "name": "VISIBLE_OPTS", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "js", "name": "OPT_HEIGHT", "declaration": { "name": "OPT_HEIGHT", "module": "src/includes/vscode-select/vscode-select-base.ts" } }, { "kind": "js", "name": "VscodeSelectBase", "declaration": { "name": "VscodeSelectBase", "module": "src/includes/vscode-select/vscode-select-base.ts" } } ] } ] }