@genexus/genexus-ide-ui 1.0.19 → 1.0.21

package/dist/collection/components/_helpers/ide-loader/ide-loader.js

@@ -22,9 +22,9 @@ export class IdeLoader {
             clearTimeout(__classPrivateFieldGet(this, _IdeLoader_timeoutReference, "f"));
             this.show = false;
         });
-        _IdeLoader_renderCancelButton.set(this, () => this.cancelLabel && (h("div", null, h("button", { class: "button-secondary", type: "button", onClick: __classPrivateFieldGet(this, _IdeLoader_cancelProcess, "f") }, this.cancelLabel))));
+        _IdeLoader_renderCancelButton.set(this, () => this.cancelLabel && (h("div", null, h("button", { class: "button-secondary loader__cancel-button", type: "button", onClick: __classPrivateFieldGet(this, _IdeLoader_cancelProcess, "f") }, this.cancelLabel))));
         _IdeLoader_renderDescription.set(this, () => this.description && h("p", { class: "text-body-italic-s" }, this.description));
-        _IdeLoader_renderTitle.set(this, () => this.loaderTitle && h("p", { class: "text-body-regular-m" }, this.loaderTitle));
+        _IdeLoader_renderTitle.set(this, () => this.loaderTitle && h("p", { class: "text-body-regular-l" }, this.loaderTitle));
         this.showWrapper = true;
         this.abortTime = 5 * 60 * 1000;
         this.cancelCallback = undefined;

package/dist/collection/components/_helpers/ide-loader/ide-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ide-loader.js","sourceRoot":"","sources":["../../../../src/components/_helpers/ide-loader/ide-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EACL,KAAK,EAEN,MAAM,eAAe,CAAC;AAIvB,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;CACnB,CAAC;AAMF,MAAM,OAAO,SAAS;;QACpB,8CAAiD;QA+CjD,mCAAiB,GAAS,EAAE;YAC1B,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;YACD,YAAY,CAAC,uBAAA,IAAI,mCAAkB,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC,EAAC;QAEF,wCAAsB,GAA6B,EAAE,CACnD,IAAI,CAAC,WAAW,IAAI,CAClB;YACE,cACE,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,uBAAA,IAAI,gCAAe,IAE3B,IAAI,CAAC,WAAW,CACV,CACL,CACP,EAAC;QAEJ,uCAAqB,GAAgC,EAAE,CACrD,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;QAE3E,iCAAe,GAAgC,EAAE,CAC/C,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;2BAnErD,IAAI;yBAKU,CAAC,GAAG,EAAE,GAAG,IAAI;;;;6BAoBS,KAAK;;oBAUhC,KAAK;;IAkCrC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gBAAU,KAAK,EAAE,WAAW,GAAa;YACxC,IAAI,CAAC,IAAI,IAAI,CACZ,WACE,KAAK,EAAE;oBACL,CAAC,iBAAiB,CAAC,EAAE,IAAI;oBACzB,0BAA0B,EAAE,IAAI,CAAC,WAAW;iBAC7C,EACD,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAC,EAAE;gBAEV,WAAK,KAAK,EAAC,iBAAiB,GAAO;gBACnC,WACE,KAAK,EAAE;wBACL,yBAAyB,EAAE,IAAI;wBAC/B,iCAAiC,EAC/B,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW;qBAC9D;oBAEA,uBAAA,IAAI,8BAAa,MAAjB,IAAI,CAAe;oBACnB,uBAAA,IAAI,oCAAmB,MAAvB,IAAI,CAAqB;oBACzB,uBAAA,IAAI,qCAAoB,MAAxB,IAAI,CAAsB,CACvB,CACF,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-loader\",\n  styleUrl: \"ide-loader.scss\",\n  shadow: true\n})\nexport class IdeLoader {\n  #timeoutReference: ReturnType<typeof setTimeout>;\n\n  /**\n   * shows the '.loader-wrapper'\n   */\n  @State() showWrapper = true;\n\n  /**\n   * The time the loader will await before abort.\n   */\n  @Prop() readonly abortTime: number = 5 * 60 * 1000; // 5 minutes\n\n  /**\n   * The cancel callback\n   */\n  @Prop() readonly cancelCallback: IdeLoaderCancelCallback;\n\n  /**\n   * The cancel button label (optional)\n   */\n  @Prop() readonly cancelLabel: string;\n\n  /**\n   * The loader description (optional)\n   */\n  @Prop() readonly description: string;\n\n  /**\n   * Displays a border all around\n   */\n  @Prop({ reflect: true }) readonly displayBorder: boolean = false;\n\n  /**\n   * The loader title (optional)\n   */\n  @Prop() readonly loaderTitle: string;\n\n  /**\n   * It shows the loader\n   */\n  @Prop({ mutable: true }) show = false;\n\n  /**\n   * This event is emitted when \"show\" is false.\n   */\n  @Event() loaderFinished: EventEmitter<void>;\n\n  #cancelProcess = (): void => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n    clearTimeout(this.#timeoutReference);\n    this.show = false;\n  };\n\n  #renderCancelButton = (): HTMLButtonElement | null =>\n    this.cancelLabel && (\n      <div>\n        <button\n          class=\"button-secondary\"\n          type=\"button\"\n          onClick={this.#cancelProcess}\n        >\n          {this.cancelLabel}\n        </button>\n      </div>\n    );\n\n  #renderDescription = (): HTMLParagraphElement | null =>\n    this.description && <p class=\"text-body-italic-s\">{this.description}</p>;\n\n  #renderTitle = (): HTMLParagraphElement | null =>\n    this.loaderTitle && <p class=\"text-body-regular-m\">{this.loaderTitle}</p>;\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.show && (\n          <div\n            class={{\n              [`loader__wrapper`]: true,\n              \"loader__wrapper--visible\": this.showWrapper\n            }}\n            part=\"loader-wrapper\"\n            popover=\"\"\n          >\n            <div class=\"loader__spinner\"></div>\n            <div\n              class={{\n                \"loader__content-wrapper\": true,\n                \"loader__content-wrapper--hidden\":\n                  !this.description && !this.loaderTitle && !this.cancelLabel\n              }}\n            >\n              {this.#renderTitle()}\n              {this.#renderDescription()}\n              {this.#renderCancelButton()}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type IdeLoaderCancelCallback = () => void;\n"]}
+{"version":3,"file":"ide-loader.js","sourceRoot":"","sources":["../../../../src/components/_helpers/ide-loader/ide-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,KAAK,EACL,KAAK,EAEN,MAAM,eAAe,CAAC;AAIvB,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;CACnB,CAAC;AAMF,MAAM,OAAO,SAAS;;QACpB,8CAAiD;QA+CjD,mCAAiB,GAAS,EAAE;YAC1B,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,cAAc,EAAE,CAAC;aACvB;YACD,YAAY,CAAC,uBAAA,IAAI,mCAAkB,CAAC,CAAC;YACrC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QACpB,CAAC,EAAC;QAEF,wCAAsB,GAA6B,EAAE,CACnD,IAAI,CAAC,WAAW,IAAI,CAClB;YACE,cACE,KAAK,EAAC,wCAAwC,EAC9C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,uBAAA,IAAI,gCAAe,IAE3B,IAAI,CAAC,WAAW,CACV,CACL,CACP,EAAC;QAEJ,uCAAqB,GAAgC,EAAE,CACrD,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;QAE3E,iCAAe,GAAgC,EAAE,CAC/C,IAAI,CAAC,WAAW,IAAI,SAAG,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;2BAnErD,IAAI;yBAKU,CAAC,GAAG,EAAE,GAAG,IAAI;;;;6BAoBS,KAAK;;oBAUhC,KAAK;;IAkCrC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gBAAU,KAAK,EAAE,WAAW,GAAa;YACxC,IAAI,CAAC,IAAI,IAAI,CACZ,WACE,KAAK,EAAE;oBACL,CAAC,iBAAiB,CAAC,EAAE,IAAI;oBACzB,0BAA0B,EAAE,IAAI,CAAC,WAAW;iBAC7C,EACD,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAC,EAAE;gBAEV,WAAK,KAAK,EAAC,iBAAiB,GAAO;gBACnC,WACE,KAAK,EAAE;wBACL,yBAAyB,EAAE,IAAI;wBAC/B,iCAAiC,EAC/B,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW;qBAC9D;oBAEA,uBAAA,IAAI,8BAAa,MAAjB,IAAI,CAAe;oBACnB,uBAAA,IAAI,oCAAmB,MAAvB,IAAI,CAAqB;oBACzB,uBAAA,IAAI,qCAAoB,MAAxB,IAAI,CAAsB,CACvB,CACF,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"utils/typography\"\n];\n@Component({\n  tag: \"gx-ide-loader\",\n  styleUrl: \"ide-loader.scss\",\n  shadow: true\n})\nexport class IdeLoader {\n  #timeoutReference: ReturnType<typeof setTimeout>;\n\n  /**\n   * shows the '.loader-wrapper'\n   */\n  @State() showWrapper = true;\n\n  /**\n   * The time the loader will await before abort.\n   */\n  @Prop() readonly abortTime: number = 5 * 60 * 1000; // 5 minutes\n\n  /**\n   * The cancel callback\n   */\n  @Prop() readonly cancelCallback: IdeLoaderCancelCallback;\n\n  /**\n   * The cancel button label (optional)\n   */\n  @Prop() readonly cancelLabel: string;\n\n  /**\n   * The loader description (optional)\n   */\n  @Prop() readonly description: string;\n\n  /**\n   * Displays a border all around\n   */\n  @Prop({ reflect: true }) readonly displayBorder: boolean = false;\n\n  /**\n   * The loader title (optional)\n   */\n  @Prop() readonly loaderTitle: string;\n\n  /**\n   * It shows the loader\n   */\n  @Prop({ mutable: true }) show = false;\n\n  /**\n   * This event is emitted when \"show\" is false.\n   */\n  @Event() loaderFinished: EventEmitter<void>;\n\n  #cancelProcess = (): void => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n    clearTimeout(this.#timeoutReference);\n    this.show = false;\n  };\n\n  #renderCancelButton = (): HTMLButtonElement | null =>\n    this.cancelLabel && (\n      <div>\n        <button\n          class=\"button-secondary loader__cancel-button\"\n          type=\"button\"\n          onClick={this.#cancelProcess}\n        >\n          {this.cancelLabel}\n        </button>\n      </div>\n    );\n\n  #renderDescription = (): HTMLParagraphElement | null =>\n    this.description && <p class=\"text-body-italic-s\">{this.description}</p>;\n\n  #renderTitle = (): HTMLParagraphElement | null =>\n    this.loaderTitle && <p class=\"text-body-regular-l\">{this.loaderTitle}</p>;\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        {this.show && (\n          <div\n            class={{\n              [`loader__wrapper`]: true,\n              \"loader__wrapper--visible\": this.showWrapper\n            }}\n            part=\"loader-wrapper\"\n            popover=\"\"\n          >\n            <div class=\"loader__spinner\"></div>\n            <div\n              class={{\n                \"loader__content-wrapper\": true,\n                \"loader__content-wrapper--hidden\":\n                  !this.description && !this.loaderTitle && !this.cancelLabel\n              }}\n            >\n              {this.#renderTitle()}\n              {this.#renderDescription()}\n              {this.#renderCancelButton()}\n            </div>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type IdeLoaderCancelCallback = () => void;\n"]}

package/dist/collection/components/splash/gx-ide-assets/splash/images/icon-next.svg

@@ -0,0 +1,4 @@
+<svg width="30" height="31" viewBox="0 0 30 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 3.7C0 2.5799 0 2.01984 0.217987 1.59202C0.409734 1.21569 0.715695 0.909734 1.09202 0.717987C1.51984 0.5 2.07989 0.5 3.2 0.5H26.8C27.9201 0.5 28.4802 0.5 28.908 0.717987C29.2843 0.909734 29.5903 1.21569 29.782 1.59202C30 2.01984 30 2.57989 30 3.7V27.3C30 28.4201 30 28.9802 29.782 29.408C29.5903 29.7843 29.2843 30.0903 28.908 30.282C28.4802 30.5 27.9201 30.5 26.8 30.5H3.2C2.0799 30.5 1.51984 30.5 1.09202 30.282C0.715695 30.0903 0.409734 29.7843 0.217987 29.408C0 28.9802 0 28.4201 0 27.3V3.7Z" fill="#5BA7FF"/>
+<path d="M14.8361 26.63L7.73975 26.6245L15.8043 15.5027L7.73975 4.37271H14.8361L22.2543 15.5027L14.8361 26.6327V26.63Z" fill="black"/>
+</svg>

package/dist/collection/components/splash/gx-ide-assets/splash/langs/splash.lang.en.json

@@ -0,0 +1,14 @@
+{
+  "copyright": {
+    "illustrationAriaLabel": "GeneXus Next geometric shapes illustration",
+    "illustrationFigureAriaLabel": "Geometric shape illustration",
+    "illustrationAlternativeText": "GeneXus Next isologotype",
+    "title": "GeneXus Next",
+    "version": "Version ",
+    "c1988": " © 1988",
+    "allRightsReserved": "All rights reserved. GeneXus is powered by Globant.",
+    "description": "This computer program is protected by copyright law and international treaties. Unauthorized reproduction or distribution of this program or any portion of it may result in severe civil and criminal penalties."
+  },
+  "closeSliderAriaLabel": "Close slider",
+  "startButtonCaption": "Start"
+}

package/dist/collection/components/splash/gx-ide-assets/splash/langs/splash.lang.ja.json

@@ -0,0 +1,13 @@
+{
+  "copyright": {
+    "illustrationAriaLabel": "",
+    "illustrationFigureAriaLabel": "",
+    "title": "",
+    "version": "",
+    "c1988": "",
+    "allRightsReserved": "",
+    "description": ""
+  },
+  "closeSliderAriaLabel": "",
+  "startButtonCaption": ""
+}

package/dist/collection/components/splash/gx-ide-assets/splash/langs/splash.lang.zh.json

@@ -0,0 +1,13 @@
+{
+  "copyright": {
+    "illustrationAriaLabel": "",
+    "illustrationFigureAriaLabel": "",
+    "title": "",
+    "version": "",
+    "c1988": "",
+    "allRightsReserved": "",
+    "description": ""
+  },
+  "closeSliderAriaLabel": "",
+  "startButtonCaption": ""
+}

package/dist/collection/components/splash/splash.css

@@ -0,0 +1,56 @@
+:host {
+  display: grid;
+  block-size: 100%;
+  inline-size: 100%;
+  align-items: center;
+  justify-content: center;
+  padding: var(--mer-spacing--xl);
+}
+
+.slide {
+  display: grid;
+  max-inline-size: 1100px;
+  grid-template-columns: 1fr 550px;
+  background-color: var(--mer-surface__elevation--01);
+  border-radius: var(--mer-spacing--md);
+  overflow: hidden;
+  opacity: 0;
+  transition: var(--slide-fade-duration) opacity;
+}
+.slide--visible {
+  opacity: 1;
+}
+.slide__illustration {
+  overflow: hidden;
+  max-block-size: 700px;
+}
+.slide__copy {
+  display: grid;
+  block-size: 100%;
+  inline-size: 100%;
+  padding: var(--mer-spacing--3xl);
+}
+.slide__copy-container {
+  display: grid;
+  gap: var(--mer-spacing--md);
+  max-inline-size: 480px;
+  place-self: center;
+}
+.slide__copy-header {
+  display: grid;
+  gap: var(--mer-spacing--md);
+}
+.slide__copy-title {
+  font-size: var(--mer-font__size--xl);
+  color: var(--mer-text__on-surface);
+  letter-spacing: 0.02em;
+  font-weight: var(--mer-font__weight--semi-bold);
+}
+.slide__copy-description {
+  display: grid;
+  color: var(--mer-text__complementary);
+  gap: var(--mer-spacing--md);
+  font-size: var(--mer-font__size--sm);
+  font-weight: var(--mer-font__weight--light);
+  line-height: var(--mer-line-height--spaced);
+}

package/dist/collection/components/splash/splash.js

@@ -0,0 +1,125 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _GxIdeUiSplash_componentLocale;
+// Stencil
+import { Host, h, getAssetPath } from "@stencil/core";
+// Custom Imports
+import { Locale } from "../../common/locale";
+const COPYRIGHTS_ILLUSTRATION = getAssetPath(`./gx-ide-assets/welcome-page/images/copyrights-illustration.png`);
+const ICON_NEXT = getAssetPath(`./gx-ide-assets/welcome-page/images/icon-next.svg`);
+const SLIDE_FADE_DURATION = 300;
+const CSS_BUNDLES = ["resets/box-sizing", "utils/typography"];
+export class GxIdeUiSplash {
+    constructor() {
+        /**
+         * The component hard-coded strings translations.
+         */
+        // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        _GxIdeUiSplash_componentLocale.set(this, void 0);
+        this.splashVisible = false;
+        this.version = undefined;
+        this.removeSplash = false;
+    }
+    removeSplashChanged(removeSplash) {
+        if (removeSplash) {
+            this.splashVisible = false;
+            setTimeout(() => {
+                // wait until the slide disappears, then remove.
+                this.el.remove();
+            }, SLIDE_FADE_DURATION);
+        }
+    }
+    async componentWillLoad() {
+        __classPrivateFieldSet(this, _GxIdeUiSplash_componentLocale, await Locale.getComponentStrings(this.el), "f");
+    }
+    componentDidLoad() {
+        this.splashVisible = true;
+    }
+    render() {
+        const currentYear = new Date().getFullYear();
+        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: { "slide": true, "slide--visible": this.splashVisible }, style: { "--slide-fade-duration": `${SLIDE_FADE_DURATION}ms` } }, h("div", { class: "slide__illustration", role: "img", "aria-label": __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").copyright.illustrationAriaLabel }, h("img", {
+            // base image (acts like a background)
+            src: COPYRIGHTS_ILLUSTRATION, class: "slide__illustration", alt: __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").copyright.illustrationFigureAriaLabel
+        })), h("section", { class: "slide__copy" }, h("div", { class: "slide__copy-container" }, h("header", { class: "slide__copy-header" }, h("img", { src: ICON_NEXT, alt: __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").copyright.illustrationAlternativeText }), h("h2", { class: "slide__copy-title" }, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").copyright.title)), h("div", { class: "slide__copy-description" }, h("p", null, h("span", { class: "version" }, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").copyright.version, h("span", null, this.version)), h("span", null, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").copyright.c1988), h("span", null, " \u2014 ", currentYear, " "), h("span", null, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").copyright.allRightsReserved)), h("p", null, __classPrivateFieldGet(this, _GxIdeUiSplash_componentLocale, "f").copyright.description)))))));
+    }
+    static get is() { return "gx-ide-splash"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["splash.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["splash.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/splash"]; }
+    static get properties() {
+        return {
+            "version": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The copyright version. ie.: \"Salto 103300\""
+                },
+                "attribute": "version",
+                "reflect": false
+            },
+            "removeSplash": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If true, the splash with first disappear with a fade-out subtle effect, and then it will automatically be removed from the DOM."
+                },
+                "attribute": "remove-splash",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "splashVisible": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "removeSplash",
+                "methodName": "removeSplashChanged"
+            }];
+    }
+}
+_GxIdeUiSplash_componentLocale = new WeakMap();
+//# sourceMappingURL=splash.js.map

package/dist/collection/components/splash/splash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"splash.js","sourceRoot":"","sources":["../../../src/components/splash/splash.tsx"],"names":[],"mappings":"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","sourcesContent":["// Stencil\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Watch,\n  getAssetPath\n} from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles } from \"@genexus/mercury\";\n// Custom Imports\nimport { Locale } from \"../../common/locale\";\n\nconst COPYRIGHTS_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/copyrights-illustration.png`\n);\nconst ICON_NEXT = getAssetPath(\n  `./gx-ide-assets/welcome-page/images/icon-next.svg`\n);\nconst SLIDE_FADE_DURATION = 300;\nconst CSS_BUNDLES: MercuryBundles = [\"resets/box-sizing\", \"utils/typography\"];\n\n@Component({\n  tag: \"gx-ide-splash\",\n  styleUrl: \"splash.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/splash\"]\n})\nexport class GxIdeUiSplash {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeSplashElement;\n\n  /**\n   * When true the slider will be visible. Used to display and hide the slide with a smooth transition.\n   */\n  @State() splashVisible: boolean = false;\n\n  /**\n   * The copyright version. ie.: \"Salto 103300\"\n   */\n  @Prop() readonly version!: string;\n\n  /**\n   * If true, the splash with first disappear with a fade-out subtle effect, and then it will automatically be removed from the DOM.\n   */\n  @Prop() readonly removeSplash: boolean = false;\n  @Watch(\"removeSplash\")\n  removeSplashChanged(removeSplash: boolean) {\n    if (removeSplash) {\n      this.splashVisible = false;\n      setTimeout(() => {\n        // wait until the slide disappears, then remove.\n        this.el.remove();\n      }, SLIDE_FADE_DURATION);\n    }\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    this.splashVisible = true;\n  }\n\n  render() {\n    const currentYear = new Date().getFullYear();\n\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section\n          class={{ \"slide\": true, \"slide--visible\": this.splashVisible }}\n          style={{ \"--slide-fade-duration\": `${SLIDE_FADE_DURATION}ms` }}\n        >\n          <div\n            class=\"slide__illustration\"\n            role=\"img\"\n            aria-label={this.#componentLocale.copyright.illustrationAriaLabel}\n          >\n            <img\n              // base image (acts like a background)\n              src={COPYRIGHTS_ILLUSTRATION}\n              class=\"slide__illustration\"\n              alt={this.#componentLocale.copyright.illustrationFigureAriaLabel}\n            />\n          </div>\n          <section class=\"slide__copy\">\n            <div class=\"slide__copy-container\">\n              <header class=\"slide__copy-header\">\n                <img\n                  src={ICON_NEXT}\n                  alt={\n                    this.#componentLocale.copyright.illustrationAlternativeText\n                  }\n                />\n                <h2 class=\"slide__copy-title\">\n                  {this.#componentLocale.copyright.title}\n                </h2>\n              </header>\n              <div class=\"slide__copy-description\">\n                <p>\n                  <span class=\"version\">\n                    {this.#componentLocale.copyright.version}\n                    <span>{this.version}</span>\n                  </span>\n                  <span>{this.#componentLocale.copyright.c1988}</span>\n                  <span> — {currentYear} </span>\n                  <span>\n                    {this.#componentLocale.copyright.allRightsReserved}\n                  </span>\n                </p>\n                <p>{this.#componentLocale.copyright.description}</p>\n              </div>\n            </div>\n          </section>\n        </section>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/start-page/gx-ide-assets/start-page/langs/start-page.lang.en.json

@@ -1,33 +1,25 @@
 {
-  "componentName": "Start Page",
-  "tabs": {
-    "home": "home",
-    "learn": "learn",
-    "samples": "samples",
-    "marketplace": "marketplace",
-    "updates": "updates"
+  "createKB": {
+    "title": "Create new project",
+    "description": "Create a new Knowledge Base or open an existing one."
   },
-  "recentKbs": {
-    "title": "Recent KBs",
-    "placeholder": "Search KBs by name",
-    "lastOpened": "Last opened:",
-    "modified": "Modified:",
-    "loader": {
-      "title": "Loading your recent KB's...",
-      "description": "Hang on please"
-    },
-    "noKbsFiltered": {
-      "title": "Your search did not match with any KB"
-    }
+  "createProject": {
+    "title": "Create Project",
+    "description": "Create a new Knowledge Base to start working.",
+    "buttonCaption": "New Knowledge Base"
   },
-  "recentNews": {
-    "title": "Recent News",
-    "inputPlaceholder": "Search News",
-    "linkLabel": "See all news",
-    "linkUrl": "https://www.genexus.com/en/news"
+  "openExistingProject": {
+    "title": "Open Existing Project",
+    "description": "You can open a project from the server, whether it's a GeneXus Next Start project or any other project.",
+    "buttonCaption": "Open Knowledge Base"
   },
-  "emptyState": {
-    "title": "You haven't created any Knowledge Base",
-    "description": "Once you have created your first knowledge base it will appear on this window."
+  "recentKBs": {
+    "title": "Recent Knowledge Bases",
+    "filterKbsPlaceholder": "Filter",
+    "loaderTitle": "Loading data",
+    "loaderDescription": "Hang on please...",
+    "noMatches": "Sorry, I can't find that Knowledge Base.",
+    "modified": "Modified",
+    "opened": "Opened"
   }
 }

package/dist/collection/components/start-page/gx-ide-assets/start-page/langs/start-page.lang.ja.json

@@ -1,33 +1,25 @@
 {
-  "componentName": "開始ページ",
-  "tabs": {
-    "home": "ホーム",
-    "learn": "学習",
-    "samples": "サンプル",
-    "marketplace": "Marketplace",
-    "updates": "更新"
+  "createKB": {
+    "title": "",
+    "description": ""
   },
-  "recentKbs": {
-    "title": "最近の KB",
-    "placeholder": "",
-    "lastOpened": "最終アクセス日",
-    "modified": "変更済み:",
-    "loader": {
-      "title": "",
-      "description": ""
-    },
-    "noKbsFiltered": {
-      "title": ""
-    }
+  "createProject": {
+    "title": "",
+    "description": "",
+    "buttonCaption": ""
   },
-  "recentNews": {
-    "title": "最近のニュース",
-    "inputPlaceholder": "",
-    "linkLabel": "すべてのニュースを確認",
-    "linkUrl": ""
+  "openExistingProject": {
+    "title": "",
+    "description": "",
+    "buttonCaption": ""
   },
-  "emptyState": {
+  "recentKBs": {
     "title": "",
-    "description": ""
+    "filterKbsPlaceholder": "",
+    "loaderTitle": "",
+    "loaderDescription": "",
+    "noMatches": "",
+    "modified": "",
+    "opened": ""
   }
 }

package/dist/collection/components/start-page/gx-ide-assets/start-page/langs/start-page.lang.zh.json

@@ -1,3 +1,25 @@
 {
-  "presentation": "你好，我的名字是 {0}，我住在俄勒冈州。"
+  "createKB": {
+    "title": "",
+    "description": ""
+  },
+  "createProject": {
+    "title": "",
+    "description": "",
+    "buttonCaption": ""
+  },
+  "openExistingProject": {
+    "title": "",
+    "description": "",
+    "buttonCaption": ""
+  },
+  "recentKBs": {
+    "title": "",
+    "filterKbsPlaceholder": "",
+    "loaderTitle": "",
+    "loaderDescription": "",
+    "noMatches": "",
+    "modified": "",
+    "opened": ""
+  }
 }