{ "schemaVersion": "1.0.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "actor-typeahead.js", "declarations": [ { "kind": "class", "description": "", "name": "ActorTypeahead", "cssProperties": [ { "description": "Controls the color of the dropdown background.", "name": "--color-background" }, { "description": "Controls the color of the dropdown border.", "name": "--color-border" }, { "description": "Controls the color of the dropdown shadow.", "name": "--color-shadow" }, { "description": "Controls the background color of each row on hover.", "name": "--color-hover" }, { "description": "Controls the background color of an avatar circle if the image fails to load.", "name": "--color-avatar-fallback" }, { "description": "Controls the corner radius of the dropdown.", "name": "--radius" }, { "description": "Controls the padding of the dropdown menu.", "name": "--padding-menu" } ], "cssParts": [ { "description": "The dropdown menu.", "name": "menu" }, { "description": "The user row.", "name": "user" }, { "description": "The user avatar wrapper.", "name": "avatar" }, { "description": "The user avatar image.", "name": "img" }, { "description": "The user handle text.", "name": "handle" } ], "slots": [ { "description": "The tag to progressively enhance.", "name": "" } ], "members": [ { "kind": "field", "name": "tag", "type": { "text": "string" }, "static": true, "default": "\"actor-typeahead\"" }, { "kind": "method", "name": "define", "static": true, "parameters": [ { "name": "tag", "default": "this.tag" } ] }, { "kind": "field", "name": "#shadow", "privacy": "private" }, { "kind": "field", "name": "#actors", "privacy": "private", "type": { "text": "Array<{ handle: string; avatar: string }>" }, "default": "[]" }, { "kind": "field", "name": "#index", "privacy": "private", "type": { "text": "number" }, "default": "-1" }, { "kind": "field", "name": "#pressed", "privacy": "private", "type": { "text": "boolean" }, "default": "false" }, { "kind": "field", "name": "#rows", "privacy": "private", "readonly": true }, { "kind": "method", "name": "handleEvent", "parameters": [ { "name": "evt", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#onkeydown", "privacy": "private", "parameters": [ { "name": "evt", "type": { "text": "KeyboardEvent" } } ] }, { "kind": "method", "name": "#oninput", "privacy": "private", "parameters": [ { "name": "evt", "type": { "text": "InputEvent & { target: HTMLInputElement }" } } ] }, { "kind": "method", "name": "#onfocusout", "privacy": "private", "parameters": [ { "name": "evt", "type": { "text": "Event" } } ] }, { "kind": "method", "name": "#render", "privacy": "private" }, { "kind": "method", "name": "#onpointerdown", "privacy": "private", "parameters": [ { "name": "evt", "type": { "text": "PointerEvent" } } ] }, { "kind": "method", "name": "#onpointerup", "privacy": "private", "parameters": [ { "name": "evt", "type": { "text": "PointerEvent & { target: HTMLElement }" } } ] } ], "attributes": [ { "type": { "text": "string" }, "description": "The host to which to make the typeahead API call.", "name": "host" }, { "type": { "text": "number" }, "description": "The maximum number of rows to display in the dropdown.", "name": "rows" } ], "superclass": { "name": "HTMLElement" }, "tagName": "actor-typeahead", "customElement": true, "summary": "A small web component that progressively enhances an element into an autocomplete for ATProto handles!" }, { "kind": "variable", "name": "tag" } ], "exports": [ { "kind": "js", "name": "default", "declaration": { "name": "ActorTypeahead", "module": "actor-typeahead.js" } }, { "kind": "custom-element-definition", "name": "tag", "declaration": { "name": "anonymous_0", "module": "actor-typeahead.js" } } ] } ] }