{ "schemaVersion": "1.0.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "src/html/elements/alert/alert.ts", "declarations": [ { "kind": "class", "description": "", "name": "Alert", "cssProperties": [ { "description": "Gap between the icon, content, and close button.", "name": "--gap", "default": "0.75rem" }, { "description": "Inner padding.", "name": "--padding", "default": "1rem" }, { "description": "Corner radius.", "name": "--border-radius", "default": "8px" } ], "members": [ { "kind": "field", "name": "variant", "type": { "text": "AlertVariant | undefined" }, "description": "Semantic variant: `info`, `success`, `warning`, or `danger`. Default is neutral.", "attribute": "variant", "reflects": true }, { "kind": "field", "name": "icon", "type": { "text": "string | undefined" }, "description": "Iconify icon name (e.g. `lucide:bell`) overriding the variant's default icon.", "attribute": "icon" }, { "kind": "field", "name": "withoutIcon", "type": { "text": "boolean" }, "default": "false", "description": "Hide the leading icon entirely.", "attribute": "without-icon" }, { "kind": "field", "name": "dismissible", "type": { "text": "boolean" }, "default": "false", "description": "Show a close button that dismisses the alert when clicked.", "attribute": "dismissible", "reflects": true } ], "events": [ { "name": "hide", "description": "Emitted when a dismissible alert is about to close. Cancelable — call `event.preventDefault()` to keep it open.", "cancelable": true }, { "name": "after-hide", "description": "Emitted after the dismiss animation completes and the alert is removed from the DOM. Not cancelable.", "cancelable": false } ], "attributes": [ { "name": "variant", "type": { "text": "AlertVariant | undefined" }, "description": "Semantic variant: `info`, `success`, `warning`, or `danger`. Default is neutral.", "fieldName": "variant" }, { "name": "icon", "type": { "text": "string | undefined" }, "description": "Iconify icon name (e.g. `lucide:bell`) overriding the variant's default icon.", "fieldName": "icon" }, { "name": "without-icon", "type": { "text": "boolean" }, "default": "false", "description": "Hide the leading icon entirely.", "fieldName": "withoutIcon" }, { "name": "dismissible", "type": { "text": "boolean" }, "default": "false", "description": "Show a close button that dismisses the alert when clicked.", "fieldName": "dismissible" } ], "superclass": { "name": "LuxenElement", "module": "/src/html/shared/luxen-element.js" }, "tagName": "l-alert", "customElement": true, "summary": "A callout box that highlights contextual information with a semantic color and a leading icon.", "examples": [ { "language": "html", "code": "\n Heads up\n This action cannot be undone.\n" } ], "_cssClasses": [ { "name": ".l-alert-icon", "description": "The leading icon, colored by variant (auto-injected)." }, { "name": ".l-alert-content", "description": "Wrapper the authored children are moved into; stacks them vertically (auto-injected)." }, { "name": ".l-alert-title", "description": "Optional bold heading placed above the body content. Use a real heading element (e.g. `

`) when the alert is a section callout so it is reachable by heading navigation." } ] } ], "exports": [ { "kind": "js", "name": "Alert", "declaration": { "name": "Alert", "module": "src/html/elements/alert/alert.ts" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/alert/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/html/elements/alert/alert.js" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/avatar/avatar.ts", "declarations": [ { "kind": "class", "description": "", "name": "Avatar", "cssProperties": [ { "description": "Box size (any length). Set it inline (e.g. `style=\"--size: 20px\"`) for an arbitrary size beyond the `size` token scale; the font then follows proportionally. The `size` attribute sets it to the matching token.", "name": "--size", "default": "40px" }, { "description": "Background fill color for initials and the default icon.", "name": "--color" }, { "description": "Initials/icon color over `--color`. Defaults to an auto-derived readable color; set it to enforce a specific brand color (overrides the automatic choice).", "name": "--text-color" }, { "description": "Set to `circle` for a fully circular avatar (default is a rounded square).", "name": "--appearance" } ], "cssParts": [ { "description": "The avatar container that paints `--color`; style it (e.g. `color`) to override the auto-derived text color.", "name": "base" } ], "members": [ { "kind": "field", "name": "src", "type": { "text": "string" }, "default": "''", "description": "Image URL. Falls back to initials (then the default icon) if it fails to load.", "attribute": "src" }, { "kind": "field", "name": "name", "type": { "text": "string" }, "default": "''", "description": "Name used as the accessible label and to derive the initials fallback.", "attribute": "name" }, { "kind": "field", "name": "size", "type": { "text": "string" }, "default": "'md'", "description": "Avatar size: `xs`, `sm`, `md` (default), `lg`, or `xl`.", "attribute": "size", "reflects": true }, { "kind": "field", "name": "badge", "type": { "text": "number" }, "default": "0", "description": "Count shown in the corner badge. `0` hides the badge.", "attribute": "badge" }, { "kind": "field", "name": "interactive", "type": { "text": "boolean" }, "default": "false", "description": "Render as a `\n \n \n" } ] } ], "exports": [ { "kind": "js", "name": "ButtonGroup", "declaration": { "name": "ButtonGroup", "module": "src/html/elements/button-group/button-group.ts" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/button-group/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/html/elements/button-group/button-group.js" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/button/button.meta.ts", "declarations": [ { "kind": "class", "description": "", "name": "ButtonMeta", "cssProperties": [ { "description": "Button height (md size).", "name": "--height", "default": "36px" }, { "description": "Horizontal padding.", "name": "--padding-inline", "default": "0.625rem" }, { "description": "Background color.", "name": "--background-color" }, { "description": "Background color on hover.", "name": "--background-color-hover" }, { "description": "Background color on press.", "name": "--background-color-active" }, { "description": "Text color.", "name": "--text-color" }, { "description": "Text color on hover.", "name": "--text-color-hover" }, { "description": "Border color.", "name": "--border-color" }, { "description": "Border color on hover.", "name": "--border-color-hover" }, { "description": "Label font size. Stays 14px across all sizes; override to opt into a larger label.", "name": "--font-size", "default": "0.875rem" } ], "attributes": [ { "description": "Disables the button.", "name": "disabled" }, { "description": "Invoker command (`show-modal`, `close`, `show-popover`, etc.).", "name": "command" }, { "description": "ID of the target element for `command`.", "name": "commandfor" }, { "description": "primary | destructive — Visual variant. Default is the secondary style.", "name": "data-variant" }, { "description": "sm | lg | xl — Control size. Default is md.", "name": "data-size" }, { "description": "Icon-only mode (square button, width equals height). Auto-detected for a single icon child.", "name": "data-icon-only" }, { "description": "Press effect (scale + translate on active).", "name": "data-press-effect" } ], "summary": "Buttons trigger actions such as submitting forms, confirming dialogs, or navigating.", "examples": [ { "title": "Primary", "language": "html", "code": "" } ], "_cssClasses": [ { "name": ".l-button", "description": "Base button style." } ], "customElement": false, "_native": true, "_nativeTag": "button", "selector": ".l-button", "_attributes": [ { "name": "disabled", "description": "Disables the button." }, { "name": "command", "description": "Invoker command (`show-modal`, `close`, `show-popover`, etc.)." }, { "name": "commandfor", "description": "ID of the target element for `command`." }, { "name": "data-variant", "values": [ "primary", "destructive" ], "description": "Visual variant. Default is the secondary style." }, { "name": "data-size", "values": [ "sm", "lg", "xl" ], "description": "Control size. Default is md." }, { "name": "data-icon-only", "description": "Icon-only mode (square button, width equals height). Auto-detected for a single icon child." }, { "name": "data-press-effect", "description": "Press effect (scale + translate on active)." } ] } ], "exports": [ { "kind": "js", "name": "ButtonMeta", "declaration": { "name": "ButtonMeta", "module": "src/html/elements/button/button.meta.ts" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/carousel/carousel.ts", "declarations": [ { "kind": "class", "description": "Fired when the active slide changes. Bubbles; not composed.", "name": "CarouselSelectEvent", "members": [ { "kind": "field", "name": "index", "type": { "text": "number" }, "readonly": true, "default": "index" } ], "superclass": { "name": "Event", "module": "src/html/elements/carousel/carousel.ts" } }, { "kind": "class", "description": "Fired when the set of slides in view changes.", "name": "SlidesInViewEvent", "members": [ { "kind": "field", "name": "indexes", "type": { "text": "number[]" }, "readonly": true, "default": "indexes" } ], "superclass": { "name": "Event", "module": "src/html/elements/carousel/carousel.ts" } }, { "kind": "class", "description": "Fired when the fullscreen button is activated.", "name": "FullscreenToggleEvent", "superclass": { "name": "Event", "module": "src/html/elements/carousel/carousel.ts" } }, { "kind": "class", "description": "Carousel custom element based on Embla Carousel.", "name": "Carousel", "cssProperties": [ { "description": "Height of slides in vertical axis mode.", "name": "--slide-height" }, { "description": "Width of each slide (e.g. `100%`, `calc(100% / 3)`).", "name": "--slide-size" }, { "description": "Gap between slides.", "name": "--slide-gap" }, { "description": "Size of navigation buttons.", "name": "--button-size" }, { "description": "Size of arrow icons inside buttons.", "name": "--button-arrow-size" }, { "description": "Color of arrow icons.", "name": "--button-arrow-color" }, { "description": "Offset of inside-positioned buttons from edges.", "name": "--button-offset" }, { "description": "Border color of buttons.", "name": "--button-border-color" }, { "description": "Border radius of buttons.", "name": "--button-border-radius" }, { "description": "Background color of buttons.", "name": "--button-bg" }, { "description": "Text/icon color of buttons.", "name": "--button-color" }, { "description": "Color of inactive dots.", "name": "--dot-color" }, { "description": "Color of active dot.", "name": "--dot-color-active" }, { "description": "Margin around dots container.", "name": "--dot-margin" }, { "description": "Scale factor applied to edge dots that signal more dots exist beyond the visible window (default `0.5`).", "name": "--dot-edge-scale" } ], "cssParts": [ { "description": "The carousel viewport container.", "name": "viewport" }, { "description": "The slides container slot.", "name": "container" }, { "description": "The scroll buttons wrapper.", "name": "scroll-buttons" }, { "description": "Any navigation button.", "name": "button" }, { "description": "The previous slide navigation button.", "name": "button-previous" }, { "description": "The next slide navigation button.", "name": "button-next" }, { "description": "Any dot navigation button.", "name": "button-dot" }, { "description": "The dots navigation wrapper.", "name": "dots" }, { "description": "The fullscreen button.", "name": "button-fullscreen" }, { "description": "Any button icon SVG.", "name": "button-icon" } ], "members": [ { "kind": "field", "name": "embla", "type": { "text": "EmblaCarouselType" } }, { "kind": "field", "name": "autoplay", "type": { "text": "number" }, "default": "0", "description": "Choose a delay between transitions in milliseconds (default: 4000).", "attribute": "autoplay", "reflects": true }, { "kind": "field", "name": "autoplayOptions", "type": { "text": "any" }, "description": "Configure autoplay options.", "attribute": "autoplay-options" }, { "kind": "field", "name": "axis", "type": { "text": "AxisOptionType" }, "default": "'x'", "description": "Choose scroll axis between x and y.", "attribute": "axis" }, { "kind": "field", "name": "align", "type": { "text": "AlignmentOptionType" }, "default": "'start'", "description": "Align the slides relative to the carousel viewport.", "attribute": "align" }, { "kind": "field", "name": "breakpoints", "type": { "text": "any" }, "default": "{}", "description": "Breakpoint overrides for options.", "attribute": "breakpoints", "reflects": true }, { "kind": "field", "name": "loop", "type": { "text": "boolean" }, "default": "false", "description": "Enables infinite looping.", "attribute": "loop" }, { "kind": "field", "name": "dragFree", "type": { "text": "boolean" }, "default": "false", "description": "Enables momentum scrolling (drag free).", "attribute": "drag-free" }, { "kind": "field", "name": "duration", "type": { "text": "number" }, "default": "20", "description": "Set scroll duration when triggered by API methods.", "attribute": "duration" }, { "kind": "field", "name": "skipSnaps", "type": { "text": "boolean" }, "default": "false", "description": "Allow skipping scroll snaps on vigorous drag.", "attribute": "skip-snaps" }, { "kind": "field", "name": "slidesToScroll", "type": { "text": "SlidesToScrollOptionType" }, "default": "1", "description": "Group slides together for navigation.", "attribute": "slides-to-scroll" }, { "kind": "field", "name": "startIndex", "type": { "text": "number" }, "default": "0", "description": "Set the initial scroll snap index.", "attribute": "start-index" }, { "kind": "field", "name": "containScroll", "type": { "text": "ScrollContainOptionType" }, "default": "'trimSnaps'", "description": "Clear leading and trailing empty space.", "attribute": "contain-scroll" }, { "kind": "field", "name": "single", "type": { "text": "boolean" }, "default": "false", "attribute": "single" }, { "kind": "field", "name": "withDots", "type": { "text": "boolean" }, "default": "false", "attribute": "with-dots" }, { "kind": "field", "name": "withScrollbar", "type": { "text": "boolean" }, "default": "false", "attribute": "with-scrollbar" }, { "kind": "field", "name": "withFullscreen", "type": { "text": "boolean" }, "default": "false", "attribute": "with-fullscreen" }, { "kind": "field", "name": "dotAppearance", "type": { "text": "'circle' | 'bar'" }, "default": "'bar'", "attribute": "dot-appearance" }, { "kind": "field", "name": "maxVisibleDots", "type": { "text": "number" }, "default": "0", "description": "Maximum number of dots rendered at once. When the snap count exceeds this,\na sliding window keeps the active dot in view and shrinks the edge dot(s)\non the side where dots are hidden. `0` (default) renders all dots.", "attribute": "max-visible-dots" }, { "kind": "field", "name": "scrollButtonsPosition", "type": { "text": "'inside' | 'outside'" }, "default": "'inside'", "attribute": "scroll-buttons-position" }, { "kind": "field", "name": "scrollButtons", "type": { "text": "HTMLElement" } }, { "kind": "field", "name": "previousBtn", "type": { "text": "HTMLButtonElement" } }, { "kind": "field", "name": "nextBtn", "type": { "text": "HTMLButtonElement" } }, { "kind": "field", "name": "container", "type": { "text": "HTMLSlotElement" } }, { "kind": "method", "name": "options", "return": { "type": { "text": "EmblaOptionsType" } } }, { "kind": "field", "name": "next" }, { "kind": "field", "name": "previous" }, { "kind": "method", "name": "goToSlide", "parameters": [ { "name": "index", "type": { "text": "number" } }, { "name": "jump", "optional": true, "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "slideNodes" }, { "kind": "method", "name": "slidesInView" }, { "kind": "method", "name": "isActive" }, { "kind": "method", "name": "renderFullscreenButton" }, { "kind": "method", "name": "renderNextPreviousButtons" } ], "events": [ { "name": "select", "description": "Fired when the active slide changes. Bubbles. Properties: `index: number`.", "cancelable": false }, { "name": "slides-in-view", "description": "Fired when the set of slides in view changes. Properties: `indexes: number[]`.", "cancelable": false }, { "name": "fullscreen", "description": "Fired when the fullscreen button is activated.", "cancelable": false } ], "attributes": [ { "name": "autoplay", "type": { "text": "number" }, "default": "0", "description": "Choose a delay between transitions in milliseconds (default: 4000).", "fieldName": "autoplay" }, { "name": "autoplay-options", "type": { "text": "any" }, "description": "Configure autoplay options.", "fieldName": "autoplayOptions" }, { "name": "axis", "type": { "text": "AxisOptionType" }, "default": "'x'", "description": "Choose scroll axis between x and y.", "fieldName": "axis" }, { "name": "align", "type": { "text": "AlignmentOptionType" }, "default": "'start'", "description": "Align the slides relative to the carousel viewport.", "fieldName": "align" }, { "name": "breakpoints", "type": { "text": "any" }, "default": "{}", "description": "Breakpoint overrides for options.", "fieldName": "breakpoints" }, { "name": "loop", "type": { "text": "boolean" }, "default": "false", "description": "Enables infinite looping.", "fieldName": "loop" }, { "name": "drag-free", "type": { "text": "boolean" }, "default": "false", "description": "Enables momentum scrolling (drag free).", "fieldName": "dragFree" }, { "name": "duration", "type": { "text": "number" }, "default": "20", "description": "Set scroll duration when triggered by API methods.", "fieldName": "duration" }, { "name": "skip-snaps", "type": { "text": "boolean" }, "default": "false", "description": "Allow skipping scroll snaps on vigorous drag.", "fieldName": "skipSnaps" }, { "name": "slides-to-scroll", "type": { "text": "SlidesToScrollOptionType" }, "default": "1", "description": "Group slides together for navigation.", "fieldName": "slidesToScroll" }, { "name": "start-index", "type": { "text": "number" }, "default": "0", "description": "Set the initial scroll snap index.", "fieldName": "startIndex" }, { "name": "contain-scroll", "type": { "text": "ScrollContainOptionType" }, "default": "'trimSnaps'", "description": "Clear leading and trailing empty space.", "fieldName": "containScroll" }, { "name": "single", "type": { "text": "boolean" }, "default": "false", "fieldName": "single" }, { "name": "with-dots", "type": { "text": "boolean" }, "default": "false", "fieldName": "withDots" }, { "name": "with-scrollbar", "type": { "text": "boolean" }, "default": "false", "fieldName": "withScrollbar" }, { "name": "with-fullscreen", "type": { "text": "boolean" }, "default": "false", "fieldName": "withFullscreen" }, { "name": "dot-appearance", "type": { "text": "'circle' | 'bar'" }, "default": "'bar'", "fieldName": "dotAppearance" }, { "name": "max-visible-dots", "type": { "text": "number" }, "default": "0", "description": "Maximum number of dots rendered at once. When the snap count exceeds this,\na sliding window keeps the active dot in view and shrinks the edge dot(s)\non the side where dots are hidden. `0` (default) renders all dots.", "fieldName": "maxVisibleDots" }, { "name": "scroll-buttons-position", "type": { "text": "'inside' | 'outside'" }, "default": "'inside'", "fieldName": "scrollButtonsPosition" } ], "superclass": { "name": "LuxenElement", "module": "/src/html/shared/luxen-element.js" }, "tagName": "l-carousel", "customElement": true } ], "exports": [ { "kind": "js", "name": "CarouselSelectEvent", "declaration": { "name": "CarouselSelectEvent", "module": "src/html/elements/carousel/carousel.ts" } }, { "kind": "js", "name": "SlidesInViewEvent", "declaration": { "name": "SlidesInViewEvent", "module": "src/html/elements/carousel/carousel.ts" } }, { "kind": "js", "name": "FullscreenToggleEvent", "declaration": { "name": "FullscreenToggleEvent", "module": "src/html/elements/carousel/carousel.ts" } }, { "kind": "js", "name": "Carousel", "declaration": { "name": "Carousel", "module": "src/html/elements/carousel/carousel.ts" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/carousel/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/html/elements/carousel/carousel.js" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/carousel-item/carousel-item.ts", "declarations": [ { "kind": "class", "description": "A single slide inside an ``.", "name": "CarouselItem", "cssProperties": [ { "description": "Aspect ratio of the slide.", "name": "--aspect-ratio" } ], "members": [], "superclass": { "name": "LuxenElement", "module": "/src/html/shared/luxen-element.js" }, "tagName": "l-carousel-item", "customElement": true } ], "exports": [ { "kind": "js", "name": "CarouselItem", "declaration": { "name": "CarouselItem", "module": "src/html/elements/carousel-item/carousel-item.ts" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/carousel-item/index.ts", "declarations": [], "exports": [ { "kind": "js", "name": "*", "declaration": { "name": "*", "module": "src/html/elements/carousel-item/carousel-item.js" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/checkbox/checkbox.meta.ts", "declarations": [ { "kind": "class", "description": "", "name": "CheckboxMeta", "cssProperties": [ { "description": "Box size. Defaults to `--l-form-control-toggle-size`.", "name": "--size", "default": "1.25em" }, { "description": "Checked/indeterminate fill color.", "name": "--accent", "default": "var(--l-form-control-activated-color)" }, { "description": "Checkmark icon as a `url()`. Override to swap the SVG (color is baked into the image).", "name": "--checkmark" } ], "attributes": [ { "description": "Whether the checkbox is checked.", "name": "checked" }, { "description": "Disables the checkbox.", "name": "disabled" }, { "description": "Marks the checkbox as required for form submission.", "name": "required" }, { "description": "Indeterminate state (DOM property `el.indeterminate = true`; renders a dash). Typically the parent of a group.", "name": "indeterminate" }, { "description": "Set to `true` to force the invalid style (otherwise applied via `:user-invalid`). `l-form-field` manages this automatically.", "name": "aria-invalid" } ], "summary": "Checkboxes let users select one or more options, or toggle a single setting on or off.", "examples": [ { "title": "Default", "language": "html", "code": "" }, { "title": "In a field (no class needed)", "language": "html", "code": "\n\n\nOne email a month.\n" } ], "_cssClasses": [ { "name": ".l-checkbox", "description": "Base checkbox style, applied to ``. Inside `l-form-field` a bare checkbox is auto-styled, so the class is optional there." } ], "customElement": false, "_native": true, "_nativeTag": "input", "selector": ".l-checkbox", "_attributes": [ { "name": "checked", "description": "Whether the checkbox is checked." }, { "name": "disabled", "description": "Disables the checkbox." }, { "name": "required", "description": "Marks the checkbox as required for form submission." }, { "name": "indeterminate", "description": "Indeterminate state (DOM property `el.indeterminate = true`; renders a dash). Typically the parent of a group." }, { "name": "aria-invalid", "description": "Set to `true` to force the invalid style (otherwise applied via `:user-invalid`). `l-form-field` manages this automatically." } ] } ], "exports": [ { "kind": "js", "name": "CheckboxMeta", "declaration": { "name": "CheckboxMeta", "module": "src/html/elements/checkbox/checkbox.meta.ts" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/close-button/close-button.meta.ts", "declarations": [ { "kind": "class", "description": "", "name": "CloseButtonMeta", "cssProperties": [ { "description": "Button size.", "name": "--size", "default": "36px" }, { "description": "Icon color.", "name": "--icon-color" }, { "description": "Icon size.", "name": "--icon-size", "default": "24px" }, { "description": "Hover ring color (`ring` appearance only).", "name": "--ring-color" }, { "description": "Hover ring thickness (`ring` appearance only).", "name": "--ring-tickness" } ], "attributes": [ { "description": "ring | square | circle — Visual appearance (matches the imported appearance CSS).", "name": "data-appearance" }, { "description": "Invoker command (typically `close`).", "name": "command" }, { "description": "ID of the target element to close.", "name": "commandfor" } ], "summary": "A circular/square icon button that renders an X via CSS mask, for dismissing dialogs and panels.", "examples": [ { "title": "Ring appearance", "language": "html", "code": "" } ], "_cssClasses": [ { "name": ".l-close", "description": "Base close button with X icon via CSS mask." } ], "customElement": false, "_native": true, "_nativeTag": "button", "selector": ".l-close", "_attributes": [ { "name": "data-appearance", "values": [ "ring", "square", "circle" ], "description": "Visual appearance (matches the imported appearance CSS)." }, { "name": "command", "description": "Invoker command (typically `close`)." }, { "name": "commandfor", "description": "ID of the target element to close." } ] } ], "exports": [ { "kind": "js", "name": "CloseButtonMeta", "declaration": { "name": "CloseButtonMeta", "module": "src/html/elements/close-button/close-button.meta.ts" } } ] }, { "kind": "javascript-module", "path": "src/html/elements/combobox/combobox.ts", "declarations": [ { "kind": "class", "description": "Fired when an option is committed (selected). Bubbles; not composed.", "name": "ComboboxChangeEvent", "members": [ { "kind": "field", "name": "value", "type": { "text": "string" }, "readonly": true, "default": "value" } ], "superclass": { "name": "Event", "module": "src/html/elements/combobox/combobox.ts" } }, { "kind": "class", "description": "Fired as the user types (filter query changes). Bubbles; not composed.", "name": "ComboboxInputEvent", "members": [ { "kind": "field", "name": "value", "type": { "text": "string" }, "readonly": true, "description": "The current query text.", "default": "value" } ], "superclass": { "name": "Event", "module": "src/html/elements/combobox/combobox.ts" } }, { "kind": "class", "description": "A text input paired with a filterable list of options (the ARIA combobox\npattern). Options are authored as a native `` of `