@genexus/genexus-ide-ui 0.0.65 → 0.0.67

package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css

@@ -676,16 +676,20 @@ FORM ELEMENTS
 }
 
 :host {
-  display: block;
+  display: flex;
   font-size: 14px;
 }
+:host .wrapper {
+  display: flex;
+  flex-direction: row;
+  gap: var(--spacing-comp-02);
+}
 :host p,
 :host q,
 :host a {
   display: block;
   margin: 0;
   padding: 0;
-  margin: 0 auto;
   line-height: 1.6em;
 }
 :host p.no-line,
@@ -700,24 +704,18 @@ FORM ELEMENTS
 
 /*text align*/
 :host([text-align=start]) {
-  text-align: start;
-}
-:host([text-align=start]) * {
-  text-align: start;
+  justify-content: flex-start;
 }
 
 :host([text-align=center]) {
-  text-align: center;
+  justify-content: center;
 }
-:host([text-align=center]) * {
+:host([text-align=center]) .wrapper * {
   text-align: center;
 }
 
 :host([text-align=end]) {
-  text-align: end;
-}
-:host([text-align=end]) * {
-  text-align: end;
+  justify-content: flex-end;
 }
 
 /*padding*/
@@ -748,6 +746,20 @@ FORM ELEMENTS
   text-decoration: underline;
 }
 
+/*--- With Icon ---*/
+:host(.icon) {
+  display: flex;
+  flex-direction: row;
+}
+
+:host(.icon--center) .wrapper {
+  align-items: center;
+}
+
+:host(.icon--top) .wrapper {
+  align-items: flex-start;
+}
+
 /*********************************************
 LARGE VERSION (html tag has 'gxg-large' class)
 **********************************************/
@@ -762,8 +774,11 @@ LARGE VERSION (html tag has 'gxg-large' class)
   font-size: var(--font-size-lg);
 }
 
-:host(.mercury) .gxg-text {
+:host(.mercury) .gxg-text,
+:host(.mercury) .gxg-link {
   font-size: var(--mc-font-size-xs);
+}
+:host(.mercury) .gxg-text {
   color: var(--gray-02);
 }
 

package/dist/node_modules/@genexus/gemini/dist/collection/components/title-editable/title-editable.css

@@ -58,6 +58,11 @@
 }
 
 :host([title-type=h3]) .wrapper {
+  font-size: var(--mc-font-size-xs);
+  font-weight: var(--font-weight-semibold);
+}
+
+:host([title-type=h4]) .wrapper {
   font-size: var(--mc-font-size-xxs);
   font-weight: var(--font-weight-semibold);
 }

package/dist/types/common/helpers.d.ts

@@ -1,4 +1,5 @@
 import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
+import { GxOption } from "./types";
 /**
  * @param element an HTMLElement
  * @returns an alphabetically ordered array of all the parts and exportparts the element contains.
@@ -13,3 +14,14 @@ export declare const formatDate: (date: Date, type?: FormatDateType) => string;
 export type FormatDateType = "date" | "date-time";
 export declare const resolveGxgIconPath: (gxgIconName: string) => string;
 export declare const countTreeItems: (treeModel: TreeViewItemModel[], children?: boolean) => number;
+/**
+ * @description it evaluates the initial selected combo item
+ * @param options an array of GxOption
+ * @returns the initial combo value, which in this case is the id
+ */
+export declare const setInitialComboValue: (options: GxOption[]) => string;
+/**
+ * @description Detects a mouse click outside an element.
+ */
+export declare const detectClickOutside: (event: MouseEvent, element: HTMLElement) => boolean;
+export declare const hiChar: (text: string, filterValue: string) => any;

package/dist/types/components/_helpers/container/container.d.ts

@@ -57,6 +57,10 @@ export declare class GxIdeContainer {
    * The heading justification
    */
   readonly headingJustify: HeadingJustify;
+  /**
+   * It forces the .heading__title min-height to be as tall as the gxg-form-text height. This is useful when you are displaying two gx-ide-container's on the same row, both of them display a title, and one of them displays a gxg-form-text in the header (usually used to filter content). Without this property set to true, the .heading without a gxg-from-text would be shorter. At the time of writing, this is used on ww-images.
+   */
+  readonly titleHeightAsInput: boolean;
   /**
    * Makes the content a flex container
    */

package/dist/types/components/_helpers/status-buttons/gx-ide-status-buttons.d.ts

@@ -15,9 +15,9 @@ export declare class GxIdeStatusButtons {
    */
   readonly warnings: number;
   /**
-   * The successes amount
+   * The succeded amount
    */
-  readonly successes: number;
+  readonly succeeded: number;
   /**
    * Display only the number
    */

package/dist/types/components/_starting-template/template.d.ts

@@ -7,9 +7,9 @@ export declare class GxIdeTemplate {
   private renderedFirstTime;
   el: HTMLGxIdeTemplateElement;
   /**
-   * The main title
+   * If true it displays the component title on the header
    */
-  readonly mainTile: string;
+  readonly displayTitle = false;
   /**
    * @description Gets fired when the component has rendered for the first time.
    */

package/dist/types/components/_test/test.d.ts

@@ -1,13 +1,10 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export declare class GxIdeTest {
-  private treeViewEl;
   private renderedFirstTime;
   /**
    * @description Gets fired when the component has rendered for the first time.
    */
   componentDidRenderFirstTime: EventEmitter<string>;
   componentDidRender(): void;
-  componentDidLoad(): void;
-  private checkAllHandler;
   render(): any;
 }

package/dist/types/components/bpm-application-declaration/bpm-app-declaration.d.ts

@@ -16,6 +16,10 @@ export declare class GxIdeBpmAppDeclaration {
    * Possible suggestions for the applications
    */
   suggestedApplications: SuggestData;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * Current application value
    */

package/dist/types/components/create-kb-from-server/create-kb-from-server.d.ts

@@ -29,6 +29,10 @@ export declare class GxIdeCreateKbFromServer {
    * KBs search text
    */
   kbSearchText: string;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)
    */

package/dist/types/components/kb-manager-export/kb-manager-export.d.ts

@@ -23,6 +23,10 @@ export declare class GxIdeKbManagerExport {
   watchTreeModelHandler(newState: TreeViewItemModel[]): void;
   exportingIsInProcess: boolean;
   watchExportingIsInProcessHandler(isExporting: boolean): void;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * If true, it will display a loader when needed.
    */

package/dist/types/components/kb-manager-import/kb-manager-import.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
-import { ImportCategoryData, ImportItemResultData } from "../../common/types";
+import { ImportCategoryData, ImportItemResultData, ContextMenuInfo } from "../../common/types";
 export declare class GxIdeKbManagerImport {
   /**
    * The component hard-coded strings translations.
@@ -12,9 +12,9 @@ export declare class GxIdeKbManagerImport {
   el: HTMLGxIdeKbManagerImportElement;
   private objectsTreeEl;
   private fileInputEl;
-  private headerButtonsGroup;
   private objectsButtonsGroup;
   private toggleObjectsCheckboxEl;
+  private loaderEl;
   checkedObjectsIds: string[];
   noObjects: boolean;
   showHiddenImportsMessage: boolean;
@@ -26,12 +26,21 @@ export declare class GxIdeKbManagerImport {
   noImport: boolean;
   importTreeState: TreeViewItemModel[];
   watchImportTreeStateHandler(newState: TreeViewItemModel[]): void;
-  importingObjects: boolean;
+  importingIsInProcess: boolean;
+  watchImportingIsInProcessHandler(isImporting: boolean): void;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
+  /**
+   * If true, it will display a loader when needed.
+   */
+  readonly loader = true;
   /**
    * The name of the imported xml or xps file
    */
   selectedFile: File;
-  watchSelectedFileHandler(): void;
+  watchSelectedFileHandler(file: File): void;
   /**
    * Callback invoked when the user wants to access the export options.
    */
@@ -50,11 +59,11 @@ export declare class GxIdeKbManagerImport {
    */
   readonly cancelCallback: CancelCallback;
   /**
-   * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
+   * It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)
    */
   readonly statusMinimal = false;
   /**
-   * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
+   * It displays the status buttons (errors, warning, succeeded) with the minimal ui (no captions)
    */
   readonly objectContextMenuCallback: ObjectContextMenuCallback;
   /**
@@ -72,13 +81,11 @@ export declare class GxIdeKbManagerImport {
    */
   addResultItem(item: ImportItemResultData): Promise<void>;
   private evaluateImportStatusMessage;
-  private countMessages;
   private evaluateObjects;
   private evaluateImport;
-  private selectFileHandler;
+  private selectFileAndLoadHandler;
   private loadFileHandler;
   private fileSelectedHandler;
-  private evaluateHeaderActiveButton;
   private importObjectsHandler;
   private objectsTreeCheckedItemsChangedHandler;
   private objectsTreeContextMenuHandler;
@@ -89,6 +96,7 @@ export declare class GxIdeKbManagerImport {
   private statusButtonsSelectionChangedHandler;
   private evaluateCheckAllValue;
   private fileClearedHandler;
+  private loaderCancelCallbackHandler;
   render(): void;
 }
 export type LoadCallback = (file: File) => Promise<ImportCategoryData[]>;
@@ -117,10 +125,6 @@ type StatusInfo = {
     number: number;
   };
 };
-export type ObjectContextMenuCallback = (objectContextMenu: ObjectContextMenuInfo) => Promise<void>;
-export type ObjectContextMenuInfo = {
-  objectId: string;
-  screenX: number;
-  screenY: number;
-};
+export type ObjectContextMenuCallback = (tree: ObjectsSourceType, contextMenuInfo: ContextMenuInfo) => Promise<void>;
+export type ObjectsSourceType = "in-file" | "imported";
 export {};

package/dist/types/components/new-environment/new-environment.d.ts

@@ -7,86 +7,111 @@ export declare class GxIdeNewEnvironment {
    */
   private _componentLocale;
   private renderedFirstTime;
+  private selectedFrontEndsIds;
+  private selectedRuntimeEnvironmentId;
+  private selectedLanguageId;
+  private selectedDataStoreId;
+  private envNameModifiedByUser;
   el: HTMLGxIdeNewEnvironmentElement;
-  private nameEl;
+  private environmentNameEl;
   private languageEl;
-  private runtimeGroup;
+  private runtimeEnvironmentEl;
   private dataStoreEl;
   private frontEndsEl;
-  private runtimeEl;
+  private setAsCurrentEnvironmentEl;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
+  /**
+   * Callback that will be invoked when user wants to cancel
+   */
+  readonly cancelCallback: CancelCallback;
+  /**
+   * Callback that will be invoked when user confirms the KB creation
+   */
+  readonly createCallback: CreateCallback;
   /**
    * It allows defining the DBMS that will be used in the solution
    */
-  readonly dataStores: GxOption[];
+  dataStores: GxOption[];
   /**
    * It allows selecting multiple generators for the front end
    */
-  readonly frontEnd: GxOption[];
+  readonly disableAdvanced: boolean;
   /**
-   * It allows selecting multiple generators for the front end
+   * Name of the new environment
    */
-  readonly frontEnds: GxOption[];
+  environmentName: string;
   /**
    * It allows selecting multiple generators for the front end
    */
-  readonly disableAdvanced: boolean;
+  frontEnds: GxOption[];
   /**
-   * Belongs to checkbox 'Set as current environment' @default true
-   *
+   * Callback invoked when the user changes the language or the selected data source, if and only if the environment name was not modified
    */
-  readonly setAsTarget?: boolean;
+  readonly getEnvironmentNameCallback: GetEnvironmentNameCallback;
   /**
-   * Possible values for 'Runtime Environment' radio button
+   * Callback invoked when the user changes the language, allows modifying the list of frontends
    */
-  readonly runtimes: GxOption[];
+  readonly getFrontEndsCallback: GetFrontEndsCallback;
   /**
-   * Possible values for 'Language' combo
+   * Callback invoked when the user changes the language or the runtime
    */
-  readonly languages: GxOption[];
+  readonly getDataSourcesCallback: GetDataSourcesCallback;
   /**
-   * Name of the new environment
+   * Define if the Advanced tab should be displayed
    */
-  readonly environmentName: string;
+  readonly isAdvanced: boolean;
   /**
-   * Callback that will be invoked when user confirms the KB creation
+   * Possible values for 'Language' combo
    */
-  readonly createCallback: CreateCallback;
+  readonly languages: GxOption[];
   /**
-   * Callback that will be invoked when user wants to cancel
+   * Possible values for 'Runtime Environment' radio button
    */
-  readonly cancelCallback: CancelCallback;
+  readonly runtimes: GxOption[];
   /**
-   * Callback that will be invoked when when any of the following data is modified: "Runtime Environment", "Data Store", "Language".
+   * Belongs to checkbox 'Set as current environment' @default true
+   *
    */
-  readonly changedCallback: ChangedCallback;
+  readonly setAsTarget?: boolean;
   /**
    * @description Gets fired when the component has rendered for the first time.
    */
   componentDidRenderFirstTime: EventEmitter<string>;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   componentDidRender(): void;
-  private getFrontEndOptionsValues;
-  private getRuntimeValue;
+  private initialSetup;
+  private setInitialRuntimeId;
+  private setInitialLanguageId;
+  private setInitialDataStoreId;
+  private envNameInputHandler;
+  private updateSelectedFrontEndsIds;
   private setEnvironmentHandler;
   private cancelButtonClickedHandler;
   private runtimeEnvironmentChangedHandler;
   private languageValueChangedHandler;
   private dataStoreValueChangedHandler;
-  /**
-   * @description This function is called when any of the following data is modified: "Runtime Environment", "Data Store", "Language".
-   */
-  private changedHandler;
+  private updateDataSources;
+  private updateFrontEnds;
+  private updateEnvironmentName;
   private renderTabBasic;
   private renderTabAdvanced;
   render(): any;
 }
 export interface NewEnvironmentData {
+  setAsCurrent: boolean;
   name: string;
-  runtime: GxOption[];
+  runtime: string;
   language: string;
   dataStores: string;
-  frontEnds: GxOption[];
+  frontEnds: string[];
 }
 export type CreateCallback = (data: NewEnvironmentData) => Promise<FormSubmitResult>;
 export type CancelCallback = () => Promise<void>;
 export type ChangedCallback = (data: NewEnvironmentData) => Promise<void>;
+export type GetDataSourcesCallback = (selectedLanguageId: string, selectedRuntimeId: string) => Promise<GxOption[]>;
+export type GetFrontEndsCallback = (selectedLanguageId: string) => Promise<GxOption[]>;
+export type GetEnvironmentNameCallback = (selectedLanguageId: string, selectedDataSourceId: string) => Promise<string | undefined>;

package/dist/types/components/new-kb/new-kb.d.ts

@@ -8,6 +8,7 @@ export declare class GxIdeNewKb {
    */
   private _componentLocale;
   private renderedFirstTime;
+  private selectedFrontEndsIds;
   el: HTMLGxIdeNewKbElement;
   private authenticationTypeEl;
   private collationEl;
@@ -28,6 +29,10 @@ export declare class GxIdeNewKb {
   userNameVisible: boolean;
   passwordVisible: boolean;
   savePasswordVisible: boolean;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * It allows defining the DBMS that will be used in the solution
    */
@@ -121,7 +126,10 @@ export declare class GxIdeNewKb {
    */
   componentDidRenderFirstTime: EventEmitter<boolean>;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
   componentDidRender(): void;
+  private initialSetup;
+  private updateSelectedFrontEndsIds;
   /**
    * @description If Server Name first option is selected, "Create Data in Knowledge Base Folder" should be disabled
    */
@@ -134,7 +142,6 @@ export declare class GxIdeNewKb {
    * @description It allows defining the DBMS that will be used in the solution
    */
   private selectLocationHandler;
-  private getFrontEndOptionsValues;
   /**
    * @description it evaluates what front end options need to be updated on 'getFrontEndsCallback', by comparing the new state (getFrontEndsCallback promise result) and the previous state (previousFrontEndsState)
    */
@@ -157,7 +164,7 @@ export interface NewKBData {
   createDataFilesInKBFolder: boolean;
   databaseName: string;
   dataSource: string;
-  frontEnds: GxOption[];
+  frontEnds: string[];
   kbLocation: string;
   kbName: string;
   password: string;

package/dist/types/components/new-object/new-object.d.ts

@@ -13,9 +13,14 @@ export declare class GxIdeNewObject {
   private descriptionModifiedByUser;
   selectedCategory: TypeCategoryData | null;
   selectedType: TypeData | null;
+  watchSelectedTypeHandler(): void;
   nameIsValid: boolean;
   name: string;
   description: string;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * Applies a shadow all around
    */
@@ -48,7 +53,6 @@ export declare class GxIdeNewObject {
    * Callback invoked when user wants to confirm object creation
    */
   readonly cancelCallback: CancelCallback;
-  watchSelectedTypeHandler(): void;
   /**
    * This event emm=its the data needed to create a new object
    */

package/dist/types/components/object-selector/object-selector.d.ts

@@ -33,6 +33,10 @@ export declare class GxIdeObjectSelector {
    * The selected objects in the table of objects
    */
   selectedObjectsIds: string[];
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * True' if multiple object selection is allowed. Default is 'True'
    */

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

@@ -31,6 +31,10 @@ export declare class GxIdeReferences {
    * Keeps the objects that have references to the current selected object
    */
   referencesTo: GxgTreeItemData[];
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * Currently selected object
    */
@@ -98,6 +102,7 @@ export type SelectorCategoryData = {
 };
 export type ObjectData = {
   id: string;
+  typeName: string;
   icon: string;
   name: string;
   description?: string;

package/dist/types/components/share-kb/share-kb.d.ts

@@ -12,6 +12,10 @@ export declare class GxIdeShareKb {
   private authTypeEl;
   private userNameEl;
   private passwordEl;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * The name of the kb
    */

package/dist/types/components/team-dev/commit/{team-dev-commit.d.ts → commit.d.ts}

@@ -22,6 +22,10 @@ export declare class GxIdeTeamDevCommit {
   ignoredObjects: ModifiedObjectData[];
   commitButtonEnabled: boolean;
   filterHasConditions: boolean;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * Possible values for ChangeSet filter
    */

package/dist/types/components/team-dev/select-recent-comment/{team-dev-select-recent-comment.d.ts → select-recent-comment.d.ts}

@@ -7,6 +7,10 @@ export declare class GxIdeTeamDevSelectRecentComment {
   private selectedComment;
   private renderedFirstTime;
   el: HTMLGxIdeTeamDevSelectRecentCommentElement;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * Recent comments list
    */

package/dist/types/components/team-dev/update/{team-dev-update.d.ts → update.d.ts}

@@ -42,6 +42,10 @@ export declare class GxIdeTeamDevUpdate {
    * The data receive after user update
    */
   updateResultData: UpdateResultData[];
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * This is a function provided by the developer that init the process of import a design.
    */
@@ -102,9 +106,9 @@ export declare class GxIdeTeamDevUpdate {
   componentDidLoad(): Promise<void>;
   componentDidRender(): Promise<void>;
   /**
-   * Validate necessary data input
+   * The method used by the host to instruct the component to force a data reload in the grids.
    */
-  validate(): Promise<boolean>;
+  reload(): Promise<void>;
   private onRowContextMenuHandler;
   private markAllPendingToUpdateRows;
   private gridOnSelectionChangedCallbackHandler;

package/dist/types/components/team-dev/update-partial-selection/{team-dev-update-partial-selection.d.ts → update-partial-selection.d.ts}

@@ -5,6 +5,16 @@ export declare class GxIdeTeamDevUpdatePartialSelection {
    */
   private _componentLocale;
   private renderedFirstTime;
+  el: HTMLGxIdeTeamDevUpdatePartialSelectionElement;
+  private chGridEl;
+  /**
+   * The selected objects in the table of objects
+   */
+  selectedObjectsIds: string[];
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * This is a function provided by the developer that return a list of new objects to populate the table of objects.
    */
@@ -21,12 +31,6 @@ export declare class GxIdeTeamDevUpdatePartialSelection {
    * The categories render in the filter category selector
    */
   selection: ObjectData[];
-  el: HTMLGxIdeTeamDevUpdatePartialSelectionElement;
-  private chGridEl;
-  /**
-   * The selected objects in the table of objects
-   */
-  selectedObjectsIds: string[];
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs.
    */

package/dist/types/components/team-dev/update-to-revision/{team-dev-update-to-revision.d.ts → update-to-revision.d.ts}

@@ -5,6 +5,14 @@ export declare class GxIdeTeamDevUpdateToRevision {
    */
   private _componentLocale;
   private renderedFirstTime;
+  el: HTMLGxIdeTeamDevUpdateToRevisionElement;
+  private revisionNumberEl;
+  private updateToRevisionEl;
+  private updateToLatestEl;
+  /**
+   * If true it displays the component title on the header
+   */
+  readonly displayTitle = false;
   /**
    * This is a function provided by the developer for execute when cancel button is pressed.
    */
@@ -17,10 +25,6 @@ export declare class GxIdeTeamDevUpdateToRevision {
    * Set an initial value for the review
    */
   readonly currentRevision: string | undefined;
-  el: HTMLGxIdeTeamDevUpdateToRevisionElement;
-  private revisionNumberEl;
-  private updateToRevisionEl;
-  private updateToLatestEl;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs.
    */