radh-ui/dist/cjs/radh-github-search-user-widget.cjs.entry.js

Stencil Component Starter

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-710e648a.js');

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

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

exports.radh_github_search_user_widget = RadhGithubSearchUserWidget;