{
"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"
}
}
]
}
]
}