@genexus/genexus-ide-ui 1.0.19 → 1.0.21

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.
-         */
-        "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 {
         /**
@@ -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.
@@ -1756,55 +1766,67 @@ export namespace Components {
     }
     interface GxIdeWwImages {
         /**
-          * Categories rendered in the filter selector
+          * The categories render in the filter category selector
          */
         "categories": GxOption[];
         /**
-          * Function to expand data when right-click
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "contextMenuCallback": ContextMenuCallback;
         /**
-          * Default value for the 'categories' filter
+          * The default value for the 'categories' filter
          */
         "defaultCategory": string;
         /**
-          * Default value for the module/folder filter
+          * The default value for the module/folder filter
          */
         "defaultModule": EntityData;
         /**
-          * Function to delete the selected images.
+          * The default value for the type filter
+         */
+        "defaultType": string;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "deleteSelectionCallback": DeleteSelectionCallback;
         /**
-          * Densities rendered in the filter selector
+          * The densities render in the filter density selector
          */
         "densities": GxOption[];
         /**
-          * Languages rendered in the filter selector
+          * If true it displays the component title on the header
+         */
+        "displayTitle": false;
+        /**
+          * The modules/folders render in the module/folder selector
+         */
+        "filterModules": GxOption[];
+        /**
+          * The languages render in the filter language selector
          */
         "languages": GxOption[];
         /**
-          * Layers rendered in the filter selector
+          * The layers render in the filter layer selector
          */
         "layers": GxOption[];
         /**
-          * Function that returns a list of images for the table
+          * This is a function provided by the developer that return a list of images to populate the table of images.
          */
         "loadCallback": LoadCallback5;
         /**
-          * Function that returns a list of items for the selected image
+          * This is a function provided by the developer that return a list of items of the image selected.
          */
         "loadImageItemsCallback": LoadImageItemsCallback;
         /**
-          * Callback invoked when user press New button.
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "newObjectCallback": NewObjectCallback1;
         /**
-          * Function to expand data for double-clicked or entered images
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "openSelectionCallback": OpenSelectionCallback1;
         /**
-          * Reloads the view, refreshing the filters and the images table.
+          * This method reload the view, refreshing the filters and the table of images.
          */
         "reload": () => Promise<void>;
         /**
@@ -1812,11 +1834,11 @@ export namespace Components {
          */
         "secondaryFilter": false;
         /**
-          * Callback invoked when an action is executed on the Module/Folder filter.
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
          */
         "selectModuleCallback": SelectModuleCallback3;
         /**
-          * Callback invoked when an item is selected
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "selectionObjectChangedCallback": SelectionObjectCallback;
         /**
@@ -1824,13 +1846,17 @@ export namespace Components {
          */
         "shadow": false;
         /**
-          * Styles rendered in the filter style selector
+          * The styles render in the filter style selector
          */
         "styles": GxOption[];
         /**
-          * Types rendered in the filter type selector
+          * The types render in the filter type selector
          */
         "types": GxOption[];
+        /**
+          * Validate necessary data input
+         */
+        "validate": () => Promise<boolean>;
     }
 }
 export interface GxIdeAiAssistantCustomEvent<T> extends CustomEvent<T> {
@@ -2441,12 +2467,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 +2501,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 +2667,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 +2742,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 +2758,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 +4088,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 +4148,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.
+          * 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 {
         /**
@@ -4459,6 +4484,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.
@@ -4487,51 +4530,63 @@ declare namespace LocalJSX {
     }
     interface GxIdeWwImages {
         /**
-          * Categories rendered in the filter selector
+          * The categories render in the filter category selector
          */
         "categories": GxOption[];
         /**
-          * Function to expand data when right-click
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "contextMenuCallback": ContextMenuCallback;
         /**
-          * Default value for the 'categories' filter
+          * The default value for the 'categories' filter
          */
         "defaultCategory"?: string;
         /**
-          * Default value for the module/folder filter
+          * The default value for the module/folder filter
          */
         "defaultModule"?: EntityData;
         /**
-          * Function to delete the selected images.
+          * The default value for the type filter
+         */
+        "defaultType"?: string;
+        /**
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "deleteSelectionCallback": DeleteSelectionCallback;
         /**
-          * Densities rendered in the filter selector
+          * The densities render in the filter density selector
          */
         "densities": GxOption[];
         /**
-          * Languages rendered in the filter selector
+          * If true it displays the component title on the header
+         */
+        "displayTitle"?: false;
+        /**
+          * The modules/folders render in the module/folder selector
+         */
+        "filterModules": GxOption[];
+        /**
+          * The languages render in the filter language selector
          */
         "languages": GxOption[];
         /**
-          * Layers rendered in the filter selector
+          * The layers render in the filter layer selector
          */
         "layers": GxOption[];
         /**
-          * Function that returns a list of images for the table
+          * This is a function provided by the developer that return a list of images to populate the table of images.
          */
         "loadCallback": LoadCallback5;
         /**
-          * Function that returns a list of items for the selected image
+          * This is a function provided by the developer that return a list of items of the image selected.
          */
         "loadImageItemsCallback": LoadImageItemsCallback;
         /**
-          * Callback invoked when user press New button.
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "newObjectCallback": NewObjectCallback1;
         /**
-          * Emitted once after the component fully loads and renders for the first time.
+          * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */
         "onComponentDidLoadEvent"?: (event: GxIdeWwImagesCustomEvent<boolean>) => void;
         /**
@@ -4539,7 +4594,7 @@ declare namespace LocalJSX {
          */
         "onComponentDidRenderFirstTime"?: (event: GxIdeWwImagesCustomEvent<string>) => void;
         /**
-          * Function to expand data for double-clicked or entered images
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "openSelectionCallback": OpenSelectionCallback1;
         /**
@@ -4547,11 +4602,11 @@ declare namespace LocalJSX {
          */
         "secondaryFilter"?: false;
         /**
-          * Callback invoked when an action is executed on the Module/Folder filter.
+          * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
          */
         "selectModuleCallback": SelectModuleCallback3;
         /**
-          * Callback invoked when an item is selected
+          * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
          */
         "selectionObjectChangedCallback": SelectionObjectCallback;
         /**
@@ -4559,11 +4614,11 @@ declare namespace LocalJSX {
          */
         "shadow"?: false;
         /**
-          * Styles rendered in the filter style selector
+          * The styles render in the filter style selector
          */
         "styles": GxOption[];
         /**
-          * Types rendered in the filter type selector
+          * The types render in the filter type selector
          */
         "types": GxOption[];
     }
@@ -4601,9 +4656,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 +4672,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 +4714,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 +4730,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.21",
   "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}

package/dist/cjs/gx-ide-empty-state_2.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gx-ide-empty-state.gx-ide-loader.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,gyZAAgyZ;;ACG3zZ,MAAMA,aAAW,GAAmB;IAClC,mBAAmB;IACnB,mBAAmB;IACnB,iBAAiB;IACjB,kBAAkB;CACnB,CAAC;MAOW,eAAe;;;0BAOa,KAAK;;;;;IAiB5C,MAAM;QACJ,QACEC,QAACC,UAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,IACvCD,sBAAU,KAAK,EAAED,aAAW,GAAa,EACzCC,qBAAS,KAAK,EAAC,gBAAgB,IAC5B,IAAI,CAAC,YAAY,KAChBA,kBAAM,KAAK,EAAC,8BAA8B,IACxCA,sBAAU,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAC,SAAS,GAAY,CACxD,CACR,EACDA,iBAAK,KAAK,EAAC,yBAAyB,IACjC,IAAI,CAAC,UAAU,KACdA,gBAAI,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,UAAU,CAAM,CACvD,EACA,IAAI,CAAC,gBAAgB,KACpBA,eAAG,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,gBAAgB,CAAK,CAC3D,CACG,EACNA,qBAAa,CACL,CACL,EACP;KACH;;;;;AC7DH,MAAM,YAAY,GAAG,o+CAAo+C;;;;;;;;;;ACYz/C,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,mBAAmB;IACnB,kBAAkB;CACnB,CAAC;MAMW,SAAS;;;;QACpB,8CAAiD;QA+CjD,mCAAiB;YACf,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;SACnB,EAAC;QAEF,wCAAsB,MACpB,IAAI,CAAC,WAAW,KACdA,qBACEA,oBACE,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,uBAAA,IAAI,gCAAe,IAE3B,IAAI,CAAC,WAAW,CACV,CACL,CACP,EAAC;QAEJ,uCAAqB,MACnB,IAAI,CAAC,WAAW,IAAIA,eAAG,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;QAE3E,iCAAe,MACb,IAAI,CAAC,WAAW,IAAIA,eAAG,KAAK,EAAC,qBAAqB,IAAE,IAAI,CAAC,WAAW,CAAK,EAAC;2BAnErD,IAAI;yBAKU,CAAC,GAAG,EAAE,GAAG,IAAI;;;;6BAoBS,KAAK;;oBAUhC,KAAK;;IAkCrC,MAAM;QACJ,QACEA,QAACC,UAAI,QACHD,sBAAU,KAAK,EAAE,WAAW,GAAa,EACxC,IAAI,CAAC,IAAI,KACRA,iBACE,KAAK,EAAE;gBACL,CAAC,iBAAiB,GAAG,IAAI;gBACzB,0BAA0B,EAAE,IAAI,CAAC,WAAW;aAC7C,EACD,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAC,EAAE,IAEVA,iBAAK,KAAK,EAAC,iBAAiB,GAAO,EACnCA,iBACE,KAAK,EAAE;gBACL,yBAAyB,EAAE,IAAI;gBAC/B,iCAAiC,EAC/B,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW;aAC9D,IAEA,uBAAA,IAAI,8BAAa,MAAjB,IAAI,CAAe,EACnB,uBAAA,IAAI,oCAAmB,MAAvB,IAAI,CAAqB,EACzB,uBAAA,IAAI,qCAAoB,MAAxB,IAAI,CAAsB,CACvB,CACF,CACP,CACI,EACP;KACH;;;;;;;;","names":["CSS_BUNDLES","h","Host"],"sources":["src/components/_helpers/empty-state/gx-ide-empty-state.scss?tag=gx-ide-empty-state&encapsulation=shadow","src/components/_helpers/empty-state/gx-ide-empty-state.tsx","src/components/_helpers/ide-loader/ide-loader.scss?tag=gx-ide-loader&encapsulation=shadow","src/components/_helpers/ide-loader/ide-loader.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n\n:host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  inline-size: 100%;\n  position: relative;\n}\n:host(.animate) {\n  animation: fadeIn var(--mer-timing--fast) forwards;\n  inset-block-start: 0;\n}\n.main-container {\n  max-width: 320px;\n  margin: 0 auto;\n  gap: var(--mer-spacing--md);\n  padding: var(--mer-spacing--md);\n\n  &__icon-wrapper {\n    border: var(--mer-border__width--sm) dashed var(--mer-accent__primary);\n    border-radius: 50%;\n    min-width: 40px;\n    min-height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n\n  &__content {\n    gap: var(--mer-spacing--sm);\n  }\n}\n.main-container,\n.main-container__content {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n    inset-block-start: 5px;\n  }\n}\n","import { Component, Host, h, Prop, Element } from \"@stencil/core\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-empty-state\",\n  styleUrl: \"gx-ide-empty-state.scss\",\n  shadow: true\n})\nexport class GxIdeEmptyState {\n  @Element() el: HTMLGxIdeEmptyStateElement;\n\n  /**\n   * Includes a subtle entry animation\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() readonly isAnimated: boolean = false;\n\n  /**\n   * The state description\n   */\n  @Prop() readonly stateDescription?: string;\n\n  /**\n   * The state icon\n   */\n  @Prop() readonly stateIconSrc?: string;\n\n  /**\n   * The state title\n   */\n  @Prop() readonly stateTitle!: string;\n\n  render() {\n    return (\n      <Host class={{ animate: this.isAnimated }}>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <article class=\"main-container\">\n          {this.stateIconSrc && (\n            <span class=\"main-container__icon-wrapper\">\n              <ch-image src={this.stateIconSrc} class=\"icon-md\"></ch-image>\n            </span>\n          )}\n          <div class=\"main-container__content\">\n            {this.stateTitle && (\n              <h2 class=\"text-body-regular-m\">{this.stateTitle}</h2>\n            )}\n            {this.stateDescription && (\n              <p class=\"text-body-regular-s\">{this.stateDescription}</p>\n            )}\n          </div>\n          <slot></slot>\n        </article>\n      </Host>\n    );\n  }\n}\n",".loader {\n  &__wrapper {\n    position: absolute;\n    border: none;\n    opacity: 0;\n    transition: var(--show-transition) opacity;\n    inline-size: 100%;\n    block-size: 100%;\n    display: flex;\n    background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n    backdrop-filter: var(--gxg-ide-loader-wrapper__backdrop-filter);\n    padding: var(--gxg-ide-loader-wrapper__padding);\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    color: var(--gxg-ide-loader-wrapper__color);\n    z-index: 99; // WA to prevent tree-view chevron arrow to appear above.\n    animation: fadeIn var(--mer-timing--fast) forwards;\n\n    &--visible {\n      opacity: 1;\n    }\n  }\n  &__spinner {\n    border: var(--gxg-ide-loader-spinner__border);\n    border-block-start: var(--gxg-ide-loader-spinner__border-top);\n    border-radius: 50%;\n    animation: spinner 0.6s infinite linear;\n    inline-size: var(--gxg-ide-loader-spinner__width);\n    block-size: var(--gxg-ide-loader-spinner__width);\n    flex-shrink: 0;\n    opacity: 1;\n  }\n\n  &__content-wrapper {\n    display: flex;\n    text-align: center;\n    flex-direction: column;\n    margin-block-start: var(--gxg-ide-loader-content-wrapper__mbs);\n    gap: var(--mer-spacing--md);\n    max-block-size: var(--gxg-ide-loader-content-wrapper__max-width);\n    &--hidden {\n      display: none;\n    }\n    opacity: 1;\n  }\n}\n\n/*background color animation*/\n@keyframes wrapper {\n  0% {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n  }\n  100% {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--to);\n  }\n}\n@keyframes spinner {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(359deg);\n  }\n}\n\n:host([display-border]) {\n  .loader {\n    &__wrapper {\n      border: 1px solid var(--mer-color__elevation--02);\n    }\n  }\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n}\n","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}