Class XFirth

test/WebCell.spec.tsx:118–139

        interface XFirth extends WebCell<XFirthProps> {}

        @component({ tagName: 'x-firth' })
        @observer
        class XFirth extends HTMLElement implements WebCell<XFirthProps> {
            @observable
            accessor name: string | undefined;

            @on('click', 'h2')
            handleClick(
                { type, detail }: CustomEvent<number>,
                { tagName }: HTMLHeadingElement
            ) {
                this.name = [type, tagName, detail] + '';
            }

            render() {
                return (
                    <h2>
                        <a>{this.name}</a>
                    </h2>
                );
            }
        }
        renderer.render(<XFirth />);

        const tag = document.body.lastElementChild as XFirth;