@genexus/genexus-ide-ui 1.0.19 → 1.0.20

package/dist/genexus-ide-ui/p-c8b4f34c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["splashCss","COPYRIGHTS_ILLUSTRATION","getAssetPath","ICON_NEXT","SLIDE_FADE_DURATION","CSS_BUNDLES","GxIdeUiSplash","_GxIdeUiSplash_componentLocale","set","this","removeSplashChanged","removeSplash","splashVisible","setTimeout","el","remove","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","componentDidLoad","render","currentYear","Date","getFullYear","h","Host","model","class","slide","style","role","__classPrivateFieldGet","copyright","illustrationAriaLabel","src","alt","illustrationFigureAriaLabel","illustrationAlternativeText","title","version","c1988","allRightsReserved","description"],"sources":["src/components/splash/splash.scss?tag=gx-ide-splash&encapsulation=shadow","src/components/splash/splash.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n  align-items: center;\n  justify-content: center;\n  padding: var(--mer-spacing--xl);\n}\n\n.slide {\n  display: grid;\n  max-inline-size: 1100px;\n  grid-template-columns: 1fr 550px;\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-spacing--md);\n  overflow: hidden;\n  opacity: 0;\n  transition: var(--slide-fade-duration) opacity;\n\n  &--visible {\n    opacity: 1;\n  }\n\n  &__illustration {\n    overflow: hidden;\n    max-block-size: 700px;\n  }\n\n  &__copy {\n    display: grid;\n    block-size: 100%;\n    inline-size: 100%;\n    padding: var(--mer-spacing--3xl);\n  }\n\n  &__copy-container {\n    display: grid;\n    gap: var(--mer-spacing--md);\n    max-inline-size: 480px;\n    place-self: center;\n  }\n\n  &__copy-header {\n    display: grid;\n    gap: var(--mer-spacing--md);\n  }\n\n  &__copy-title {\n    font-size: var(--mer-font__size--xl);\n    color: var(--mer-text__on-surface);\n    letter-spacing: 0.02em;\n    font-weight: var(--mer-font__weight--semi-bold);\n  }\n\n  &__copy-description {\n    display: grid;\n    color: var(--mer-text__complementary);\n    gap: var(--mer-spacing--md);\n    font-size: var(--mer-font__size--sm);\n    font-weight: var(--mer-font__weight--light);\n    line-height: var(--mer-line-height--spaced);\n  }\n}\n","// 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"],"mappings":";;;;AAAA,MAAMA,IAAY;;;;;;;;;;;;;;;;;ACgBlB,MAAMC,IAA0BC,EAC9B;;AAEF,MAAMC,IAAYD,EAChB;;AAEF,MAAME,IAAsB;;AAC5B,MAAMC,IAA8B,EAAC,qBAAqB;;MAQ7CC,IAAa;;;;;;;QAKxBC,EAAAC,IAAAC,WAAA;yBAOkC;;wBAUO;;EAEzC,mBAAAC,CAAoBC;IAClB,IAAIA,GAAc;MAChBF,KAAKG,gBAAgB;MACrBC,YAAW;;QAETJ,KAAKK,GAAGC;AAAQ,UACfX;;;EAIP,uBAAMY;IACJC,EAAAR,MAAIF,SAA0BW,EAAOC,oBAAoBV,KAAKK,KAAG;;EAGnE,gBAAAM;IACEX,KAAKG,gBAAgB;;EAGvB,MAAAS;IACE,MAAMC,KAAc,IAAIC,MAAOC;IAE/B,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAOtB;QACjBoB,EAAA;MACEG,OAAO;QAAEC,OAAS;QAAM,kBAAkBpB,KAAKG;;MAC/CkB,OAAO;QAAE,yBAAyB,GAAG1B;;OAErCqB,EAAA;MACEG,OAAM;MACNG,MAAK;MAAK,cACEC,EAAAvB,MAAIF,GAAA,KAAkB0B,UAAUC;OAE5CT,EAAA;;MAEEU,KAAKlC;MACL2B,OAAM;MACNQ,KAAKJ,EAAAvB,MAAIF,GAAA,KAAkB0B,UAAUI;SAGzCZ,EAAA;MAASG,OAAM;OACbH,EAAA;MAAKG,OAAM;OACTH,EAAA;MAAQG,OAAM;OACZH,EAAA;MACEU,KAAKhC;MACLiC,KACEJ,EAAAvB,MAAIF,GAAA,KAAkB0B,UAAUK;QAGpCb,EAAA;MAAIG,OAAM;OACPI,EAAAvB,MAAIF,GAAA,KAAkB0B,UAAUM,SAGrCd,EAAA;MAAKG,OAAM;OACTH,EAAA,WACEA,EAAA;MAAMG,OAAM;OACTI,EAAAvB,MAAIF,GAAA,KAAkB0B,UAAUO,SACjCf,EAAA,cAAOhB,KAAK+B,WAEdf,EAAA,cAAOO,EAAAvB,MAAIF,GAAA,KAAkB0B,UAAUQ,QACvChB,EAAA,qBAAUH,GAAW,MACrBG,EAAA,cACGO,EAAAvB,MAAIF,GAAA,KAAkB0B,UAAUS,qBAGrCjB,EAAA,WAAIO,EAAAvB,MAAIF,GAAA,KAAkB0B,UAAUU"}

package/dist/genexus-ide-ui/{p-b1f6fdd6.entry.js → p-cf2c8b3c.entry.js}

@@ -4,7 +4,7 @@ import { L as s } from "./p-74d59062.js";
 
 import { r as l } from "./p-3ef5a5a6.js";
 
-import { f as n } from "./p-41ea711a.js";
+import { f as n } from "./p-b8624c0b.js";
 
 const g = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{display:flex}.flex{display:flex}.flex>:nth-child(2){flex:1}";
 
@@ -238,4 +238,4 @@ const d = class {
 d.style = g;
 
 export { d as gx_ide_create_kb_from_server };
-//# sourceMappingURL=p-b1f6fdd6.entry.js.map
+//# sourceMappingURL=p-cf2c8b3c.entry.js.map

package/dist/types/components/splash/splash.d.ts

@@ -0,0 +1,20 @@
+export declare class GxIdeUiSplash {
+    #private;
+    el: HTMLGxIdeSplashElement;
+    /**
+     * When true the slider will be visible. Used to display and hide the slide with a smooth transition.
+     */
+    splashVisible: boolean;
+    /**
+     * The copyright version. ie.: "Salto 103300"
+     */
+    readonly version: string;
+    /**
+     * If true, the splash with first disappear with a fade-out subtle effect, and then it will automatically be removed from the DOM.
+     */
+    readonly removeSplash: boolean;
+    removeSplashChanged(removeSplash: boolean): void;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/start-page/start-page.d.ts

@@ -1,82 +1,60 @@
 export declare class GxIdeStartPage {
     #private;
-    /**
-     * The component hard-coded strings translations.
-     */
-    private _componentLocale;
     el: HTMLGxIdeStartPageElement;
+    kbFilterValue: string;
+    kbFilterValueChanged(newKbFilterValue: string): void;
     /**
-     * The condition required to display the kbs filter
-     */
-    displayKbsFilter: boolean;
-    /**
-     * The condition required to display the news filter
-     */
-    displayNewsFilter: boolean;
-    /**
-     * The filtered KBs after user input
+     * The kbs after the filter value.
      */
     filteredKbs: RecentKBData[];
     /**
-     * The filtered news after user input
-     */
-    filteredNews: NewsData[];
-    /**
-     * True if kbs have been not loaded yet.
-     */
-    loadingKbs: boolean;
-    /**
-     * A list of recent news
+     * True if the start page is waiting, either for the kb's list or the secondary section.
      */
-    news: NewsData[];
-    watchNews(news: NewsData[]): void;
+    loading: boolean;
     /**
-     * The filter value for the recent news set by the user input
+     * Callback invoked to create a new KB. It must be specified whether this create is create from server or not, through the parameter 'fromServer'.
      */
-    newsFilterValue: string;
+    readonly createKBCallback: (fromServer: boolean) => Promise<void>;
     /**
-     * True if the component has been rendered for the first time.
+     * Callback invoked to open a KB when the user clicks on a KB card.
      */
-    renderedFirstTime: boolean;
+    readonly openKbCallback: (id: string) => Promise<void>;
     /**
-     * Callback invoked to load the news feed (right panel "Recent News").
+     * The secondary section that will appear below the "Create a new Knowledge Base" main section. This section will be displayed if there are no recent kbs.
      */
-    readonly getNewsCallback: GetNewsCallback;
+    readonly secondarySection?: SecondarySection;
     /**
-     * Ann array of the user's KB's
+     * User's kbs array
      */
     readonly kbs: RecentKBData[];
-    kbsChanged(kbs: RecentKBData[]): void;
+    kbsChanged(newKbs: RecentKBData[]): void;
     /**
-     * The minimum number of "kbs" that is required to display the kb's filter.
+     * The minimum required of kbs to display a filter.
      */
     readonly kbsFilterThreshold: number;
-    /**
-     * The minimum number of "news" that is required to display the news's filter.
-     */
-    readonly newsFilterThreshold: number;
-    /**
-     * Callback invoked to open a knowledge base when the user clicks on a KB card.
-     */
-    readonly openKbCallback: OpenKbCallback;
-    /**
-     * Callback invoked to open a news article.
-     */
-    readonly openNewsCallback: OpenNewsCallback;
     componentWillLoad(): Promise<void>;
-    componentDidLoad(): void;
     render(): any;
 }
-export type OpenKbCallback = (id: string) => Promise<void>;
-export type GetNewsCallback = () => Promise<NewsData[]>;
-export type OpenNewsCallback = (id: string) => Promise<void>;
 export type RecentKBData = {
-    id: string;
+    id?: string;
     name: string;
     lastOpenedDate?: Date;
+    icon: string;
+};
+export type SecondarySection = {
+    title: string;
+    cards: CardInfo[];
 };
-export type NewsData = {
-    id: string;
+export type CardInfo = {
+    icon?: {
+        src: string;
+        ariaLabel: string;
+    };
     title: string;
-    body: string;
+    description: string[];
+    action?: {
+        iconSrc: string;
+        caption: string;
+        callback?: () => void;
+    };
 };

package/dist/types/components/welcome-page/welcome-page.d.ts

@@ -0,0 +1,63 @@
+export declare class GxIdeWelcomePage {
+    #private;
+    el: HTMLGxIdeWelcomePageElement;
+    /**
+     * The current active slide index from 'slides' Prop. It does not considers the very first slide "Copyright".
+     */
+    activeSlideIndex: number;
+    /**
+     * When true the slider will be visible. Used to display and hide the slide with a smooth transition.
+     */
+    displaySlider: boolean;
+    /**
+     * True if the very first slide is visible (The copyright slide)
+     */
+    copyrightsVisible: boolean;
+    /**
+     * True if the user has reached the last slide. Used to hide/disable the navigation.
+     */
+    lastSlideReached: boolean;
+    /**
+     * When true the slider will be visible. Used to display and hide the slider with a smooth transition.
+     */
+    sliderVisible: boolean;
+    /**
+     * True if a slide is transitioning, false otherwise. Used to disable the navigation arrows while transitioning.
+     */
+    slideTransitioning: boolean;
+    /**
+     * True if the user has changed slides by clicking on the navigation dots, or by using the keyboard arrows. This is used to know evaluate the slide transition setTimeOut. If the user has navigated, automatic slide transition should be turned off.
+     */
+    userHasChangedSlide: boolean;
+    /**
+     * The transition type between the slides. "static" requires the user to navigate by clicking the navigation dots. "auto" will transition automatically after a calculated amount of time.
+     */
+    readonly transitionType: TransitionType;
+    /**
+     * The estimated amount of words per minute that the user requires to read a slide. This value is used to return the time each slide is freezed before transitioning to the next one. Only evaluated when transitionType is set to "auto".
+     */
+    readonly wordsPerMinute: number;
+    /**
+     * Callback invoked when the user closes the slider by pressing the close button.
+     */
+    readonly closeCallback: CloseCallback;
+    /**
+     * An array of slides, with the information that each slide requires. This slides appear after the first slide (Copyrights) that is defined inside the component.
+     */
+    readonly slides: SlideInfo[];
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    render(): any;
+}
+export type SlideInfo = {
+    illustration: {
+        url: string;
+        alt: string;
+    };
+    title: string;
+    description?: string[];
+    descriptionAsChunks?: boolean;
+    listItems?: string[];
+};
+export type CloseCallback = () => Promise<void>;
+export type TransitionType = "static" | "auto";

package/dist/types/components.d.ts

@@ -41,10 +41,9 @@ import { CancelCallback as CancelCallback10, CreateCallback, GetDataSourcesCallb
 import { CancelCallback as CancelCallback11, CreateCallback as CreateCallback1, GetDataSourcesCallback as GetDataSourcesCallback1, GetFrontEndsCallback as GetFrontEndsCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
 import { CancelCallback as CancelCallback12, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback1, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
 import { CancelCallback as CancelCallback13, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
-import { GetNewsCallback, OpenNewsCallback } from "./components/start-page/start-page";
 import { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { CreateKBCallback } from "./components/share-kb/share-kb";
-import { GetNewsCallback as GetNewsCallback1, OpenKbCallback, OpenNewsCallback as OpenNewsCallback1, RecentKBData } from "./components/start-page/start-page";
+import { RecentKBData, SecondarySection } from "./components/start-page/start-page";
 import { CheckedItemsInfo as CheckedItemsInfo1 } from "./components/_helpers/list-selector/list-selector";
 import { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback3, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev/commit/commit";
 import { cancelCallback, confirmCallback } from "./components/team-dev/select-recent-comment/select-recent-comment";
@@ -52,6 +51,7 @@ import { ConfirmCallback as ConfirmCallback6, GridContextMenuCallback, LoadCallb
 import { AddCallback, CancelCallback as CancelCallback14, ConfirmCallback as ConfirmCallback7, ObjectData as ObjectData2 } from "./components/team-dev/update-partial-selection/update-partial-selection";
 import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/update-to-revision/update-to-revision";
 import { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./components/_helpers/title/title";
+import { CloseCallback as CloseCallback1, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
 import { WFConfigData } from "./components/wf-settings/wf-settings";
 import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback5, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-images/ww-images";
 export { AiStatus, Message, UserMessageCallback } from "./components/ai-assistant/ai-assistant";
@@ -90,10 +90,9 @@ export { CancelCallback as CancelCallback10, CreateCallback, GetDataSourcesCallb
 export { CancelCallback as CancelCallback11, CreateCallback as CreateCallback1, GetDataSourcesCallback as GetDataSourcesCallback1, GetFrontEndsCallback as GetFrontEndsCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
 export { CancelCallback as CancelCallback12, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback as SelectModuleCallback1, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
 export { CancelCallback as CancelCallback13, LoadCallback as LoadCallback2, NewObjectCallback, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/object-selector/object-selector";
-export { GetNewsCallback, OpenNewsCallback } from "./components/start-page/start-page";
 export { LoadReferencesCallback, ObjectData as ObjectData1, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 export { CreateKBCallback } from "./components/share-kb/share-kb";
-export { GetNewsCallback as GetNewsCallback1, OpenKbCallback, OpenNewsCallback as OpenNewsCallback1, RecentKBData } from "./components/start-page/start-page";
+export { RecentKBData, SecondarySection } from "./components/start-page/start-page";
 export { CheckedItemsInfo as CheckedItemsInfo1 } from "./components/_helpers/list-selector/list-selector";
 export { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback3, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev/commit/commit";
 export { cancelCallback, confirmCallback } from "./components/team-dev/select-recent-comment/select-recent-comment";
@@ -101,6 +100,7 @@ export { ConfirmCallback as ConfirmCallback6, GridContextMenuCallback, LoadCallb
 export { AddCallback, CancelCallback as CancelCallback14, ConfirmCallback as ConfirmCallback7, ObjectData as ObjectData2 } from "./components/team-dev/update-partial-selection/update-partial-selection";
 export { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev/update-to-revision/update-to-revision";
 export { TitleAlignment as TitleAlignment1, TitleType as TitleType1 } from "./components/_helpers/title/title";
+export { CloseCallback as CloseCallback1, SlideInfo, TransitionType } from "./components/welcome-page/welcome-page";
 export { WFConfigData } from "./components/wf-settings/wf-settings";
 export { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback5, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback3 } from "./components/ww-images/ww-images";
 export namespace Components {
@@ -1368,20 +1368,6 @@ export namespace Components {
          */
         "validate": () => Promise<boolean>;
     }
-    interface GxIdeRecentNews {
-        /**
-          * The news filter value inserted by the user on the news input filter
-         */
-        "filterValue": string;
-        /**
-          * Callback invoked to load the news feed (right panel "Recent News").
-         */
-        "getNewsCallback": GetNewsCallback;
-        /**
-          * Callback invoked to open a news article.
-         */
-        "openNewsCallback": OpenNewsCallback;
-    }
     interface GxIdeReferences {
         /**
           * If true it displays the component title on the header
@@ -1434,31 +1420,37 @@ export namespace Components {
          */
         "serverUrls": string[];
     }
+    interface GxIdeSplash {
+        /**
+          * If true, the splash with first disappear with a fade-out subtle effect, and then it will automatically be removed from the DOM.
+         */
+        "removeSplash": boolean;
+        /**
+          * The copyright version. ie.: "Salto 103300"
+         */
+        "version": string;
+    }
     interface GxIdeStartPage {
         /**
-          * Callback invoked to load the news feed (right panel "Recent News").
+          * Callback invoked to create a new KB. It must be specified whether this create is create from server or not, through the parameter 'fromServer'.
          */
-        "getNewsCallback": GetNewsCallback1;
+        "createKBCallback": (fromServer: boolean) => Promise<void>;
         /**
-          * Ann array of the user's KB's
+          * User's kbs array
          */
         "kbs": RecentKBData[];
         /**
-          * The minimum number of "kbs" that is required to display the kb's filter.
+          * The minimum required of kbs to display a filter.
          */
         "kbsFilterThreshold": number;
         /**
-          * The minimum number of "news" that is required to display the news's filter.
+          * Callback invoked to open a KB when the user clicks on a KB card.
          */
-        "newsFilterThreshold": number;
+        "openKbCallback": (id: string) => Promise<void>;
         /**
-          * Callback invoked to open a knowledge base when the user clicks on a KB card.
+          * The secondary section that will appear below the "Create a new Knowledge Base" main section. This section will be displayed if there are no recent kbs.
          */
-        "openKbCallback": OpenKbCallback;
-        /**
-          * Callback invoked to open a news article.
-         */
-        "openNewsCallback": OpenNewsCallback1;
+        "secondarySection"?: SecondarySection;
     }
     interface GxIdeStatusButtons {
         /**
@@ -1732,6 +1724,24 @@ export namespace Components {
          */
         "topBarTitle": string;
     }
+    interface GxIdeWelcomePage {
+        /**
+          * Callback invoked when the user closes the slider by pressing the close button.
+         */
+        "closeCallback": CloseCallback1;
+        /**
+          * An array of slides, with the information that each slide requires. This slides appear after the first slide (Copyrights) that is defined inside the component.
+         */
+        "slides": SlideInfo[];
+        /**
+          * The transition type between the slides. "static" requires the user to navigate by clicking the navigation dots. "auto" will transition automatically after a calculated amount of time.
+         */
+        "transitionType": TransitionType;
+        /**
+          * The estimated amount of words per minute that the user requires to read a slide. This value is used to return the time each slide is freezed before transitioning to the next one. Only evaluated when transitionType is set to "auto".
+         */
+        "wordsPerMinute": number;
+    }
     interface GxIdeWfSettings {
         /**
           * Callback invoked when the user presses the 'Cancel' button.
@@ -2441,12 +2451,6 @@ declare global {
         prototype: HTMLGxIdeObjectSelectorElement;
         new (): HTMLGxIdeObjectSelectorElement;
     };
-    interface HTMLGxIdeRecentNewsElement extends Components.GxIdeRecentNews, HTMLStencilElement {
-    }
-    var HTMLGxIdeRecentNewsElement: {
-        prototype: HTMLGxIdeRecentNewsElement;
-        new (): HTMLGxIdeRecentNewsElement;
-    };
     interface HTMLGxIdeReferencesElementEventMap {
         "componentDidRenderFirstTime": string;
     }
@@ -2481,6 +2485,12 @@ declare global {
         prototype: HTMLGxIdeShareKbElement;
         new (): HTMLGxIdeShareKbElement;
     };
+    interface HTMLGxIdeSplashElement extends Components.GxIdeSplash, HTMLStencilElement {
+    }
+    var HTMLGxIdeSplashElement: {
+        prototype: HTMLGxIdeSplashElement;
+        new (): HTMLGxIdeSplashElement;
+    };
     interface HTMLGxIdeStartPageElement extends Components.GxIdeStartPage, HTMLStencilElement {
     }
     var HTMLGxIdeStartPageElement: {
@@ -2641,6 +2651,12 @@ declare global {
         prototype: HTMLGxIdeTopBarElement;
         new (): HTMLGxIdeTopBarElement;
     };
+    interface HTMLGxIdeWelcomePageElement extends Components.GxIdeWelcomePage, HTMLStencilElement {
+    }
+    var HTMLGxIdeWelcomePageElement: {
+        prototype: HTMLGxIdeWelcomePageElement;
+        new (): HTMLGxIdeWelcomePageElement;
+    };
     interface HTMLGxIdeWfSettingsElementEventMap {
         "componentDidRenderFirstTime": string;
     }
@@ -2710,9 +2726,9 @@ declare global {
         "gx-ide-new-kb": HTMLGxIdeNewKbElement;
         "gx-ide-new-object": HTMLGxIdeNewObjectElement;
         "gx-ide-object-selector": HTMLGxIdeObjectSelectorElement;
-        "gx-ide-recent-news": HTMLGxIdeRecentNewsElement;
         "gx-ide-references": HTMLGxIdeReferencesElement;
         "gx-ide-share-kb": HTMLGxIdeShareKbElement;
+        "gx-ide-splash": HTMLGxIdeSplashElement;
         "gx-ide-start-page": HTMLGxIdeStartPageElement;
         "gx-ide-status-buttons": HTMLGxIdeStatusButtonsElement;
         "gx-ide-switch-panel": HTMLGxIdeSwitchPanelElement;
@@ -2726,6 +2742,7 @@ declare global {
         "gx-ide-test": HTMLGxIdeTestElement;
         "gx-ide-title": HTMLGxIdeTitleElement;
         "gx-ide-top-bar": HTMLGxIdeTopBarElement;
+        "gx-ide-welcome-page": HTMLGxIdeWelcomePageElement;
         "gx-ide-wf-settings": HTMLGxIdeWfSettingsElement;
         "gx-ide-ww-images": HTMLGxIdeWwImagesElement;
     }
@@ -4055,20 +4072,6 @@ declare namespace LocalJSX {
          */
         "types": ObjectType[];
     }
-    interface GxIdeRecentNews {
-        /**
-          * The news filter value inserted by the user on the news input filter
-         */
-        "filterValue"?: string;
-        /**
-          * Callback invoked to load the news feed (right panel "Recent News").
-         */
-        "getNewsCallback": GetNewsCallback;
-        /**
-          * Callback invoked to open a news article.
-         */
-        "openNewsCallback": OpenNewsCallback;
-    }
     interface GxIdeReferences {
         /**
           * If true it displays the component title on the header
@@ -4129,31 +4132,37 @@ declare namespace LocalJSX {
          */
         "serverUrls": string[];
     }
+    interface GxIdeSplash {
+        /**
+          * If true, the splash with first disappear with a fade-out subtle effect, and then it will automatically be removed from the DOM.
+         */
+        "removeSplash"?: boolean;
+        /**
+          * The copyright version. ie.: "Salto 103300"
+         */
+        "version": string;
+    }
     interface GxIdeStartPage {
         /**
-          * Callback invoked to load the news feed (right panel "Recent News").
+          * Callback invoked to create a new KB. It must be specified whether this create is create from server or not, through the parameter 'fromServer'.
          */
-        "getNewsCallback": GetNewsCallback1;
+        "createKBCallback": (fromServer: boolean) => Promise<void>;
         /**
-          * Ann array of the user's KB's
+          * User's kbs array
          */
         "kbs"?: RecentKBData[];
         /**
-          * The minimum number of "kbs" that is required to display the kb's filter.
+          * The minimum required of kbs to display a filter.
          */
         "kbsFilterThreshold"?: number;
         /**
-          * The minimum number of "news" that is required to display the news's filter.
-         */
-        "newsFilterThreshold"?: number;
-        /**
-          * Callback invoked to open a knowledge base when the user clicks on a KB card.
+          * Callback invoked to open a KB when the user clicks on a KB card.
          */
-        "openKbCallback": OpenKbCallback;
+        "openKbCallback": (id: string) => Promise<void>;
         /**
-          * Callback invoked to open a news article.
+          * The secondary section that will appear below the "Create a new Knowledge Base" main section. This section will be displayed if there are no recent kbs.
          */
-        "openNewsCallback": OpenNewsCallback1;
+        "secondarySection"?: SecondarySection;
     }
     interface GxIdeStatusButtons {
         /**
@@ -4459,6 +4468,24 @@ declare namespace LocalJSX {
          */
         "topBarTitle"?: string;
     }
+    interface GxIdeWelcomePage {
+        /**
+          * Callback invoked when the user closes the slider by pressing the close button.
+         */
+        "closeCallback": CloseCallback1;
+        /**
+          * An array of slides, with the information that each slide requires. This slides appear after the first slide (Copyrights) that is defined inside the component.
+         */
+        "slides"?: SlideInfo[];
+        /**
+          * The transition type between the slides. "static" requires the user to navigate by clicking the navigation dots. "auto" will transition automatically after a calculated amount of time.
+         */
+        "transitionType"?: TransitionType;
+        /**
+          * The estimated amount of words per minute that the user requires to read a slide. This value is used to return the time each slide is freezed before transitioning to the next one. Only evaluated when transitionType is set to "auto".
+         */
+        "wordsPerMinute"?: number;
+    }
     interface GxIdeWfSettings {
         /**
           * Callback invoked when the user presses the 'Cancel' button.
@@ -4601,9 +4628,9 @@ declare namespace LocalJSX {
         "gx-ide-new-kb": GxIdeNewKb;
         "gx-ide-new-object": GxIdeNewObject;
         "gx-ide-object-selector": GxIdeObjectSelector;
-        "gx-ide-recent-news": GxIdeRecentNews;
         "gx-ide-references": GxIdeReferences;
         "gx-ide-share-kb": GxIdeShareKb;
+        "gx-ide-splash": GxIdeSplash;
         "gx-ide-start-page": GxIdeStartPage;
         "gx-ide-status-buttons": GxIdeStatusButtons;
         "gx-ide-switch-panel": GxIdeSwitchPanel;
@@ -4617,6 +4644,7 @@ declare namespace LocalJSX {
         "gx-ide-test": GxIdeTest;
         "gx-ide-title": GxIdeTitle;
         "gx-ide-top-bar": GxIdeTopBar;
+        "gx-ide-welcome-page": GxIdeWelcomePage;
         "gx-ide-wf-settings": GxIdeWfSettings;
         "gx-ide-ww-images": GxIdeWwImages;
     }
@@ -4658,9 +4686,9 @@ declare module "@stencil/core" {
             "gx-ide-new-kb": LocalJSX.GxIdeNewKb & JSXBase.HTMLAttributes<HTMLGxIdeNewKbElement>;
             "gx-ide-new-object": LocalJSX.GxIdeNewObject & JSXBase.HTMLAttributes<HTMLGxIdeNewObjectElement>;
             "gx-ide-object-selector": LocalJSX.GxIdeObjectSelector & JSXBase.HTMLAttributes<HTMLGxIdeObjectSelectorElement>;
-            "gx-ide-recent-news": LocalJSX.GxIdeRecentNews & JSXBase.HTMLAttributes<HTMLGxIdeRecentNewsElement>;
             "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
             "gx-ide-share-kb": LocalJSX.GxIdeShareKb & JSXBase.HTMLAttributes<HTMLGxIdeShareKbElement>;
+            "gx-ide-splash": LocalJSX.GxIdeSplash & JSXBase.HTMLAttributes<HTMLGxIdeSplashElement>;
             "gx-ide-start-page": LocalJSX.GxIdeStartPage & JSXBase.HTMLAttributes<HTMLGxIdeStartPageElement>;
             "gx-ide-status-buttons": LocalJSX.GxIdeStatusButtons & JSXBase.HTMLAttributes<HTMLGxIdeStatusButtonsElement>;
             "gx-ide-switch-panel": LocalJSX.GxIdeSwitchPanel & JSXBase.HTMLAttributes<HTMLGxIdeSwitchPanelElement>;
@@ -4674,6 +4702,7 @@ declare module "@stencil/core" {
             "gx-ide-test": LocalJSX.GxIdeTest & JSXBase.HTMLAttributes<HTMLGxIdeTestElement>;
             "gx-ide-title": LocalJSX.GxIdeTitle & JSXBase.HTMLAttributes<HTMLGxIdeTitleElement>;
             "gx-ide-top-bar": LocalJSX.GxIdeTopBar & JSXBase.HTMLAttributes<HTMLGxIdeTopBarElement>;
+            "gx-ide-welcome-page": LocalJSX.GxIdeWelcomePage & JSXBase.HTMLAttributes<HTMLGxIdeWelcomePageElement>;
             "gx-ide-wf-settings": LocalJSX.GxIdeWfSettings & JSXBase.HTMLAttributes<HTMLGxIdeWfSettingsElement>;
             "gx-ide-ww-images": LocalJSX.GxIdeWwImages & JSXBase.HTMLAttributes<HTMLGxIdeWwImagesElement>;
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -33,13 +33,13 @@
     "validate.ci": "npm run build -- --max-workers 1 --debug"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*2.0.1",
     "@genexus/chameleon-controls-library": ">=6.0.0-next.50",
+    "@genexus/gemini": "*2.0.1",
     "@genexus/mercury": "*0.9.14"
   },
   "devDependencies": {
-    "@genexus/gemini": "*2.0.1",
     "@genexus/chameleon-controls-library": ">=6.0.0-next.50",
+    "@genexus/gemini": "*2.0.1",
     "@genexus/mercury": "*0.9.14",
     "@stencil-community/eslint-plugin": "~0.7.1",
     "@stencil/core": "~4.9.0",
@@ -57,5 +57,8 @@
     "prettier": "~2.7.0",
     "puppeteer": "~15.2.0",
     "typescript": "~5.2.0"
+  },
+  "dependencies": {
+    "date-fns": "^4.1.0"
   }
 }

package/dist/cjs/form-validation-df39cabb.js.map

@@ -1 +0,0 @@
-{"file":"form-validation-df39cabb.js","mappings":";;AAGA;MACa,oBAAoB,GAAG,CAClC,MAA+C,EAC/C,GAAQ;;IAER,MAAA,MAAM,CAAC,WAAW,0CAAE,OAAO,CAAC,OAAO;QACjC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC;QACxB,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAChC,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC;QAElC,MAAM,SAAS,GAAkB,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;QACjD,IAAI,SAAS,IAAI,QAAQ,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE;YAC3C,SAAS,CAAC,gBAAgB,GAAG,OAAO,CAAC;YACrC,SAAS,CAAC,iBAAiB,GAAG,OAAO,CAAC;SACvC;aAAM,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE;YACjC,SAAS,CAAC,gBAAgB,GAAG,eAAe,CAAC;YAC7C,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC;SACpC;KACF,CAAC,CAAC;AACL,EAAE;AAEF;AACA,MAAM,kCAAkC,GAAG;IACzC,aAAa,EAAE,gBAAgB;IAC/B,qBAAqB,EAAE,iBAAiB;IACxC,SAAS,EAAE,kBAAkB;CACrB,CAAC;AAEX,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAE,OAAoB;IAC/D,MAAM,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;IACrD,MAAM,UAAU,GACd,kCAAkC,CAChC,cAAiE,CAClE,CAAC;IACJ,IAAI,QAAQ,EAAE;QACZ,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KACnC;SAAM;QACL,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;KACtC;AACH,CAAC,CAAC;MAEW,gBAAgB,GAAG,CAC9B,gBAAkC,EAClC,mBAAmD;IAEnD,MAAM,0BAA0B,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAChE,gBAAgB,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW;QAC9C,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC;QACjC,MAAM,aAAa,GAAG,WAAW,CAAC,QAAQ,CAAC;QAC3C,MAAM,gBAAgB,GAAG,0BAA0B,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;QAClE,IAAI,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,SAAS,EAAE;;YAE/B,gBAAgB,CAAC,aAAa,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAC5D,0BAA0B,CAAC,GAAG,CAAC,QAAQ,kCAClC,gBAAgB,KACnB,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,WAAW,CAAC,OAAO,IAC5B,CAAC;SACJ;KACF,CAAC,CAAC;;IAEH,OAAO,0BAA0B,CAAC;AACpC;;;;;","names":[],"sources":["src/common/form-validation.ts"],"sourcesContent":["import { FormSubmitResult, ConnectionResultData } from \"../common/types\";\nimport { FormComponent } from \"@genexus/gemini/dist/types/common/interfaces\";\n\n// formSubmitValidation will be deprecated. use \"validateControls\" instead.\nexport const formSubmitValidation = (\n  result: FormSubmitResult | ConnectionResultData,\n  ref: any\n) => {\n  result.fieldErrors?.forEach(element => {\n    const key = element.key;\n    const message = element.message;\n    const hasError = element.hasError;\n\n    const reference: FormComponent = ref[`${key}El`];\n    if (reference && hasError && message.trim()) {\n      reference.validationStatus = \"error\";\n      reference.validationMessage = message;\n    } else if (reference && !hasError) {\n      reference.validationStatus = \"indeterminate\";\n      reference.validationMessage = null;\n    }\n  });\n};\n\n// TODO: Improve the way we mark components with error. We must not use error classes.\nconst formElementsErrorClassesDictionary = {\n  \"ch-checkbox\": \"checkbox-error\",\n  \"ch-combo-box-render\": \"combo-box-error\",\n  \"ch-edit\": \"form-input-error\"\n} as const;\n\nconst toggleErrorClass = (hasError: boolean, element: HTMLElement) => {\n  const elementTagName = element.tagName.toLowerCase();\n  const errorClass =\n    formElementsErrorClassesDictionary[\n      elementTagName as keyof typeof formElementsErrorClassesDictionary\n    ];\n  if (hasError) {\n    element.classList.add(errorClass);\n  } else {\n    element.classList.remove(errorClass);\n  }\n};\n\nexport const validateControls = (\n  formSubmitResult: FormSubmitResult,\n  validatableControls: Map<string, ControlValidation>\n): Map<string, ControlValidation> => {\n  const validatableControlsUpdated = new Map(validatableControls);\n  formSubmitResult.fieldErrors.forEach(fieldResult => {\n    const fieldKey = fieldResult.key;\n    const fieldHasError = fieldResult.hasError;\n    const controlMapRecord = validatableControlsUpdated.get(fieldKey);\n    if (controlMapRecord?.reference) {\n      // toggle class to add or remove error style\n      toggleErrorClass(fieldHasError, controlMapRecord.reference);\n      validatableControlsUpdated.set(fieldKey, {\n        ...controlMapRecord,\n        hasError: fieldHasError,\n        message: fieldResult.message\n      });\n    }\n  });\n  // return validatableControls updated.\n  return validatableControlsUpdated;\n};\n\nexport type ControlValidation = {\n  reference: HTMLElement;\n  hasError: boolean;\n  message: string;\n};\n"],"version":3}