Unable to handle 'Anonymous class' and extra encapsulation to 'customElements.define'

[AnNingUI]

Look This

function $WebComponent<
	TagName extends string,
	Clazz extends CustomElementConstructor
>(tag: TagName, Clz: Clazz) {
	customElements.define(tag, Clz);
	return Clz;
}

export const MyInput = $WebComponent(
	"my-input",
	class extends LitElement {
		render() {
			return html`<input type="text" />`;
		}
	}
);

html`<my-input></my-input>`; // It should jump to `MyInput` but fails

[AnNingUI]

And jsdoc can only be used in class definitions whereas class references cannot be handled.
Look This

class Text extends LitElement {}

/**
 * @element my-text
 */
const MyText = Text

html`<my-text></my-text>`; // It should jump to `MyText` but fails