// This is a starting template. Do not edit this file directly.
// Dupicate it and modify the new file as needed.
import { Host, getAssetPath, h } from "@stencil/core";
import { Locale } from "../../common/locale";
const ASSETS_DIR = "gx-ide-assets/sign-in-result";
const LEFT_SIDE_ILLUSTRATION = getAssetPath(`./${ASSETS_DIR}/images/left-side-illustration.svg`);
const RIGHT_SIDE_ILLUSTRATION = getAssetPath(`./${ASSETS_DIR}/images/right-side-illustration.svg`);
const GENEXUS_NEXT_LOGO_SRC = getAssetPath(`./${ASSETS_DIR}/images/genexus-next-logo.svg`);
const CSS_BUNDLES = [
    // Use only the bundles that are needed for this component.
    "resets/box-sizing",
    "utils/typography",
    "utils/spacing"
];
export class GxIdeSignInResult {
    async componentWillLoad() {
        this._componentLocale = await Locale.getComponentStrings(this.el);
    }
    componentDidLoad() { }
    render() {
        return (h(Host, { class: "widget spacing-body", style: {
                backgroundImage: `url('${LEFT_SIDE_ILLUSTRATION}'), url('${RIGHT_SIDE_ILLUSTRATION}')`,
                backgroundRepeat: "no-repeat, no-repeat",
                backgroundPosition: "left, right bottom",
                backgroundSize: "auto 100%, auto 55%"
            } }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "content" }, h("span", { class: "check-icon" }), h("h1", { class: "heading-3" }, this._componentLocale.title), h("p", { class: "subtitle-regular-s" }, this._componentLocale.description), h("div", { style: {
                mask: `url(${GENEXUS_NEXT_LOGO_SRC}) no-repeat center / contain`
            }, class: "genexus-next-logo" }))));
    }
    static get is() { return "gx-ide-sign-in-result"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["sign-in-result.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["sign-in-result.css"]
        };
    }
    static get assetsDirs() { return ["gx-ide-assets/sign-in-result"]; }
    static get elementRef() { return "el"; }
}
//# sourceMappingURL=sign-in-result.js.map
