radh-ui/dist/esm/radh-github-search-user.entry.js

Stencil Component Starter

import { r as registerInstance, c as createEvent, h } from './index-a9700b09.js';

const radhGithubSearchUserCss = "radh-github-search-user{margin:20px}";

class RadhGithubSearchUser {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.userSearched = createEvent(this, "userSearched", 7);
    }
    handleClick() {
        const username = this.value;
        fetch(`https://api.github.com/users/${username}`)
            .then(resp => resp.json())
            .then(user => this.userSearched.emit(user));
    }
    handleChange(event) {
        this.value = event.target.value;
    }
    onchanged(ev) {
        this.value = ev.detail;
    }
    render() {
        return (h("div", null, h("radh-input-text", { label: "Username:", name: "username" }), h("radh-button", { onClick: () => this.handleClick() }, "Search")));
    }
}
RadhGithubSearchUser.style = radhGithubSearchUserCss;

export { RadhGithubSearchUser as radh_github_search_user };