@genexus/genexus-ide-ui 0.0.100 → 0.0.102

package/dist/genexus-ide-ui/p-e0d9ab03.entry.js

@@ -0,0 +1,257 @@
+import { r as t, c as e, a as r, h as a, H as o, g as i } from "./p-2776d2f9.js";
+
+import { L as s } from "./p-74d59062.js";
+
+import { c as l } from "./p-9c1b4eb9.js";
+
+import { r as n } from "./p-9bd5e66b.js";
+
+import { r as g } from "./p-549b1699.js";
+
+import { g as c } from "./p-6893ccb8.js";
+
+/* References Types*/
+/**
+ * @description This function converts string[] to SuggestItemData[]
+ */ const convertSuggestedApplicationsToSuggestItems = t => {
+  const e = {
+    suggestItems: null,
+    suggestLists: []
+  };
+  if (t.length) {
+    const r = {
+      label: "Applications",
+      items: []
+    };
+    t.forEach((t => {
+      const e = {
+        value: t,
+        description: null,
+        icon: null
+      };
+      r.items.push(e);
+    }));
+    e.suggestLists.push(r);
+  }
+  return e;
+};
+
+const d = ":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)}.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-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;}:host .header{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}:host .header__first-row{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}:host .header__first-row .application-suggest{flex:1}:host .data-mappings{display:flex;flex-direction:column}:host .row-button{display:flex;align-items:center}";
+
+const f = class {
+  constructor(o) {
+    t(this, o);
+    this.componentDidRenderFirstTime = e(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    this.shortcutsSrc = r(`./gx-ide-assets/bpm-app-declaration/shortcuts.json`);
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+        this.listenApplicationSelected = async () => {
+      this.applicationSuggestEl.addEventListener("itemSelected", (t => {
+        this.getDataMappingCallbackHandler(t.detail.value);
+      }));
+    };
+    this.applicationSuggestValueChangedHandler = async t => {
+      const e = t.detail;
+      this.suggestApplicationsCallback(e).then((t => {
+        this.suggestedApplications = convertSuggestedApplicationsToSuggestItems(t);
+      })).catch((() => {}));
+    };
+    this.getDataMappingCallbackHandler = async t => {
+      this.application = await this.getDataMappingCallback(t);
+    };
+    this.selectApplicationCallbackHandler = async () => {
+      const t = await this.selectApplicationCallback();
+      if (t) {
+        this.application = t;
+      }
+    };
+    this.confirmCallbackHandler = async () => {
+      await this.confirmCallback(this.application);
+    };
+    this.cancelCallbackHandler = async () => {
+      await this.cancelCallback();
+    };
+    this.selectMappingCallbackHandler = t => async () => {
+      if (this.selectMappingCallback) {
+        const e = await this.selectMappingCallback(t);
+        if (e) {
+          // update actual application with new relevant data option
+          // first find mapping index
+          const r = this.applicationState.mappings.findIndex((e => e.parameter === t));
+          if (r !== -1) {
+            // new relevant data could be new, or already existent.
+            const t = this.applicationState.mappings[r].relevantDataOptions.find((t => t === e));
+            if (!t) {
+              // new. add.
+              this.applicationState.mappings[r].relevantDataOptions.push(e);
+            }
+            // always set this data as selected
+                        this.applicationState.mappings[r].relevantData = e;
+            // update
+                        this.application = Object.assign({}, this.applicationState);
+          }
+        }
+      }
+    };
+    this.dataOptionsToComboItems = t => {
+      const e = [ {
+        id: this._componentLocale.dataMappings.emptyOption
+      } ];
+      t.forEach((t => {
+        const r = {
+          id: t
+        };
+        e.push(r);
+      }));
+      return e;
+    };
+    this.clearApplicationHandler = () => {
+      this.application = {
+        application: undefined,
+        mappings: []
+      };
+    };
+    this.renderDataMappingsGrid = () => {
+      var t;
+      return a("gxg-grid", {
+        "ellipsis-cell-wrapper": true,
+        noBorder: true
+      }, a("ch-grid", {
+        part: "ch-grid-data-mappings"
+      }, a("ch-grid-columnset", null, a("ch-grid-column", {
+        columnName: ((t = this.application.application) === null || t === void 0 ? void 0 : t.typeIcon) === "objects/transaction" ? this._componentLocale.dataMappings.firstColName : this._componentLocale.dataMappings.firstColNameParameter,
+        settingable: false,
+        size: c.colSize.common
+      }), a("ch-grid-column", {
+        columnName: this._componentLocale.dataMappings.secondColName,
+        settingable: false,
+        sortable: false,
+        size: c.colSize.common
+      }), a("ch-grid-column", {
+        settingable: false,
+        sortable: false,
+        size: c.colSize.auto
+      })), this.application.mappings.map(((t, e) => {
+        var r;
+        return a("ch-grid-row", {
+          rowId: e + t.parameter
+        }, a("ch-grid-cell", null, a("span", {
+          class: "cell-wrapper"
+        }, `${t.access}: ${t.parameter}`)), a("ch-grid-cell", null, a("span", {
+          class: "cell-wrapper"
+        }, a("gxg-combo-box", {
+          disableFilter: true,
+          value: t.relevantData
+        }, g((r = this.dataOptionsToComboItems(t.relevantDataOptions)) !== null && r !== void 0 ? r : [])))), a("ch-grid-cell", null, a("span", {
+          class: "cell-wrapper"
+        }, a("gxg-button", {
+          "data-index": e,
+          type: "secondary-icon-only",
+          icon: "gemini-tools/add",
+          onClick: this.selectMappingCallbackHandler(t.parameter),
+          class: "select-mapping-callback-button"
+        }))));
+      }))));
+    };
+    this.suggestedApplications = undefined;
+    this.displayTitle = false;
+    this.application = undefined;
+    this.suggestApplicationsCallback = undefined;
+    this.selectApplicationCallback = undefined;
+    this.selectMappingCallback = undefined;
+    this.confirmCallback = undefined;
+    this.cancelCallback = undefined;
+    this.getDataMappingCallback = undefined;
+  }
+  watchApplicationHandler(t) {
+    this.applicationState = t;
+  }
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+    this.applicationState = this.application;
+  }
+  async componentDidLoad() {
+    /*  this.applicationSuggestValueChangedHandler(this.applicationText); */
+    this.listenApplicationSelected();
+    this.applicationSuggestEl.focus();
+  }
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    var t;
+    return a(o, {
+      class: "gx-ide-component"
+    }, a("div", {
+      class: "gx-ide-main-wrapper"
+    }, a("gx-ide-container", {
+      noContentPadding: true,
+      slimmerFooter: l.gxIdeContainer.slimmerFooter,
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
+    }, a("header", {
+      slot: "header",
+      class: "header"
+    }, a("div", {
+      class: "header__first-row"
+    }, a("gxg-suggest", {
+      class: "application-suggest"
+    }, a("ch-suggest", {
+      value: ((t = this.application.application) === null || t === void 0 ? void 0 : t.name) || null,
+      onValueChanged: this.applicationSuggestValueChangedHandler,
+      ref: t => this.applicationSuggestEl = t,
+      part: "application-suggest"
+    }, n(this.suggestedApplications))), a("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/show-more-horizontal",
+      onClick: this.selectApplicationCallbackHandler,
+      class: "selector-dialog-button",
+      part: "open-selector-dialog-button"
+    }), a("gxg-button", {
+      type: "outlined",
+      part: "clear-application-button",
+      onClick: this.clearApplicationHandler
+    }, "Clear")), a("div", {
+      class: "header__second-row"
+    }, a("gx-ide-title", {
+      type: "secondary"
+    }, this._componentLocale.dataMappings.title))), a("div", {
+      class: "data-mappings"
+    }, this.renderDataMappingsGrid()), a("gxg-button", {
+      type: "secondary-text-only",
+      slot: "footer-end",
+      onClick: this.cancelCallbackHandler,
+      part: "cancel-button"
+    }, this._componentLocale.buttons.cancelButton), a("gxg-button", {
+      type: "primary-text-only",
+      slot: "footer-end",
+      icon: "general/datastore",
+      onClick: this.confirmCallbackHandler,
+      part: "confirm-button"
+    }, this._componentLocale.buttons.confirmButton))), a("gxg-shortcuts", {
+      src: this.shortcutsSrc
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/bpm-app-declaration" ];
+  }
+  get el() {
+    return i(this);
+  }
+  static get watchers() {
+    return {
+      application: [ "watchApplicationHandler" ]
+    };
+  }
+};
+
+f.style = d;
+
+export { f as gx_ide_bpm_app_declaration };
+//# sourceMappingURL=p-e0d9ab03.entry.js.map

package/dist/types/components/dashboard-home/dashboard-home.d.ts

@@ -8,10 +8,6 @@ export declare class GxIdeDashboardHome {
     el: HTMLGxIdeDashboardHomeElement;
     private kbNameEl;
     private envNameEl;
-    /**
-     * The editing state for the title.
-     */
-    editingKbName: boolean;
     /**
      * The editing state for the environment name.
      */
@@ -24,10 +20,18 @@ export declare class GxIdeDashboardHome {
      * The KB basic properties.
      */
     readonly kb: KBData;
+    /**
+     * This allows the kb to be editable by the user.
+     */
+    readonly enableEditKBName: boolean;
     /**
      * Information of the current environment.
      */
     readonly environment: EnvironmentData;
+    /**
+     * This allows the environment name to be editable by the user.
+     */
+    readonly enableEditEnvironmentName: boolean;
     /**
      * Project Detail description.
      */
@@ -66,7 +70,6 @@ export declare class GxIdeDashboardHome {
     componentDidRender(): void;
     private handleKbNameChange;
     private handleEnvNameChange;
-    private toggleEditDescription;
     private handleDescriptionChange;
     private openObject;
     private editValidation;

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

@@ -12,7 +12,10 @@ export declare class GxIdeNewObject {
     private descriptionEl;
     private moduleFolderEl;
     private descriptionModifiedByUser;
+    private nameModifiedByUser;
     private gxgShortcutsEl;
+    private categoryListBox;
+    private typeListBox;
     selectedCategory: TypeCategoryData | null;
     selectedType: TypeData | null;
     watchSelectedTypeHandler(): void;
@@ -39,6 +42,10 @@ export declare class GxIdeNewObject {
      * Default value for the Module/Folder field.
      */
     readonly defaultParent: EntityData;
+    /**
+     * Allows you to define the type selected by default when instantiating the dialog. Represented by the type identifier
+     */
+    readonly defaultTypeId: string;
     /**
      * 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.
      */
@@ -82,14 +89,21 @@ export declare class GxIdeNewObject {
      * Suspends or reactivates the shortcuts
      */
     suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
+    /**
+     * Scroll into view on both list-boxes. Only makes sense if defaultTypeId is not undefined, since otherwise in both list-boxes the initial selected item should be the first one, in which case is not needed to do scrollIntoView. Only call this method after the first render on new-object.
+     */
+    private scrollIntoViewListBoxes;
     private setFirstFocusableElement;
     private validateInitialName;
     private renderModuleFolder;
     /**
-     * This method initializes tha name value. It depends on 'this.selectedType'
+     * This method defines the initial selected category and type, and it thens initializes tha name value.
      */
     private init;
+    private setDefaultType;
     private getNameSuggestion;
+    private nameValueHandler;
+    private descriptionValueHandler;
     private onInputNameHandler;
     private onBlurNameHandler;
     private onNameValueChangedHandler;

package/dist/types/components.d.ts

@@ -353,6 +353,14 @@ export namespace Components {
           * Callback invoked when user tries to edit the Project Description. The edition is resolved by the host.
          */
         "editDescriptionCallback": () => Promise<void>;
+        /**
+          * This allows the environment name to be editable by the user.
+         */
+        "enableEditEnvironmentName": boolean;
+        /**
+          * This allows the kb to be editable by the user.
+         */
+        "enableEditKBName": boolean;
         /**
           * Information of the current environment.
          */
@@ -981,6 +989,10 @@ export namespace Components {
           * Default value for the Module/Folder field.
          */
         "defaultParent": EntityData;
+        /**
+          * Allows you to define the type selected by default when instantiating the dialog. Represented by the type identifier
+         */
+        "defaultTypeId": string;
         /**
           * If true it displays the component title on the header
          */
@@ -2518,6 +2530,14 @@ declare namespace LocalJSX {
           * Callback invoked when user tries to edit the Project Description. The edition is resolved by the host.
          */
         "editDescriptionCallback"?: () => Promise<void>;
+        /**
+          * This allows the environment name to be editable by the user.
+         */
+        "enableEditEnvironmentName"?: boolean;
+        /**
+          * This allows the kb to be editable by the user.
+         */
+        "enableEditKBName"?: boolean;
         /**
           * Information of the current environment.
          */
@@ -3174,6 +3194,10 @@ declare namespace LocalJSX {
           * Default value for the Module/Folder field.
          */
         "defaultParent"?: EntityData;
+        /**
+          * Allows you to define the type selected by default when instantiating the dialog. Represented by the type identifier
+         */
+        "defaultTypeId"?: string;
         /**
           * If true it displays the component title on the header
          */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.100",
+  "version": "0.0.102",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.2.108"
+    "@genexus/gemini": "*0.2.109"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.2.108",
+    "@genexus/gemini": "*0.2.109",
     "@stencil-community/eslint-plugin": "^0.6.0",
     "@stencil/core": "~4.9.0",
     "@stencil/sass": "~1.4.0",

package/dist/genexus-ide-ui/p-007a3368.entry.js

@@ -1,158 +0,0 @@
-import { r as e, c as r, a, h as i, H as t, g as o } from "./p-2776d2f9.js";
-
-import { L as s } from "./p-74d59062.js";
-
-import { c as l } from "./p-9c1b4eb9.js";
-
-import { f as n } from "./p-e8646b08.js";
-
-import { r as d } from "./p-4cfc2a85.js";
-
-const g = '.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:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.main{display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr;grid-template-areas:"kb-label kb-input " "server-label server-input" "auth-type-label auth-type-input" "user-name-label user-name-input" "password-label password-input"}.main .kb-name-label{grid-area:kb-label}.main .kb-input{grid-area:kb-input}.main .server-url-label{grid-area:server-label}.main .server-url-input{grid-area:server-input}.main .auth-type-label{grid-area:auth-type-label}.main .auth-type-input{grid-area:auth-type-input}.main .user-name-label{grid-area:user-name-label}.main .user-name-input{grid-area:user-name-input}.main .password-label{grid-area:password-label}.main .password-input{grid-area:password-input}';
-
-// Define your constants
-const p = [ "GeneXus Account", "Local" ];
-
-const c = class {
-  constructor(i) {
-    e(this, i);
-    this.componentDidRenderFirstTime = r(this, "componentDidRenderFirstTime", 7);
-    this.renderedFirstTime = false;
-    this.shortcutsSrc = a(`./gx-ide-assets/share-kb/shortcuts.json`);
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-        this.createKBCallbackHandler = async () => {
-      const e = {
-        name: this.kbNameEl.value,
-        serverUrl: this.serverUrlEl.value,
-        authenticationType: this.authTypeEl.value,
-        user: this.userNameEl.value,
-        password: this.passwordEl.value
-      };
-      const r = this.createKBCallback(e);
-      r.then((e => {
-        n(e, this);
-      }));
-    };
-    this.displayTitle = false;
-    this.kbName = undefined;
-    this.serverUrls = undefined;
-    this.enableCustomServer = undefined;
-    this.createKBCallback = undefined;
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await s.getComponentStrings(this.el);
-  }
-  componentDidLoad() {
-    this.kbNameEl.focus();
-  }
-  componentDidRender() {
-    if (!this.renderedFirstTime) {
-      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
-      this.renderedFirstTime = true;
-    }
-  }
-  // 9.LOCAL METHODS //
-  // 10.RENDER() FUNCTION //
-  render() {
-    return i(t, {
-      class: "gx-ide-component"
-    }, i("div", {
-      class: "gx-ide-main-wrapper"
-    }, i("gx-ide-container", {
-      containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
-      slimmerFooter: l.gxIdeContainer.slimmerFooter
-    }, i("main", {
-      class: "main"
-    }, i("gxg-label", {
-      labelPosition: "start",
-      class: "kb-label",
-      noMargin: true
-    }, this._componentLocale.main.kbName), i("gxg-form-text", {
-      labelPosition: "start",
-      placeholder: "SalesInventory",
-      "max-width": "100%",
-      value: this.kbName,
-      toolTip: l.tooltip,
-      ref: e => this.kbNameEl = e,
-      part: "kb-name",
-      class: "kb-input"
-    }), i("gxg-label", {
-      labelPosition: "start",
-      class: "server-url-label",
-      noMargin: true
-    }, this._componentLocale.main.serverUrl), i("gxg-combo-box", {
-      disableFilter: !this.enableCustomServer,
-      labelPosition: "start",
-      placeholder: "https://myexampleserver.com",
-      strict: true,
-      toolTip: l.tooltip,
-      value: this.serverUrls[0],
-      ref: e => this.serverUrlEl = e,
-      part: "server-url",
-      class: "server-url-input"
-    }, d("gxg-combo-box-item", this.serverUrls.map((e => ({
-      id: e,
-      label: e
-    }))), "server-url")), i("gxg-label", {
-      labelPosition: "start",
-      class: "auth-type-label",
-      noMargin: true
-    }, this._componentLocale.main.authentication), i("gxg-combo-box", {
-      labelPosition: "start",
-      placeholder: "https://myexampleserver.com",
-      "max-width": "100%",
-      value: p[0],
-      ref: e => this.authTypeEl = e,
-      part: "auth-type",
-      class: "auth-type-input"
-    }, d("gxg-combo-box-item", p.map((e => ({
-      id: e,
-      label: e
-    }))), "auth-type")), i("gxg-label", {
-      labelPosition: "start",
-      class: "user-name-label",
-      noMargin: true
-    }, this._componentLocale.main.userName), i("gxg-form-text", {
-      labelPosition: "start",
-      placeholder: "My User",
-      "max-width": "100%",
-      toolTip: l.tooltip,
-      ref: e => this.userNameEl = e,
-      part: "user-name",
-      class: "user-name-input"
-    }), i("gxg-label", {
-      labelPosition: "start",
-      class: "password-label",
-      noMargin: true
-    }, this._componentLocale.main.password), i("gxg-form-text", {
-      labelPosition: "start",
-      password: true,
-      toolTip: l.tooltip,
-      "max-width": "100%",
-      ref: e => this.passwordEl = e,
-      part: "password",
-      class: "password-input"
-    })), i("gxg-button", {
-      slot: "footer-end",
-      type: "primary-text-icon",
-      icon: "gemini-tools/share",
-      onClick: this.createKBCallbackHandler,
-      part: "share-kb"
-    }, this._componentLocale.footer.shareBtn))), i("gxg-shortcuts", {
-      src: this.shortcutsSrc
-    }));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/share-kb" ];
-  }
-  get el() {
-    return o(this);
-  }
-};
-
-c.style = g;
-
-export { c as gx_ide_share_kb };
-//# sourceMappingURL=p-007a3368.entry.js.map