{ "schemaVersion": "0.1.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "./index.js", "declarations": [], "exports": [ { "kind": "js", "name": "LionListbox", "declaration": { "name": "LionListbox", "module": "./src/LionListbox.js" } }, { "kind": "js", "name": "ListboxMixin", "declaration": { "name": "ListboxMixin", "module": "./src/ListboxMixin.js" } }, { "kind": "js", "name": "LionOption", "declaration": { "name": "LionOption", "module": "./src/LionOption.js" } }, { "kind": "js", "name": "LionOptions", "declaration": { "name": "LionOptions", "module": "./src/LionOptions.js" } } ] }, { "kind": "javascript-module", "path": "./lion-listbox.js", "declarations": [], "exports": [ { "kind": "custom-element-definition", "name": "lion-listbox", "declaration": { "name": "LionListbox", "module": "./src/LionListbox.js" } } ] }, { "kind": "javascript-module", "path": "./lion-option.js", "declarations": [], "exports": [ { "kind": "custom-element-definition", "name": "lion-option", "declaration": { "name": "LionOption", "module": "./src/LionOption.js" } } ] }, { "kind": "javascript-module", "path": "./lion-options.js", "declarations": [], "exports": [ { "kind": "custom-element-definition", "name": "lion-options", "declaration": { "name": "LionOptions", "module": "./src/LionOptions.js" } } ] }, { "kind": "javascript-module", "path": "./docs/listboxData.js", "declarations": [ { "kind": "variable", "name": "listboxData" } ], "exports": [ { "kind": "js", "name": "listboxData", "declaration": { "name": "listboxData", "module": "./docs/listboxData.js" } } ] }, { "kind": "javascript-module", "path": "./src/LionListbox.js", "declarations": [ { "kind": "class", "name": "LionListbox", "mixins": [ { "name": "ListboxMixin", "module": "/src/ListboxMixin.js" }, { "name": "FocusMixin", "package": "@lion/form-core" }, { "name": "InteractionStateMixin", "package": "@lion/form-core" }, { "name": "ValidateMixin", "package": "@lion/form-core" } ], "superclass": { "name": "LitElement", "package": "@lion/core" }, "tagName": "lion-listbox", "attributes": [ { "name": "orientation", "fieldName": "orientation", "inheritedFrom": { "name": "ListboxMixin", "module": "./src/ListboxMixin.js" } }, { "name": "selection-follows-focus", "fieldName": "selectionFollowsFocus", "inheritedFrom": { "name": "ListboxMixin", "module": "./src/ListboxMixin.js" } }, { "name": "rotate-keyboard-navigation", "fieldName": "rotateKeyboardNavigation", "inheritedFrom": { "name": "ListboxMixin", "module": "./src/ListboxMixin.js" } }, { "name": "has-no-default-selected", "fieldName": "hasNoDefaultSelected", "inheritedFrom": { "name": "ListboxMixin", "module": "./src/ListboxMixin.js" } } ], "members": [ { "kind": "field", "name": "orientation", "privacy": "public", "description": "Informs screen reader and affects keyboard navigation.\nBy default 'vertical'", "default": "'vertical'", "inheritedFrom": { "name": "ListboxMixin", "module": "./src/ListboxMixin.js" } }, { "kind": "field", "name": "selectionFollowsFocus", "privacy": "public", "description": "When true, will synchronize activedescendant and selected element on\narrow key navigation.\nThis behavior can usually be seen on on the Windows platform.\nNote that this behavior cannot be used when multiple-choice is true.\nSee: https://www.w3.org/TR/wai-aria-practices/#kbd_selection_follows_focus", "default": "false" }, { "kind": "field", "name": "rotateKeyboardNavigation", "privacy": "public", "description": "Will give first option active state when navigated to the next option from\nlast option.", "default": "false" }, { "kind": "field", "name": "hasNoDefaultSelected", "privacy": "public", "description": "When setting this to true, on initial render, no option will be selected.\nIt is advisable to override `_noSelectionTemplate` method in the select-invoker\nto render some kind of placeholder initially", "default": "false" }, { "kind": "method", "name": "_inputGroupInputTemplate", "privacy": "public" }, { "kind": "field", "name": "scopedElements", "static": true, "privacy": "public" }, { "kind": "field", "name": "slots", "privacy": "public" }, { "kind": "field", "name": "_inputNode", "privacy": "public" }, { "kind": "field", "name": "_listboxNode", "privacy": "public" }, { "kind": "field", "name": "_listboxActiveDescendantNode", "privacy": "public", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "_listboxSlot", "privacy": "public", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "_scrollTargetNode", "privacy": "public", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "_activeDescendantOwnerNode", "privacy": "public", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "serializedValue", "privacy": "public" }, { "kind": "field", "name": "activeIndex", "privacy": "public" }, { "kind": "field", "name": "checkedIndex", "privacy": "public", "type": { "text": "number | number[]" } }, { "kind": "method", "name": "connectedCallback", "privacy": "public" }, { "kind": "method", "name": "firstUpdated", "privacy": "public", "parameters": [ { "name": "changedProperties", "type": { "text": "PropertyValues " } } ] }, { "kind": "method", "name": "updated", "privacy": "public", "parameters": [ { "name": "changedProperties", "type": { "text": "PropertyValues " } } ] }, { "kind": "method", "name": "disconnectedCallback", "privacy": "public" }, { "kind": "method", "name": "setCheckedIndex", "privacy": "public", "description": "If an array is passed for multiple-choice, it will check the indexes in array, and uncheck the rest\nIf a number is passed, the item with the passed index is checked without unchecking others\nFor single choice, __onChildCheckedChanged we ensure that we uncheck siblings", "parameters": [ { "name": "index", "type": { "text": "number|number[]" } } ] }, { "kind": "method", "name": "addFormElement", "privacy": "public", "parameters": [ { "name": "child", "type": { "text": "LionOption" } }, { "name": "indexToInsertAt", "type": { "text": "Number" } } ] }, { "kind": "method", "name": "resetInteractionState", "privacy": "public" }, { "kind": "method", "name": "reset", "privacy": "public" }, { "kind": "method", "name": "_getCheckedElements", "privacy": "public" }, { "kind": "method", "name": "_setupListboxNode", "privacy": "public" }, { "kind": "method", "name": "_teardownListboxNode", "privacy": "public" }, { "kind": "method", "name": "_getNextEnabledOption", "privacy": "public", "parameters": [ { "name": "currentIndex", "type": { "text": "number" } }, { "name": "offset", "type": { "text": "number" }, "optional": true, "default": "1" } ] }, { "kind": "method", "name": "_getPreviousEnabledOption", "privacy": "public", "parameters": [ { "name": "currentIndex", "type": { "text": "number" } }, { "name": "offset", "type": { "text": "number" }, "optional": true, "default": "-1" } ] }, { "kind": "method", "name": "_onChildActiveChanged", "privacy": "public", "parameters": [ { "name": "ev", "type": { "text": "Event & { target: LionOption }" } } ] }, { "kind": "method", "name": "_listboxOnKeyDown", "privacy": "public", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" }, "description": "the keydown event object" } ] }, { "kind": "method", "name": "_listboxOnClick", "privacy": "public", "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_listboxOnKeyUp", "privacy": "public", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_onLabelClick", "privacy": "public" }, { "kind": "method", "name": "__setupEventListeners", "privacy": "public" }, { "kind": "method", "name": "__teardownEventListeners", "privacy": "public" }, { "kind": "method", "name": "__setChildActive", "privacy": "public", "parameters": [ { "name": "el", "type": { "text": "LionOption | null" } } ] }, { "kind": "method", "name": "_uncheckChildren", "privacy": "public", "parameters": [ { "name": "exclude", "type": { "text": "LionOption|LionOption[]" }, "optional": true, "default": "[]" } ] }, { "kind": "method", "name": "__onChildCheckedChanged", "privacy": "public", "parameters": [ { "name": "cfgOrEvent", "type": { "text": "Event & { target: LionOption }" } } ] }, { "kind": "method", "name": "__setAttributeForAllFormElements", "privacy": "public", "description": "// TODO: add to choiceGroup", "parameters": [ { "name": "attribute", "type": { "text": "string" } }, { "name": "value", "type": { "text": "number" } } ] }, { "kind": "method", "name": "__proxyChildModelValueChanged", "privacy": "public", "parameters": [ { "name": "ev", "type": { "text": "CustomEvent & { target: LionOption; }" } } ] }, { "kind": "method", "name": "__getEnabledOption", "privacy": "public", "parameters": [ { "name": "currentIndex", "type": { "text": "number" } }, { "name": "offset", "type": { "text": "number" } } ] }, { "kind": "method", "name": "__moveOptionsToListboxNode", "privacy": "public", "description": "Moves options put in unnamed slot to slot with [role=\"listbox\"]" }, { "kind": "method", "name": "__preventScrollingWithArrowKeys", "privacy": "public", "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "__setupListboxNodeInteractions", "privacy": "public", "description": "Helper method used within `._setupListboxNode`" }, { "kind": "method", "name": "__requestOptionsToBeDisabled", "privacy": "public" }, { "kind": "method", "name": "__retractRequestOptionsToBeDisabled", "privacy": "public" }, { "kind": "method", "name": "__initInteractionStates", "privacy": "public" } ] } ], "exports": [ { "kind": "js", "name": "ListboxMixin", "declaration": { "name": "ListboxMixin", "module": "./src/ListboxMixin.js" } } ] }, { "kind": "javascript-module", "path": "./types/LionOption.d.ts", "declarations": [ { "kind": "class", "name": "LionOptionHost", "members": [ { "kind": "field", "name": "_parentFormGroup", "privacy": "protected", "type": { "text": "ChoiceGroupHost" } } ] } ], "exports": [ { "kind": "js", "name": "LionOptionHost", "declaration": { "name": "LionOptionHost", "module": "./types/LionOption.d.ts" } } ] }, { "kind": "javascript-module", "path": "./types/ListboxMixinTypes.d.ts", "declarations": [ { "kind": "class", "name": "ListboxHost", "members": [ { "kind": "field", "name": "selectionFollowsFocus", "privacy": "public", "type": { "text": "Boolean" } }, { "kind": "field", "name": "rotateKeyboardNavigation", "privacy": "public", "type": { "text": "Boolean" } }, { "kind": "field", "name": "orientation", "privacy": "public", "type": { "text": "'vertical' | 'horizontal'" } }, { "kind": "field", "name": "hasNoDefaultSelected", "privacy": "public", "type": { "text": "boolean" } }, { "kind": "field", "name": "singleOption", "privacy": "public", "type": { "text": "boolean" } }, { "kind": "field", "name": "checkedIndex", "privacy": "public", "type": { "text": "number | number[]" } }, { "kind": "field", "name": "activeIndex", "privacy": "public", "type": { "text": "number" } }, { "kind": "field", "name": "formElements", "privacy": "public", "type": { "text": "LionOption[]" } }, { "kind": "method", "name": "setCheckedIndex", "privacy": "public", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "index", "type": { "text": "number | number[]" } } ] }, { "kind": "method", "name": "reset", "privacy": "public", "description": "Reset interaction states and modelValue", "return": { "type": { "text": "void" } } }, { "kind": "field", "name": "_scrollTargetNode", "privacy": "protected", "type": { "text": "LionOptions" } }, { "kind": "field", "name": "_listboxNode", "privacy": "protected", "type": { "text": "LionOptions" } }, { "kind": "field", "name": "_listboxReceivesNoFocus", "privacy": "protected", "type": { "text": "boolean" } }, { "kind": "method", "name": "_uncheckChildren", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "__setupListboxNode", "privacy": "private", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_getPreviousEnabledOption", "privacy": "protected", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "currentIndex", "type": { "text": "number" } }, { "name": "offset", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_getNextEnabledOption", "privacy": "protected", "return": { "type": { "text": "number" } }, "parameters": [ { "name": "currentIndex", "type": { "text": "number" } }, { "name": "offset", "type": { "text": "number" } } ] }, { "kind": "method", "name": "_listboxOnKeyDown", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_listboxOnKeyUp", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "_setupListboxNode", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_teardownListboxNode", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_listboxOnClick", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "MouseEvent" } } ] }, { "kind": "method", "name": "_setupListboxInteractions", "privacy": "protected", "return": { "type": { "text": "void" } } }, { "kind": "method", "name": "_onChildActiveChanged", "privacy": "protected", "return": { "type": { "text": "void" } }, "parameters": [ { "name": "ev", "type": { "text": "Event" } } ] }, { "kind": "field", "name": "_activeDescendantOwnerNode", "privacy": "protected", "type": { "text": "HTMLElement" } } ] }, { "kind": "function", "name": "ListboxImplementation", "return": { "type": { "text": "T &\n Constructor &\n typeof ListboxHost &\n Constructor &\n typeof ChoiceGroupHost &\n Constructor &\n typeof SlotHost &\n Constructor &\n typeof FormRegistrarHost &\n Constructor &\n typeof FormControlHost" } }, "parameters": [ { "name": "superclass", "type": { "text": "T" } } ] } ], "exports": [ { "kind": "js", "name": "ListboxHost", "declaration": { "name": "ListboxHost", "module": "./types/ListboxMixinTypes.d.ts" } }, { "kind": "js", "name": "ListboxImplementation", "declaration": { "name": "ListboxImplementation", "module": "./types/ListboxMixinTypes.d.ts" } } ] } ] }