@lion/select-rich
Version:
Provides a select with options that can contain html
1,017 lines (1,016 loc) • 29.7 kB
JSON
{
"schemaVersion": "1.0.0",
"readme": "",
"modules": [
{
"kind": "javascript-module",
"path": "define.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "define.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "index.d.ts",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "LionSelectRich",
"declaration": {
"name": "LionSelectRich",
"module": "\"./src/LionSelectRich.js\""
}
},
{
"kind": "js",
"name": "LionSelectInvoker",
"declaration": {
"name": "LionSelectInvoker",
"module": "\"./src/LionSelectInvoker.js\""
}
},
{
"kind": "js",
"name": "LionOptions",
"declaration": {
"name": "LionOptions",
"module": "\"@lion/listbox\""
}
},
{
"kind": "js",
"name": "LionOption",
"declaration": {
"name": "LionOption",
"module": "\"@lion/listbox\""
}
}
]
},
{
"kind": "javascript-module",
"path": "index.js",
"declarations": [],
"exports": [
{
"kind": "js",
"name": "LionOptions",
"declaration": {
"name": "LionOptions",
"package": "@lion/listbox"
}
},
{
"kind": "js",
"name": "LionOption",
"declaration": {
"name": "LionOption",
"package": "@lion/listbox"
}
},
{
"kind": "js",
"name": "LionSelectRich",
"declaration": {
"name": "LionSelectRich",
"module": "./src/LionSelectRich.js"
}
},
{
"kind": "js",
"name": "LionSelectInvoker",
"declaration": {
"name": "LionSelectInvoker",
"module": "./src/LionSelectInvoker.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "lion-option.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "lion-option.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "lion-options.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "lion-options.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "lion-select-invoker.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "lion-select-invoker.js",
"declarations": [],
"exports": [
{
"kind": "custom-element-definition",
"name": "lion-select-invoker",
"declaration": {
"name": "LionSelectInvoker",
"module": "/src/LionSelectInvoker.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "lion-select-rich.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "lion-select-rich.js",
"declarations": [],
"exports": [
{
"kind": "custom-element-definition",
"name": "lion-select-rich",
"declaration": {
"name": "LionSelectRich",
"module": "/src/LionSelectRich.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/LionSelectInvoker.d.ts",
"declarations": [
{
"kind": "class",
"description": "LionSelectInvoker: invoker button consuming a selected element",
"name": "LionSelectInvoker",
"members": [
{
"kind": "field",
"name": "_contentWrapperNode",
"type": {
"text": "HTMLElement | null"
}
},
{
"kind": "field",
"name": "readOnly",
"type": {
"text": "boolean"
},
"description": "When the connected LionSelectRich instance is readOnly,\nthis should be reflected in the invoker as well"
},
{
"kind": "field",
"name": "selectedElement",
"type": {
"text": "LionOption | null"
},
"description": "The option element that is currently selected"
},
{
"kind": "field",
"name": "hostElement",
"type": {
"text": "LionSelectRich | null"
},
"description": "The LionSelectRich element this invoker is part of. Will be set on connectedCallback of\nLionSelectRich"
},
{
"kind": "field",
"name": "singleOption",
"type": {
"text": "boolean"
},
"description": "When the connected LionSelectRich instance has only one option,\nthis should be reflected in the invoker as well"
},
{
"kind": "field",
"name": "__handleKeydown",
"privacy": "private"
},
{
"kind": "method",
"name": "_contentTemplate",
"privacy": "protected",
"return": {
"type": {
"text": "TemplateResult|Node[]|string|null"
}
}
},
{
"kind": "method",
"name": "_noSelectionTemplate",
"privacy": "protected",
"return": {
"type": {
"text": "TemplateResult"
}
},
"description": "To be overriden for a placeholder, used when `hasNoDefaultSelected` is true on the select rich"
},
{
"kind": "method",
"name": "_beforeTemplate",
"privacy": "protected",
"return": {
"type": {
"text": "import(\"@lion/core\").TemplateResult<1>"
}
}
},
{
"kind": "method",
"name": "_afterTemplate",
"privacy": "protected",
"return": {
"type": {
"text": "import(\"@lion/core\").TemplateResult<1>"
}
}
}
],
"superclass": {
"name": "LionSelectInvoker_base",
"module": "src/LionSelectInvoker.d.ts"
},
"tagName": "lion-select-invoker",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "LionSelectInvoker",
"declaration": {
"name": "LionSelectInvoker",
"module": "src/LionSelectInvoker.d.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/LionSelectInvoker.js",
"declarations": [
{
"kind": "class",
"description": "LionSelectInvoker: invoker button consuming a selected element",
"name": "LionSelectInvoker",
"members": [
{
"kind": "field",
"name": "slots"
},
{
"kind": "field",
"name": "_contentWrapperNode"
},
{
"kind": "method",
"name": "__handleKeydown",
"parameters": [
{
"name": "event"
}
],
"privacy": "private"
},
{
"kind": "method",
"name": "_contentTemplate",
"privacy": "protected",
"return": {
"type": {
"text": "TemplateResult|Node[]|string|null"
}
}
},
{
"kind": "method",
"name": "_noSelectionTemplate",
"description": "To be overriden for a placeholder, used when `hasNoDefaultSelected` is true on the select rich",
"privacy": "protected",
"return": {
"type": {
"text": "TemplateResult"
}
}
},
{
"kind": "method",
"name": "_beforeTemplate",
"privacy": "protected"
},
{
"kind": "method",
"name": "_afterTemplate",
"privacy": "protected"
},
{
"kind": "field",
"name": "readOnly",
"type": {
"text": "boolean"
},
"description": "When the connected LionSelectRich instance is readOnly,\nthis should be reflected in the invoker as well",
"default": "false",
"privacy": "public",
"attribute": "readonly",
"reflects": true
},
{
"kind": "field",
"name": "selectedElement",
"type": {
"text": "LionOption | null"
},
"description": "The option element that is currently selected",
"default": "null",
"privacy": "public",
"attribute": "selectedElement"
},
{
"kind": "field",
"name": "hostElement",
"type": {
"text": "LionSelectRich | null"
},
"description": "The LionSelectRich element this invoker is part of. Will be set on connectedCallback of\nLionSelectRich",
"default": "null",
"privacy": "public",
"attribute": "hostElement"
},
{
"kind": "field",
"name": "singleOption",
"type": {
"text": "boolean"
},
"description": "When the connected LionSelectRich instance has only one option,\nthis should be reflected in the invoker as well",
"default": "false",
"privacy": "public",
"attribute": "single-option",
"reflects": true
},
{
"kind": "field",
"name": "type",
"type": {
"text": "string"
},
"default": "'button'"
},
{
"kind": "field",
"name": "",
"privacy": "public",
"attribute": ""
}
],
"attributes": [
{
"name": "",
"fieldName": ""
},
{
"name": "selectedElement",
"fieldName": "selectedElement"
},
{
"name": "hostElement",
"fieldName": "hostElement"
},
{
"name": "readonly",
"fieldName": "readOnly"
},
{
"name": "single-option",
"fieldName": "singleOption"
}
],
"mixins": [
{
"name": "SlotMixin",
"package": "@lion/core"
}
],
"superclass": {
"name": "LionButton",
"package": "@lion/button"
},
"tagName": "lion-select-invoker",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "LionSelectInvoker",
"declaration": {
"name": "LionSelectInvoker",
"module": "src/LionSelectInvoker.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/LionSelectRich.d.ts",
"declarations": [
{
"kind": "class",
"description": "LionSelectRich: wraps the <lion-listbox> element",
"name": "LionSelectRich",
"members": [
{
"kind": "field",
"name": "scopedElements",
"type": {
"text": "{\n 'lion-select-invoker': typeof LionSelectInvoker;\n }"
},
"static": true
},
{
"kind": "field",
"name": "_invokerNode",
"type": {
"text": "LionSelectInvoker"
},
"privacy": "protected"
},
{
"kind": "field",
"name": "navigateWithinInvoker",
"type": {
"text": "Boolean"
},
"description": "When invoker has focus, up and down arrow keys changes active state of listbox,\nwithout opening overlay."
},
{
"kind": "field",
"name": "interactionMode",
"type": {
"text": "'windows/linux'|'mac'|'auto'"
},
"description": "Aligns behavior for 'selectionFollowFocus' and 'navigateWithinInvoker' with\nplatform. When 'auto' (default), platform is automatically detected"
},
{
"kind": "field",
"name": "_arrowWidth",
"type": {
"text": "number"
},
"privacy": "protected"
},
{
"kind": "method",
"name": "__onKeyUp",
"privacy": "protected",
"return": {
"type": {
"text": "void"
}
},
"parameters": [
{
"name": "ev",
"type": {
"text": "KeyboardEvent"
}
}
]
},
{
"kind": "field",
"name": "__invokerOnBlur",
"privacy": "private"
},
{
"kind": "field",
"name": "__overlayOnHide",
"privacy": "private"
},
{
"kind": "field",
"name": "__overlayOnShow",
"privacy": "private"
},
{
"kind": "field",
"name": "__invokerOnClick",
"privacy": "private"
},
{
"kind": "field",
"name": "__overlayBeforeShow",
"privacy": "private"
},
{
"kind": "field",
"name": "__hasInitialSelectedFormElement",
"type": {
"text": "boolean | undefined"
}
},
{
"kind": "method",
"name": "_onFormElementsChanged",
"privacy": "protected",
"return": {
"type": {
"text": "void"
}
}
},
{
"kind": "field",
"name": "__initInteractionStates",
"privacy": "private"
},
{
"kind": "field",
"name": "__toggleInvokerDisabled",
"privacy": "private"
},
{
"kind": "field",
"name": "__syncInvokerElement",
"privacy": "private"
},
{
"kind": "field",
"name": "__setupInvokerNode",
"privacy": "private"
},
{
"kind": "field",
"name": "__setupInvokerNodeEventListener",
"privacy": "private"
},
{
"kind": "field",
"name": "__teardownInvokerNode",
"privacy": "private"
},
{
"kind": "method",
"name": "_noDefaultSelectedInheritsWidth",
"privacy": "protected",
"return": {
"type": {
"text": "void"
}
},
"description": "With no selected element, we should override the inheritsReferenceWidth in most cases.\nBy default, we will set it to 'min', and then set it back to what it was initially when\nsomething is selected.\nAs a subclasser you can override this behavior."
},
{
"kind": "field",
"name": "_initialInheritsReferenceWidth",
"type": {
"text": "\"none\" | \"min\" | \"max\" | \"full\" | undefined"
}
},
{
"kind": "method",
"name": "_alignInvokerWidth",
"privacy": "protected",
"return": {
"type": {
"text": "Promise<void>"
}
},
"description": "Align invoker width with content width\nMake sure display is not set to \"none\" while calculating the content width"
},
{
"kind": "method",
"name": "_onLabelClick",
"privacy": "protected",
"return": {
"type": {
"text": "void"
}
}
},
{
"kind": "field",
"name": "__blockListShowDuringTransition",
"privacy": "private",
"description": "Normally, when textbox gets focus or a char is typed, it opens listbox.\nIn transition phases (like clicking option) we prevent this."
},
{
"kind": "field",
"name": "__blockListShow",
"type": {
"text": "boolean | undefined"
}
}
],
"superclass": {
"name": "LionSelectRich_base",
"module": "src/LionSelectRich.d.ts"
},
"tagName": "lion-select-rich",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "LionSelectRich",
"declaration": {
"name": "LionSelectRich",
"module": "src/LionSelectRich.d.ts"
}
}
]
},
{
"kind": "javascript-module",
"path": "src/LionSelectRich.js",
"declarations": [
{
"kind": "class",
"description": "LionSelectRich: wraps the <lion-listbox> element",
"name": "LionSelectRich",
"members": [
{
"kind": "field",
"name": "scopedElements",
"static": true
},
{
"kind": "method",
"name": "_inputGroupInputTemplate",
"privacy": "protected"
},
{
"kind": "field",
"name": "slots"
},
{
"kind": "field",
"name": "_invokerNode",
"privacy": "protected",
"type": {
"text": "LionSelectInvoker"
}
},
{
"kind": "field",
"name": "_scrollTargetNode",
"privacy": "protected"
},
{
"kind": "method",
"name": "addFormElement",
"parameters": [
{
"name": "child",
"type": {
"text": "LionOption & FormControlHost"
}
},
{
"name": "indexToInsertAt",
"type": {
"text": "Number"
}
}
]
},
{
"kind": "method",
"name": "removeFormElement",
"parameters": [
{
"name": "child",
"description": "the child element (field)",
"type": {
"text": "FormRegisteringHost"
}
}
]
},
{
"kind": "method",
"name": "_getCheckedElements",
"description": "In the select disabled options are still going to a possible value for example\nwhen prefilling or programmatically setting it.",
"privacy": "protected"
},
{
"kind": "method",
"name": "_onFormElementsChanged",
"privacy": "protected"
},
{
"kind": "method",
"name": "__initInteractionStates",
"privacy": "private"
},
{
"kind": "method",
"name": "__toggleInvokerDisabled",
"privacy": "private"
},
{
"kind": "method",
"name": "__syncInvokerElement",
"privacy": "private"
},
{
"kind": "method",
"name": "__setupInvokerNode",
"privacy": "private"
},
{
"kind": "method",
"name": "__invokerOnClick",
"privacy": "private"
},
{
"kind": "method",
"name": "__invokerOnBlur",
"privacy": "private"
},
{
"kind": "method",
"name": "__setupInvokerNodeEventListener",
"privacy": "private"
},
{
"kind": "method",
"name": "__teardownInvokerNode",
"privacy": "private"
},
{
"kind": "method",
"name": "_defineOverlayConfig",
"privacy": "protected"
},
{
"kind": "method",
"name": "_noDefaultSelectedInheritsWidth",
"description": "With no selected element, we should override the inheritsReferenceWidth in most cases.\nBy default, we will set it to 'min', and then set it back to what it was initially when\nsomething is selected.\nAs a subclasser you can override this behavior.",
"privacy": "protected"
},
{
"kind": "method",
"name": "__overlayBeforeShow",
"privacy": "private"
},
{
"kind": "method",
"name": "__overlayOnShow",
"privacy": "private"
},
{
"kind": "method",
"name": "__overlayOnHide",
"privacy": "private"
},
{
"kind": "method",
"name": "_setupOverlayCtrl",
"privacy": "protected"
},
{
"kind": "method",
"name": "_teardownOverlayCtrl",
"privacy": "protected"
},
{
"kind": "method",
"name": "_alignInvokerWidth",
"description": "Align invoker width with content width\nMake sure display is not set to \"none\" while calculating the content width",
"privacy": "protected"
},
{
"kind": "method",
"name": "_onLabelClick",
"privacy": "protected"
},
{
"kind": "field",
"name": "_overlayInvokerNode",
"privacy": "protected"
},
{
"kind": "field",
"name": "_overlayContentNode",
"privacy": "protected"
},
{
"kind": "method",
"name": "__onKeyUp",
"parameters": [
{
"name": "ev",
"type": {
"text": "KeyboardEvent"
}
}
],
"privacy": "protected"
},
{
"kind": "method",
"name": "_listboxOnKeyDown",
"parameters": [
{
"name": "ev",
"description": "the keydown event object",
"type": {
"text": "KeyboardEvent"
}
}
],
"privacy": "protected"
},
{
"kind": "method",
"name": "_listboxOnClick",
"privacy": "protected"
},
{
"kind": "method",
"name": "_setupListboxNode",
"privacy": "protected"
},
{
"kind": "method",
"name": "_teardownListboxNode",
"privacy": "protected"
},
{
"kind": "method",
"name": "__blockListShowDuringTransition",
"description": "Normally, when textbox gets focus or a char is typed, it opens listbox.\nIn transition phases (like clicking option) we prevent this.",
"privacy": "private"
},
{
"kind": "field",
"name": "navigateWithinInvoker",
"type": {
"text": "Boolean"
},
"description": "When invoker has focus, up and down arrow keys changes active state of listbox,\nwithout opening overlay.",
"default": "false",
"privacy": "public",
"attribute": "navigate-within-invoker"
},
{
"kind": "field",
"name": "interactionMode",
"type": {
"text": "'windows/linux'|'mac'|'auto'"
},
"description": "Aligns behavior for 'selectionFollowFocus' and 'navigateWithinInvoker' with\nplatform. When 'auto' (default), platform is automatically detected",
"default": "'auto'",
"privacy": "public",
"attribute": "interaction-mode"
},
{
"kind": "field",
"name": "singleOption",
"type": {
"text": "boolean"
},
"default": "false",
"privacy": "public",
"attribute": "single-option",
"reflects": true
},
{
"kind": "field",
"name": "_arrowWidth",
"type": {
"text": "number"
},
"privacy": "protected",
"default": "28"
}
],
"events": [
{
"name": "blur",
"type": {
"text": "Event"
}
}
],
"attributes": [
{
"name": "navigate-within-invoker",
"fieldName": "navigateWithinInvoker"
},
{
"name": "interaction-mode",
"fieldName": "interactionMode"
},
{
"name": "single-option",
"fieldName": "singleOption"
}
],
"mixins": [
{
"name": "SlotMixin",
"package": "@lion/core"
},
{
"name": "ScopedElementsMixin",
"package": "@lion/core"
},
{
"name": "OverlayMixin",
"package": "@lion/overlays"
}
],
"superclass": {
"name": "LionListbox",
"package": "@lion/listbox"
},
"tagName": "lion-select-rich",
"customElement": true
}
],
"exports": [
{
"kind": "js",
"name": "LionSelectRich",
"declaration": {
"name": "LionSelectRich",
"module": "src/LionSelectRich.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "test/demos.screenshots-test.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "test/demos.screenshots-test.js",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "test/lion-select-invoker.test.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "test/lion-select-listbox-suite-integration.test.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "test/lion-select-rich-dialog-integration.test.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "test/lion-select-rich-interaction.test.d.ts",
"declarations": [],
"exports": []
},
{
"kind": "javascript-module",
"path": "test/lion-select-rich.test.d.ts",
"declarations": [],
"exports": []
}
]
}