'use strict';

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

const index = require('./index-75aef097.js');
const locale = require('./locale-ff30a5f3.js');

const signInResultCss = ":host{display:grid;block-size:100%;overflow:auto;display:flex;align-items:center;justify-content:center}.content{display:flex;align-items:center;flex-direction:column;color:var(--color-text-neutral-default);gap:var(--spacing-gap-xl);text-align:center;padding:var(--spacing-padding-xxl)}.check-icon{block-size:64px;inline-size:64px;border-radius:50%;background-color:var(--color-accent-success-contrast);background-image:var(--icon__system_check_on-surface--enabled);background-repeat:no-repeat;background-position:center center;background-size:32px;margin-block-end:16px}.genexus-next-logo{inline-size:140px;block-size:30px;margin-block-start:108px;mask-size:contain;background-color:var(--color-icon-neutral-default)}";

const ASSETS_DIR = "gx-ide-assets/sign-in-result";
const LEFT_SIDE_ILLUSTRATION = index.getAssetPath(`./${ASSETS_DIR}/images/left-side-illustration.svg`);
const RIGHT_SIDE_ILLUSTRATION = index.getAssetPath(`./${ASSETS_DIR}/images/right-side-illustration.svg`);
const GENEXUS_NEXT_LOGO_SRC = index.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"
];
const GxIdeSignInResult = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    async componentWillLoad() {
        this._componentLocale = await locale.Locale.getComponentStrings(this.el);
    }
    componentDidLoad() { }
    render() {
        return (index.h(index.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%"
            } }, index.h("ch-theme", { model: CSS_BUNDLES }), index.h("div", { class: "content" }, index.h("span", { class: "check-icon" }), index.h("h1", { class: "heading-3" }, this._componentLocale.title), index.h("p", { class: "subtitle-regular-s" }, this._componentLocale.description), index.h("div", { style: {
                mask: `url(${GENEXUS_NEXT_LOGO_SRC}) no-repeat center / contain`
            }, class: "genexus-next-logo" }))));
    }
    static get assetsDirs() { return ["gx-ide-assets/sign-in-result"]; }
    get el() { return index.getElement(this); }
};
GxIdeSignInResult.style = signInResultCss;

exports.gx_ide_sign_in_result = GxIdeSignInResult;

//# sourceMappingURL=gx-ide-sign-in-result.cjs.entry.js.map