@genexus/genexus-ide-ui 0.0.56 → 0.0.58

package/dist/components/gx-grid-chameleon.js

@@ -1,16 +1,17 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$g } from './ch-grid2.js';
-import { d as defineCustomElement$f } from './ch-grid-action-refresh2.js';
-import { d as defineCustomElement$e } from './ch-grid-action-settings2.js';
-import { d as defineCustomElement$d } from './ch-grid-actionbar2.js';
-import { d as defineCustomElement$c } from './ch-grid-column2.js';
-import { d as defineCustomElement$b } from './ch-grid-column-resize2.js';
-import { d as defineCustomElement$a } from './ch-grid-column-settings2.js';
-import { d as defineCustomElement$9 } from './ch-grid-columnset2.js';
-import { d as defineCustomElement$8 } from './ch-grid-settings2.js';
-import { d as defineCustomElement$7 } from './ch-grid-settings-columns2.js';
-import { d as defineCustomElement$6 } from './ch-paginator2.js';
-import { d as defineCustomElement$5 } from './ch-paginator-navigate2.js';
+import { d as defineCustomElement$h } from './ch-grid2.js';
+import { d as defineCustomElement$g } from './ch-grid-action-refresh2.js';
+import { d as defineCustomElement$f } from './ch-grid-action-settings2.js';
+import { d as defineCustomElement$e } from './ch-grid-actionbar2.js';
+import { d as defineCustomElement$d } from './ch-grid-column2.js';
+import { d as defineCustomElement$c } from './ch-grid-column-resize2.js';
+import { d as defineCustomElement$b } from './ch-grid-column-settings2.js';
+import { d as defineCustomElement$a } from './ch-grid-columnset2.js';
+import { d as defineCustomElement$9 } from './ch-grid-settings2.js';
+import { d as defineCustomElement$8 } from './ch-grid-settings-columns2.js';
+import { d as defineCustomElement$7 } from './ch-paginator2.js';
+import { d as defineCustomElement$6 } from './ch-paginator-navigate2.js';
+import { d as defineCustomElement$5 } from './ch-paginator-pages2.js';
 import { d as defineCustomElement$4 } from './ch-window2.js';
 import { d as defineCustomElement$3 } from './ch-window-close2.js';
 import { d as defineCustomElement$2 } from './gx-grid-chameleon-column-filter2.js';
@@ -47,6 +48,16 @@ function paginationGoToLastPage(grid) {
     grid.changeGridPage("LAST");
   }
 }
+function paginationGoToPage(grid, page) {
+  if (page === 1) {
+    grid.changeGridPage("FIRST");
+  }
+  else {
+    grid.firstRecordOnPage = (grid.pageSize * (page - 1) -
+      grid.pageSize).toString();
+    grid.changeGridPage("NEXT");
+  }
+}
 
 function gridRefresh(grid) {
   grid.ParentObject.refreshGrid(grid.ControlName);
@@ -224,6 +235,9 @@ const GridChameleon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       case "last":
         paginationGoToLastPage(this.grid);
         break;
+      case "goto":
+        paginationGoToPage(this.grid, eventInfo.detail.page);
+        break;
     }
   }
   refreshClickedHandler() {
@@ -370,11 +384,16 @@ const GridChameleon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return control.getHtml();
   }
   renderPaginator() {
-    return (h("ch-paginator", { class: this.grid.pagingBarClass, slot: "footer" }, this.renderPaginatorNavigate("first", this.grid.isFirstPage(), this.grid.pagingButtonFirstClass, gx.getMessage("GXM_first")), this.renderPaginatorNavigate("previous", this.grid.isFirstPage(), this.grid.pagingButtonPreviousClass, gx.getMessage("GXM_previous")), this.renderPaginatorNavigate("next", this.grid.isLastPage(), this.grid.pagingButtonNextClass, gx.getMessage("GXM_next")), this.renderPaginatorNavigate("last", this.grid.isLastPage(), this.grid.pagingButtonLastClass, gx.getMessage("GXM_last"))));
+    var _a;
+    const recordCount = (_a = this.grid.ParentObject[`sub${this.grid.ControlName}_Recordcount`]) !== null && _a !== void 0 ? _a : 0;
+    const hasNextPage = !this.grid.isLastPage();
+    const activePage = Math.ceil((parseInt(this.grid.firstRecordOnPage) + 1) / this.grid.pageSize);
+    const totalPages = Math.ceil(recordCount / this.grid.pageSize);
+    return (h("ch-paginator", { "has-next-page": totalPages === 0 ? hasNextPage : null, "active-page": activePage, "total-pages": totalPages !== 0 ? totalPages : null, class: this.grid.pagingBarClass, slot: "footer" }, this.renderPaginatorNavigate("first", this.grid.pagingButtonFirstClass, gx.getMessage("GXM_first")), this.renderPaginatorNavigate("previous", this.grid.pagingButtonPreviousClass, gx.getMessage("GXM_previous")), this.grid.PaginatorPagesShow && (h("ch-paginator-pages", { maxSize: this.grid.PaginatorPagesMaxSize })), this.renderPaginatorNavigate("next", this.grid.pagingButtonNextClass, gx.getMessage("GXM_next")), this.renderPaginatorNavigate("last", this.grid.pagingButtonLastClass, gx.getMessage("GXM_last"))));
   }
-  renderPaginatorNavigate(type, disabled, className, text) {
+  renderPaginatorNavigate(type, className, text) {
     const textPosition = this.grid.PaginatorNavigationButtonTextPosition;
-    return (h("ch-paginator-navigate", { type: type, disabled: disabled, class: className, title: textPosition === "title" ? text : "" }, textPosition === "text" ? text : ""));
+    return (h("ch-paginator-navigate", { type: type, class: className, title: textPosition === "title" ? text : "" }, textPosition === "text" ? text : ""));
   }
   render() {
     return (h(Host, null, h("ch-grid", { class: this.grid.Class, rowSelectionMode: this.grid.gxAllowSelection ? "single" : "none", rowSelectedClass: this.grid.RowSelectedClass.trim(), rowHighlightedClass: this.grid.RowHighlightedClass.trim() }, this.grid.header && this.renderTitle(), this.renderActionbar("header", this.grid.ActionbarHeaderClass), this.renderActionbar("footer", this.grid.ActionbarFooterClass), this.renderColumns(), this.renderRows(), this.grid.PaginatorShow &&
@@ -389,12 +408,12 @@ const GridChameleon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "grid": [16],
     "gridTimestamp": [1026, "grid-timestamp"],
     "state": [16]
-  }, [[0, "selectionChanged", "selectionChangedHandler"], [0, "rowClicked", "cellClickedHandler"], [0, "navigateClicked", "navigateClickedHandler"], [0, "refreshClicked", "refreshClickedHandler"], [0, "columnHiddenChanged", "columnHiddenChangedHandler"], [0, "columnSizeChanging", "columnSizeChangedHandler"], [0, "columnSizeChanged", "columnSizeChangedHandler"], [0, "columnFreezeChanged", "columnFreezeChangedHandler"], [0, "columnSortChanged", "columnSortChangedHandler"], [0, "columnOrderChanged", "columnOrderChangedHandler"], [0, "columnSettingsChanged", "columnFilterChangedHandler"]]]);
+  }, [[0, "selectionChanged", "selectionChangedHandler"], [0, "rowClicked", "cellClickedHandler"], [0, "pageNavigationRequested", "navigateClickedHandler"], [0, "refreshClicked", "refreshClickedHandler"], [0, "columnHiddenChanged", "columnHiddenChangedHandler"], [0, "columnSizeChanging", "columnSizeChangedHandler"], [0, "columnSizeChanged", "columnSizeChangedHandler"], [0, "columnFreezeChanged", "columnFreezeChangedHandler"], [0, "columnSortChanged", "columnSortChangedHandler"], [0, "columnOrderChanged", "columnOrderChangedHandler"], [0, "columnSettingsChanged", "columnFilterChangedHandler"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["gx-grid-chameleon", "ch-grid", "ch-grid-action-refresh", "ch-grid-action-settings", "ch-grid-actionbar", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-settings", "ch-grid-settings-columns", "ch-paginator", "ch-paginator-navigate", "ch-window", "ch-window-close", "gx-grid-chameleon-column-filter"];
+  const components = ["gx-grid-chameleon", "ch-grid", "ch-grid-action-refresh", "ch-grid-action-settings", "ch-grid-actionbar", "ch-grid-column", "ch-grid-column-resize", "ch-grid-column-settings", "ch-grid-columnset", "ch-grid-settings", "ch-grid-settings-columns", "ch-paginator", "ch-paginator-navigate", "ch-paginator-pages", "ch-window", "ch-window-close", "gx-grid-chameleon-column-filter"];
   components.forEach(tagName => { switch (tagName) {
     case "gx-grid-chameleon":
       if (!customElements.get(tagName)) {
@@ -403,60 +422,65 @@ function defineCustomElement$1() {
       break;
     case "ch-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "ch-grid-action-refresh":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "ch-grid-action-settings":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "ch-grid-actionbar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "ch-grid-column":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "ch-grid-column-resize":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "ch-grid-column-settings":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "ch-grid-columnset":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "ch-grid-settings":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "ch-grid-settings-columns":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "ch-paginator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "ch-paginator-navigate":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "ch-paginator-pages":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }

package/dist/components/gx-ide-new-kb.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
+import { c as config } from './config.js';
 import { g as getSelectedGxOption, r as renderFormItems } from './common.js';
 import { f as formSubmitValidation } from './form-validation.js';
 import { d as defineCustomElement$i } from './icon.js';
@@ -180,26 +181,26 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     };
     // 10.RENDER() FUNCTION //
     this.renderTabBasic = () => {
-      return (h("gxg-tab", { tab: "basic", "no-padding": true, flexContainer: true }, h("gx-ide-container", { displayBorderBottom: true }, h("div", { class: "grid basic-row-first" }, h("gxg-combo-box", { disableFilter: true, label: this._componentLocale.tabBasic.prototypingTarget.label, value: getSelectedGxOption(this.prototypingTargets), ref: (el) => (this.prototypingTargetEl = el), disabled: this.prototypingTargets.length === 0, placeholder: this.prototypingTargets.length === 0
+      return (h("gxg-tab", { tab: "basic", "no-padding": true, flexContainer: true }, h("gx-ide-container", { displayBorderBottom: true }, h("div", { class: "grid basic-row-first" }, h("gxg-combo-box", { disableFilter: true, toolTip: config.tooltip, label: this._componentLocale.tabBasic.prototypingTarget.label, value: getSelectedGxOption(this.prototypingTargets), ref: (el) => (this.prototypingTargetEl = el), disabled: this.prototypingTargets.length === 0, placeholder: this.prototypingTargets.length === 0
           ? this._componentLocale.tabBasic.prototypingTarget
             .disabledPlaceholder
-          : "", onValueChanged: this.prototypingTargetValueChangedHandler, class: "prototyping-target", part: "prototyping-target" }, renderFormItems("gxg-combo-box-item", this.prototypingTargets, "prototyping-target")), h("gxg-combo-box", { disableFilter: true, label: this._componentLocale.tabBasic.userInterfaceLanguage.label, value: getSelectedGxOption(this.userInterfaceLanguages), placeholder: this.userInterfaceLanguages.length === 0
+          : "", onValueChanged: this.prototypingTargetValueChangedHandler, class: "prototyping-target", part: "prototyping-target" }, renderFormItems("gxg-combo-box-item", this.prototypingTargets, "prototyping-target")), h("gxg-combo-box", { disableFilter: true, toolTip: config.tooltip, label: this._componentLocale.tabBasic.userInterfaceLanguage.label, value: getSelectedGxOption(this.userInterfaceLanguages), placeholder: this.userInterfaceLanguages.length === 0
           ? this._componentLocale.tabBasic.userInterfaceLanguage
             .disabledPlaceholder
-          : "", disabled: this.userInterfaceLanguages.length === 0, ref: (el) => (this.userInterfaceLanguageEl = el), class: "user-interface-language", part: "user-interface-language" }, renderFormItems("gxg-combo-box-item", this.userInterfaceLanguages, "user-interface-language")))), h("div", { class: "grid basic-row-second" }, h("gx-ide-container", { noHeadingBorder: true, containerTitle: this._componentLocale.tabBasic.backEnd.backEndLabel }, h("gxg-combo-box", { disableFilter: true, label: this._componentLocale.tabBasic.backEnd.prototypingEnvironment
+          : "", disabled: this.userInterfaceLanguages.length === 0, ref: (el) => (this.userInterfaceLanguageEl = el), class: "user-interface-language", part: "user-interface-language" }, renderFormItems("gxg-combo-box-item", this.userInterfaceLanguages, "user-interface-language")))), h("div", { class: "grid basic-row-second" }, h("gx-ide-container", { noHeadingBorder: true, containerTitle: this._componentLocale.tabBasic.backEnd.backEndLabel }, h("gxg-combo-box", { disableFilter: true, toolTip: config.tooltip, label: this._componentLocale.tabBasic.backEnd.prototypingEnvironment
           .label, value: getSelectedGxOption(this.prototypingEnvironments), placeholder: this.prototypingEnvironments.length === 0
           ? this._componentLocale.tabBasic.backEnd
             .prototypingEnvironment.disabledPlaceholder
-          : "", disabled: this.prototypingEnvironments.length === 0, ref: (el) => (this.prototypingEnvironmentEl = el), onValueChanged: this.prototypingEnvironmentValueChangedHandler, class: "prototyping-environment", part: "prototyping-environment" }, renderFormItems("gxg-combo-box-item", this.prototypingEnvironments, "prototyping-environment")), h("gxg-combo-box", { label: this._componentLocale.tabBasic.backEnd.dataSource.label, disableFilter: true, value: getSelectedGxOption(this.defaultDataSources), placeholder: this.defaultDataSources.length === 0
+          : "", disabled: this.prototypingEnvironments.length === 0, ref: (el) => (this.prototypingEnvironmentEl = el), onValueChanged: this.prototypingEnvironmentValueChangedHandler, class: "prototyping-environment", part: "prototyping-environment" }, renderFormItems("gxg-combo-box-item", this.prototypingEnvironments, "prototyping-environment")), h("gxg-combo-box", { label: this._componentLocale.tabBasic.backEnd.dataSource.label, toolTip: config.tooltip, disableFilter: true, value: getSelectedGxOption(this.defaultDataSources), placeholder: this.defaultDataSources.length === 0
           ? this._componentLocale.tabBasic.backEnd.dataSource
             .disabledPlaceholder
           : "", disabled: this.defaultDataSources.length === 0, ref: (el) => (this.dataSourceEl = el), class: "data-source", part: "data-source" }, renderFormItems("gxg-combo-box-item", this.defaultDataSources, "data-source"))), h("gx-ide-container", { noHeadingBorder: true, containerTitle: this._componentLocale.tabBasic.frontEnd.frontEndLabel }, h("gxg-form-checkbox-group", { ref: el => (this.frontEndsEl = el) }, renderFormItems("gxg-form-checkbox", this.frontEnds, "front-end"))))));
     };
     this.renderTabAdvanced = () => {
-      return (h("gxg-tab", { tab: "advanced", "no-padding": true, flexContainer: true }, h("gx-ide-container", { displayBorderBottom: true, containerTitle: this._componentLocale.tabAdvanced.tabTitle }), h("div", { class: "grid knowledge-base-storage" }, h("gx-ide-container", null, h("div", { class: "grid knowledge-base-storage__col-left" }, h("gxg-combo-box", { label: this._componentLocale.tabAdvanced.serverName.label, disableFilter: true, value: getSelectedGxOption(this.serverNames), placeholder: this.serverNames.length === 0
+      return (h("gxg-tab", { tab: "advanced", "no-padding": true, flexContainer: true }, h("gx-ide-container", { displayBorderBottom: true, containerTitle: this._componentLocale.tabAdvanced.tabTitle }), h("div", { class: "grid knowledge-base-storage" }, h("gx-ide-container", null, h("div", { class: "grid knowledge-base-storage__col-left" }, h("gxg-combo-box", { label: this._componentLocale.tabAdvanced.serverName.label, disableFilter: true, toolTip: config.tooltip, value: getSelectedGxOption(this.serverNames), placeholder: this.serverNames.length === 0
           ? this._componentLocale.tabAdvanced.serverName
             .disabledPlaceholder
-          : "", disabled: this.serverNames.length === 0, ref: (el) => (this.serverNameEl = el), class: "server-name-combo-box", part: "server-name", onValueChanged: this.evaluateCreateDataInKbDisabled }, renderFormItems("gxg-combo-box-item", this.serverNames, "server-name")), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/search", class: "server-name-button", part: "search-server-name" }), h("gxg-form-text", { labelPosition: "above", label: this._componentLocale.tabAdvanced.databaseName.label, placeholder: "MyDatabase", ref: (el) => (this.databaseNameEl = el), value: this.databaseName, class: "database-name", part: "database-name" }), h("gxg-combo-box", { label: this._componentLocale.tabAdvanced.collation.label, disableFilter: true, value: getSelectedGxOption(this.collations), ref: (el) => (this.collationEl = el), placeholder: this.collations.length === 0
+          : "", disabled: this.serverNames.length === 0, ref: (el) => (this.serverNameEl = el), class: "server-name-combo-box", part: "server-name", onValueChanged: this.evaluateCreateDataInKbDisabled }, renderFormItems("gxg-combo-box-item", this.serverNames, "server-name")), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/search", class: "server-name-button", part: "search-server-name" }), h("gxg-form-text", { labelPosition: "above", label: this._componentLocale.tabAdvanced.databaseName.label, placeholder: "MyDatabase", ref: (el) => (this.databaseNameEl = el), value: this.databaseName, class: "database-name", part: "database-name" }), h("gxg-combo-box", { label: this._componentLocale.tabAdvanced.collation.label, disableFilter: true, toolTip: config.tooltip, value: getSelectedGxOption(this.collations), ref: (el) => (this.collationEl = el), placeholder: this.collations.length === 0
           ? this._componentLocale.tabAdvanced.collation
             .disabledPlaceholder
           : "", disabled: this.serverNames.length === 0, class: "collation-combo-box", part: "collation" }, renderFormItems("gxg-combo-box-item", this.collations, "collation")), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/reset", class: "collation-button", part: "reset-collation" }), h("gxg-form-checkbox", { label: this._componentLocale.tabAdvanced.createDataFilesInKbFolder, ref: (el) => (this.createDataFilesInKBFolderEl =
@@ -207,10 +208,10 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
           "grid": true,
           "knowledge-base-storage__col-right": true,
           "knowledge-base-storage__col-right--windows-authentication": !this.userNameVisible
-        } }, h("gxg-combo-box", { label: this._componentLocale.tabAdvanced.authenticationType.label, disableFilter: true, value: getSelectedGxOption(this.authenticationTypes), ref: (el) => (this.authenticationTypeEl = el), placeholder: this.authenticationTypes.length === 0
+        } }, h("gxg-combo-box", { label: this._componentLocale.tabAdvanced.authenticationType.label, disableFilter: true, toolTip: config.tooltip, value: getSelectedGxOption(this.authenticationTypes), ref: (el) => (this.authenticationTypeEl = el), placeholder: this.authenticationTypes.length === 0
           ? this._componentLocale.tabAdvanced.authenticationType
             .disabledPlaceholder
-          : "", disabled: this.authenticationTypes.length === 0, class: "authentication-type", part: "authentication-type", onValueChanged: this.evaluateAuthenticationType }, renderFormItems("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), this.userNameVisible ? (h("gxg-form-text", { labelPosition: "above", label: this._componentLocale.tabAdvanced.userName.label, ref: (el) => (this.userNameEl = el), value: this.userName, class: "user-name", part: "user-name" })) : null, this.passwordVisible ? (h("gxg-form-text", { labelPosition: "above", label: this._componentLocale.tabAdvanced.password.label, password: true, ref: (el) => (this.passwordEl = el), value: this.password, class: "password", part: "password" })) : null, this.savePasswordVisible ? (h("gxg-form-checkbox", { label: this._componentLocale.tabAdvanced.savePassword, ref: (el) => (this.savePasswordEl = el), checked: this.savePassword, class: "save-password", part: "save-password" })) : null)))));
+          : "", disabled: this.authenticationTypes.length === 0, class: "authentication-type", part: "authentication-type", onValueChanged: this.evaluateAuthenticationType }, renderFormItems("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), this.userNameVisible ? (h("gxg-form-text", { labelPosition: "above", toolTip: config.tooltip, label: this._componentLocale.tabAdvanced.userName.label, ref: (el) => (this.userNameEl = el), value: this.userName, class: "user-name", part: "user-name" })) : null, this.passwordVisible ? (h("gxg-form-text", { labelPosition: "above", label: this._componentLocale.tabAdvanced.password.label, password: true, toolTip: config.tooltip, ref: (el) => (this.passwordEl = el), value: this.password, class: "password", part: "password" })) : null, this.savePasswordVisible ? (h("gxg-form-checkbox", { label: this._componentLocale.tabAdvanced.savePassword, ref: (el) => (this.savePasswordEl = el), checked: this.savePassword, class: "save-password", part: "save-password" })) : null)))));
     };
     this.createDataInKbDisabled = false;
     this.userNameVisible = true;
@@ -257,7 +258,7 @@ const GxIdeNewKb$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         "header": true,
         "grid": true,
         "header--is-advanced": this.isAdvanced
-      } }, h("gxg-label", { labelPosition: "start", class: "kb-label", noMargin: true }, this._componentLocale.header.kbName), h("gxg-form-text", { labelPosition: "start", placeholder: "SalesInventory", "max-width": "100%", value: this.kbName, ref: (el) => (this.kbNameEl = el), part: "kb-name", class: "kb-input" }), this.isAdvanced
+      } }, h("gxg-label", { labelPosition: "start", class: "kb-label", noMargin: true }, this._componentLocale.header.kbName), h("gxg-form-text", { labelPosition: "start", placeholder: "SalesInventory", "max-width": "100%", value: this.kbName, toolTip: config.tooltip, ref: (el) => (this.kbNameEl = el), part: "kb-name", class: "kb-input" }), this.isAdvanced
       ? [
         h("gxg-label", { labelPosition: "start", class: "location-label" }, this._componentLocale.header.kbLocation),
         h("gxg-form-text", { labelPosition: "start", placeholder: "C:\\Models", maxWidth: "100%", value: this.kbLocation, ref: (el) => (this.locationEl = el), disabled: !this.isAdvanced, part: "kb-location", class: "location-input" }),

package/dist/components/gx-ide-new-object.js

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
+import { c as config } from './config.js';
 import { d as defineCustomElement$d } from './icon.js';
 import { d as defineCustomElement$c } from './entity-selector.js';
 import { d as defineCustomElement$b } from './button.js';
@@ -167,7 +168,7 @@ const GxIdeNewObject$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
         "gxi-new-object--shadow": this.shadow
       } }, h("div", { class: "gx-ide-main-wrapper gx-ide-overflow" }, h("main", { class: "main" }, h("gxg-container", { displayBorderBottom: true }, h("div", { class: "grid first-row" }, this.typeCategories.length > 0 ? (h("gxg-list-box", { "single-selection": true, "the-title": this._componentLocale.categorySelectionTitle, onSelectionChanged: this.categoryOnSelectionChangedHandler }, this.typeCategories.map(category => (h("gxg-list-box-item", { key: category.id, value: category.id, icon: category.icon, part: `category-${category.id}` }, category.name))))) : null, this.selectedCategory.types.length > 0 ? (h("gxg-list-box", { "single-selection": true, theTitle: this.selectedCategory.name
         ? `${this.selectedCategory.name} ${this._componentLocale.typeSelectionTitleSuffix}`
-        : this._componentLocale.typeSelectionTitle, key: this.selectedCategory.id, onSelectionChanged: this.typeOnSelectionChangedHandler }, this.selectedCategory.types.map(type => (h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, part: `type-${this.selectedCategory.id}-${type.id}` }, type.name))))) : (h("p", null, "No Categories to display")), h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description))), h("gxg-container", null, h("div", { class: "grid" }, h("header", { class: "header grid" }, h("gxg-label", { labelPosition: "start" }, this._componentLocale.name), h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.nameEl = el), onInput: this.onInputNameHandler, onBlur: this.onBlurNameHandler, onValueChanged: this.onNameValueChangedHandler, debounce: true, part: "name", "display-validation-styles": true, "display-validation-message": true }), h("gxg-label", { labelPosition: "start" }, this._componentLocale.description), h("gxg-form-text", { "label-position": "start", placeholder: "Description", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.descriptionEl = el), onInput: this.onInputDescriptionHandler, part: "description", "display-validation-styles": true, "display-validation-message": true }), this.renderModuleFolder()))), h("gxg-container", { displayBorderTop: true }, h("gxg-button", { id: "button-create", slot: "footer", type: "primary-text-only", onClick: this.createCallbackHandler, disabled: !this.nameIsValid, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnCreate), h("gxg-button", { id: "button-cancel", slot: "footer", type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
+        : this._componentLocale.typeSelectionTitle, key: this.selectedCategory.id, onSelectionChanged: this.typeOnSelectionChangedHandler }, this.selectedCategory.types.map(type => (h("gxg-list-box-item", { key: `${this.selectedCategory.id}-${type.id}`, icon: type.icon, part: `type-${this.selectedCategory.id}-${type.id}` }, type.name))))) : (h("p", null, "No Categories to display")), h("gxg-title", { type: "title-05" }, (_a = this.selectedType) === null || _a === void 0 ? void 0 : _a.description))), h("gxg-container", null, h("div", { class: "grid" }, h("header", { class: "header grid" }, h("gxg-label", { labelPosition: "start" }, this._componentLocale.name), h("gxg-form-text", { "label-position": "start", placeholder: "Name", "max-width": "100%", value: this.selectedType.name, toolTip: config.tooltip, ref: (el) => (this.nameEl = el), onInput: this.onInputNameHandler, onBlur: this.onBlurNameHandler, onValueChanged: this.onNameValueChangedHandler, debounce: true, part: "name", "display-validation-styles": true, "display-validation-message": true }), h("gxg-label", { labelPosition: "start" }, this._componentLocale.description), h("gxg-form-text", { "label-position": "start", placeholder: "Description", "max-width": "100%", value: this.selectedType.name, ref: (el) => (this.descriptionEl = el), onInput: this.onInputDescriptionHandler, part: "description", "display-validation-styles": true, "display-validation-message": true }), this.renderModuleFolder()))), h("gxg-container", { displayBorderTop: true }, h("gxg-button", { id: "button-create", slot: "footer", type: "primary-text-only", onClick: this.createCallbackHandler, disabled: !this.nameIsValid, part: "gxg-button gxg-button--create" }, this._componentLocale.footer.btnCreate), h("gxg-button", { id: "button-cancel", slot: "footer", type: "outlined", onClick: this.cancelCallbackHandler, part: "gxg-button gxg-button--cancel" }, this._componentLocale.footer.btnCancel))))));
   }
   static get assetsDirs() { return ["gx-ide-assets/new-object"]; }
   get el() { return this; }