import { r as e, g as t, h as i, H as o, a as n } from "./p-9b9ccd0c.js";

import { L as s } from "./p-311eedf3.js";

const a = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{--spacing-body-block-start:24px;--spacing-body-block-end:24px;--spacing-body-inline-start:16px;--spacing-body-inline-end:16px;display:grid;inline-size:100%;block-size:100%;gap:var(--spacing-gap-xl);overflow:auto;grid-template-rows:max-content 1fr max-content;background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-2));color:var(--color-text-neutral-default);text-align:center}.section{display:contents}.header{display:flex;flex-direction:column;gap:var(--spacing-gap-m)}.main{overflow:auto;display:grid;grid-template-rows:1fr max-content;gap:var(--spacing-gap-xxl)}.logo__container{display:flex;flex-direction:column;gap:var(--spacing-gap-l);align-items:center;margin:unset}.logo__img{inline-size:28px;block-size:28px}.logotype{color:var(--color-text-neutral-default)}.versions__container{overflow:hidden;border:1px solid var(--color-border-surface-on-elevation-1);border-radius:4px;display:grid;grid-template-rows:1fr max-content;inline-size:100%}.versions__container button{justify-self:center;min-inline-size:72px}.versions__container-footer{padding:14px}.versions__list{overflow:auto;list-style:none;margin:0;padding:14px;display:flex;flex-direction:column;gap:var(--spacing-gap-m)}.link-underlined{text-decoration:underline;color:var(--color-text-neutral-default)}.link-underlined:hover{color:var(--color-text-neutral-hover)}.link-underlined:active{color:var(--color-text-neutral-pressed)}.links-container{display:flex;gap:var(--spacing-gap-m)}.footer{display:flex;align-items:center;flex-direction:column;gap:var(--spacing-gap-m);color:var(--color-text-neutral-disabled)}";

var r = undefined && undefined.__classPrivateFieldGet || function(e, t, i, o) {
  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
  return i === "m" ? o : i === "a" ? o.call(e) : o ? o.value : t.get(e);
};

var l = undefined && undefined.__classPrivateFieldSet || function(e, t, i, o, n) {
  if (o === "m") throw new TypeError("Private method is not writable");
  if (o === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
  if (typeof t === "function" ? e !== t || !n : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
  return o === "a" ? n.call(e, i) : n ? n.value = i : t.set(e, i), i;
};

var c, d, p;

const u = [ "resets/box-sizing", "utils/typography", "utils/elevation", "components/button", "chameleon/scrollbar" ];

const f = class {
  constructor(i) {
    e(this, i);
    c.set(this, void 0);
    d.set(this, t(`./gx-ide-assets/about/images/next-logo.svg`));
    p.set(this, (() => {
      this.copying = true;
      setTimeout((() => {
        this.copying = false;
      }), 1e3);
      // be cautions with spaces and indentaiton on the following .writeText
            navigator.clipboard.writeText(`${this.appVersion}\n\n${r(this, c, "f").copyVersionsAdditionalText}${this.versions.map((e => `- ${e}`)).join("\n")}`);
    }));
    this.appVersion = undefined;
    this.versions = [];
    this.detailsCallback = undefined;
    this.privacyPolicyCallback = undefined;
    this.termsAndConditionsCallback = undefined;
    this.copying = false;
  }
  async componentWillLoad() {
    l(this, c, await s.getComponentStrings(this.el), "f");
  }
  render() {
    const e = this.privacyPolicyCallback && this.termsAndConditionsCallback;
    const t = this.privacyPolicyCallback || this.termsAndConditionsCallback;
    return i(o, {
      class: "scrollable"
    }, i("ch-theme", {
      model: u
    }), i("section", {
      class: "section"
    }, i("header", {
      class: "header"
    }, i("figure", {
      class: "logo__container"
    }, i("img", {
      class: "logo__img",
      src: r(this, d, "f"),
      alt: r(this, c, "f").logoAlt
    }), i("figcaption", {
      class: "body-semi-bold-m logotype"
    }, "GeneXus Next")), this.appVersion && i("p", {
      class: "body-reuglar-m"
    }, r(this, c, "f").nextVersion, " ", i("span", null, this.appVersion))), i("div", {
      class: "main"
    }, this.versions.length ? i("div", {
      class: "versions__container elevation-1"
    }, i("ul", {
      class: "versions__list scrollable"
    }, this.versions.map((e => i("li", {
      class: "body-regular-s"
    }, e)))), i("div", {
      class: "versions__container-footer"
    }, i("button", {
      class: "button-secondary",
      type: "button",
      onClick: r(this, p, "f"),
      disabled: this.copying
    }, this.copying ? r(this, c, "f").copied : r(this, c, "f").copy))) : null, this.detailsCallback && i("button", {
      class: "button-tertiary",
      type: "button",
      onClick: this.detailsCallback
    }, r(this, c, "f").detailsAndAcknowledgmentes)), i("footer", {
      class: "body-regular-s footer"
    }, t && i("div", {
      class: "links-container",
      hidden: !e
    }, this.privacyPolicyCallback && i("button", {
      class: "link-underlined caption-regular-m",
      type: "button",
      onClick: this.privacyPolicyCallback
    }, r(this, c, "f").privacyPolicy), e && "|", this.termsAndConditionsCallback && i("button", {
      class: "link-underlined caption-regular-m",
      type: "button",
      onClick: this.termsAndConditionsCallback
    }, r(this, c, "f").termsAndConditions)), r(this, c, "f").copyright)));
  }
  static get assetsDirs() {
    return [ "gx-ide-assets/about" ];
  }
  get el() {
    return n(this);
  }
};

c = new WeakMap, d = new WeakMap, p = new WeakMap;

f.style = a;

export { f as gx_ide_about };
//# sourceMappingURL=p-55cb0614.entry.js.map