{
"schemaVersion": "1.0.0",
"readme": "",
"modules": [
{
"kind": "javascript-module",
"path": "rocket-preset-code-tabs.js",
"declarations": [
{
"kind": "function",
"name": "codeTabs",
"parameters": [
{
"name": "options",
"description": "tab collections",
"optional": true,
"type": {
"text": "CodeTabsOptions"
}
}
],
"description": "Set up code tabs rocket preset",
"return": {
"type": {
"text": "RocketPreset"
}
}
}
],
"exports": [
{
"kind": "js",
"name": "codeTabs",
"declaration": {
"name": "codeTabs",
"module": "rocket-preset-code-tabs.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "components/code-copy.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "CodeCopy",
"cssProperties": [
{
"description": "button background when focused",
"name": "--code-button-active-color"
},
{
"description": "button background",
"name": "--code-button-background",
"default": "var(--markdown-table-row-odd-background-color)"
},
{
"description": "button text color",
"name": "--code-button-color",
"default": "inherit"
},
{
"description": "button background when focused",
"name": "--code-button-focus-background",
"default": "var(--primary-lines-color)"
},
{
"description": "button text color when focused",
"name": "--code-button-focus-color",
"default": "inherit"
},
{
"description": "border radius for code-copy and code-tabs",
"name": "--code-border-radius",
"default": "6px"
}
],
"cssParts": [
{
"description": "copy button",
"name": "copy-button"
}
],
"slots": [
{
"description": "Button content",
"name": "copy-icon"
},
{
"description": "Button content which alerts on copying. Use `role=\"alert\"` if overriding default.",
"name": "success-icon"
}
],
"members": [
{
"kind": "field",
"name": "is",
"type": {
"text": "string"
},
"static": true,
"default": "'code-copy'"
},
{
"kind": "field",
"name": "styles",
"type": {
"text": "array"
},
"static": true,
"default": "[ButtonHostStyles, CopyStyles]"
},
{
"kind": "field",
"name": "shadowRootOptions",
"type": {
"text": "ShadowRootInit"
},
"static": true,
"default": "{\n mode: 'open',\n delegatesFocus: true,\n }"
},
{
"kind": "field",
"name": "copyIcon",
"static": true,
"default": "html`\n \n `"
},
{
"kind": "field",
"name": "host",
"type": {
"text": "HTMLElement"
},
"default": "this",
"description": "The element to copy text from."
},
{
"kind": "field",
"name": "success",
"type": {
"text": "string"
},
"default": "'pending'"
},
{
"kind": "field",
"name": "timeout",
"type": {
"text": "number"
},
"default": "2000",
"description": "Number of milliseconds to wait after successfully copying before restoring the copy button's icon to 'pending'."
},
{
"kind": "method",
"name": "render",
"return": {
"type": {
"text": "TemplateResult"
}
}
},
{
"kind": "method",
"name": "onCopy",
"privacy": "private",
"return": {
"type": {
"text": "Promise"
}
}
}
],
"events": [
{
"name": "copy",
"type": {
"text": "CustomEvent"
},
"description": "when successfully copying"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CodeCopy",
"declaration": {
"name": "CodeCopy",
"module": "components/code-copy.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "components/code-tabs.ts",
"declarations": [
{
"kind": "class",
"description": "",
"name": "CodeTabs",
"cssProperties": [
{
"description": "size of the tab icon",
"name": "--code-tabs-icon-height"
},
{
"description": "background for the tablist",
"name": "--code-tabs-tabs-background"
},
{
"description": "flex justification for tab buttons. Alternatively, set the `align` attribute",
"name": "--code-tabs-justify-tabs"
},
{
"description": "tabpanel minimum height",
"name": "--code-tabs-min-height",
"default": "1px"
},
{
"description": "tabpanel background",
"name": "--code-tabs-tabpanel-background",
"default": "var(--markdown-syntax-background-color, #f6f8fa)"
},
{
"description": "content and selected button background",
"name": "--code-tabs-background",
"default": "var(--markdown-syntax-background-color, #f6f8fa)"
},
{
"description": "border for code-tabs",
"name": "--code-tabs-border",
"default": "1px solid var(--code-tabs-border-color, var(--primary-color))"
},
{
"description": "border color for code-tabs",
"name": "--code-tabs-border-color",
"default": "transparent"
},
{
"description": "border color for code-tabs when focused",
"name": "--code-tabs-border-focus-color",
"default": "var(--primary-color)"
},
{
"description": "color for selected tab highlight",
"name": "--code-tabs-selected-highlight-color",
"default": "var(--markdown-link-color)"
},
{
"description": "button background when focused",
"name": "--code-button-active-color"
},
{
"description": "button background",
"name": "--code-button-background",
"default": "var(--markdown-table-row-odd-background-color)"
},
{
"description": "button text color",
"name": "--code-button-color",
"default": "inherit"
},
{
"description": "button background when focused",
"name": "--code-button-focus-background",
"default": "var(--primary-lines-color)"
},
{
"description": "button text color when focused",
"name": "--code-button-focus-color",
"default": "inherit"
},
{
"description": "border radius for code-copy and code-tabs",
"name": "--code-border-radius",
"default": "6px"
}
],
"cssParts": [
{
"description": "container for tab buttons",
"name": "tablist"
},
{
"description": "container for content",
"name": "tabpanels"
},
{
"description": "tab button",
"name": "tab"
},
{
"description": "container for default tab",
"name": "default-container"
}
],
"members": [
{
"kind": "field",
"name": "allowedChildren",
"type": {
"text": "array"
},
"static": true,
"default": "['code-tab']"
},
{
"kind": "field",
"name": "styles",
"type": {
"text": "array"
},
"static": true,
"default": "[ButtonHostStyles, TabsStyles]"
},
{
"kind": "field",
"name": "keyboardMode",
"type": {
"text": "string"
},
"static": true,
"default": "'tablist'"
},
{
"kind": "field",
"name": "labels",
"privacy": "private",
"default": "new Map()"
},
{
"kind": "field",
"name": "tabs",
"type": {
"text": "NodeListOf"
},
"description": "The tab buttons."
},
{
"kind": "field",
"name": "defaultTab",
"type": {
"text": "string"
},
"description": "Which tab name to treat as default, in case the use has not yet made a selection."
},
{
"kind": "field",
"name": "align",
"type": {
"text": "'start'|'end'"
},
"default": "'start'",
"description": "Tablist alignment"
},
{
"kind": "field",
"name": "collection",
"type": {
"text": "string"
},
"description": "Which tab collection to use."
},
{
"kind": "field",
"name": "initialSelectedIndex",
"type": {
"text": "number"
},
"privacy": "protected",
"default": "0"
},
{
"kind": "method",
"name": "firstUpdated",
"return": {
"type": {
"text": "Promise"
}
},
"parameters": [
{
"name": "changed",
"type": {
"text": "PropertyValues"
}
}
]
},
{
"kind": "method",
"name": "updated",
"return": {
"type": {
"text": "void"
}
},
"parameters": [
{
"name": "changed",
"type": {
"text": "PropertyValues"
}
}
]
},
{
"kind": "method",
"name": "getInitialSelectedIndex",
"privacy": "protected",
"return": {
"type": {
"text": "Promise"
}
}
},
{
"kind": "method",
"name": "initCollection",
"privacy": "private"
},
{
"kind": "method",
"name": "render",
"return": {
"type": {
"text": "TemplateResult"
}
}
},
{
"kind": "method",
"name": "selectId",
"privacy": "public",
"return": {
"type": {
"text": "void"
}
},
"parameters": [
{
"name": "idToSelect",
"type": {
"text": "string"
}
}
]
},
{
"kind": "method",
"name": "onSlotchange",
"privacy": "private"
},
{
"kind": "method",
"name": "onSelect",
"return": {
"type": {
"text": "void"
}
},
"privacy": "private"
},
{
"kind": "method",
"name": "onClickTab",
"privacy": "private",
"parameters": [
{
"name": "event",
"type": {
"text": "Event & { target: HTMLButtonElement }"
}
}
]
},
{
"kind": "method",
"name": "initLabels",
"privacy": "protected",
"return": {
"type": {
"text": "void"
}
},
"parameters": [
{
"name": "event",
"optional": true,
"type": {
"text": "Event"
}
}
]
},
{
"kind": "field",
"name": "onClickTab"
}
],
"mixins": [
{
"name": "SelectMixin",
"package": "@pwrs/mixins/select/select-mixin"
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"customElement": true
},
{
"kind": "class",
"description": "",
"name": "CodeTab",
"cssProperties": [
{
"description": "button background when focused",
"name": "--code-button-active-color"
},
{
"description": "button background",
"name": "--code-button-background",
"default": "var(--markdown-table-row-odd-background-color)"
},
{
"description": "button text color",
"name": "--code-button-color",
"default": "inherit"
},
{
"description": "button background when focused",
"name": "--code-button-focus-background",
"default": "var(--primary-lines-color)"
},
{
"description": "button text color when focused",
"name": "--code-button-focus-color",
"default": "inherit"
},
{
"description": "border radius for code-copy and code-tabs",
"name": "--code-border-radius",
"default": "6px"
}
],
"cssParts": [
{
"description": "container for tab content",
"name": "content"
}
],
"members": [
{
"kind": "field",
"name": "styles",
"type": {
"text": "array"
},
"static": true,
"default": "[TabStyles]"
},
{
"kind": "field",
"name": "tab",
"type": {
"text": "string"
}
},
{
"kind": "field",
"name": "noCopy",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"kind": "method",
"name": "render",
"return": {
"type": {
"text": "TemplateResult"
}
}
}
],
"superclass": {
"name": "LitElement",
"package": "lit"
},
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "CodeTabs",
"declaration": {
"name": "CodeTabs",
"module": "components/code-tabs.ts"
}
},
{
"kind": "js",
"name": "CodeTab",
"declaration": {
"name": "CodeTab",
"module": "components/code-tabs.ts"
}
}
]
}
]
}