npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.144 → 0.0.146 - Mend

@genexus/genexus-ide-ui 0.0.144 → 0.0.146

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/dist/collection/components/gam-installation-settings/gam-installation-settings.js CHANGED Viewed

@@ -54,7 +54,8 @@ export class GxIdeGamInstallationSettings {
                 ]));
         };
         this.renderFilters = () => {
-            return (h("div", { class: "filters" }, h("gxg-title", { type: "title-05" }, this._componentLocale.filters.filtersHeading), h("div", { class: "filters__wrapper" }, h("div", { class: "filters__wrapper-left" }, h("gxg-label", { labelPosition: "above", center: false }, "Front End Objects"), h("div", { class: "filters__front-end-objects" }, h("gxg-form-checkbox", { label: this._componentLocale.filters.webPanelsCheckbox, part: "web-panels-checkbox", slot: "footer-start", ref: (el) => (this.webPanelsCheckboxEl = el) }), h("gxg-form-checkbox", { label: this._componentLocale.filters.panelsCheckbox, part: "panels-checkbox", slot: "footer-start", ref: (el) => (this.panelsCheckboxEl = el) }))), h("div", { class: "filters__wrapper-right" }, h("gxg-combo-box", { label: this._componentLocale.filters.futureUpgradesComboLabel, disableFilter: true, part: "future-upgrades-combo", ref: (el) => (this.futureUpgradesComboEl = el) }, h("gxg-combo-box-item", { value: "automatic" }, this._componentLocale.manageFutureUpgrades
+            var _a;
+            return (h("div", { class: "filters" }, h("gxg-title", { type: "title-05" }, this._componentLocale.filters.filtersHeading), h("div", { class: "filters__wrapper" }, h("div", { class: "filters__wrapper-left" }, h("gxg-label", { labelPosition: "above", center: false }, "Front End Objects"), h("div", { class: "filters__front-end-objects" }, h("gxg-form-checkbox", { label: this._componentLocale.filters.webPanelsCheckbox, part: "web-panels-checkbox", slot: "footer-start", ref: (el) => (this.webPanelsCheckboxEl = el), checked: (_a = this.defaultConfiguration) === null || _a === void 0 ? void 0 : _a.importWebPanels }), h("gxg-form-checkbox", { label: this._componentLocale.filters.panelsCheckbox, part: "panels-checkbox", slot: "footer-start", ref: (el) => (this.panelsCheckboxEl = el), checked: this.defaultConfiguration.importPanels && this.canSelectPanels, disabled: !this.canSelectPanels }))), h("div", { class: "filters__wrapper-right" }, h("gxg-combo-box", { label: this._componentLocale.filters.futureUpgradesComboLabel, disableFilter: true, part: "future-upgrades-combo", ref: (el) => (this.futureUpgradesComboEl = el), value: this.defaultConfiguration.futureUpgrades }, h("gxg-combo-box-item", { value: "automatic" }, this._componentLocale.manageFutureUpgrades
                 .installAutomatically), h("gxg-combo-box-item", { value: "prompt" }, this._componentLocale.manageFutureUpgrades.promptMe), h("gxg-combo-box-item", { value: "never" }, this._componentLocale.manageFutureUpgrades.neverUpdate))))));
         };
         this.fileName = "";
@@ -65,6 +66,12 @@ export class GxIdeGamInstallationSettings {
         this.repairCallback = undefined;
         this.saveCallback = undefined;
         this.cancelCallback = undefined;
+        this.defaultConfiguration = {
+            importWebPanels: true,
+            importPanels: false,
+            futureUpgrades: "prompt"
+        };
+        this.canSelectPanels = false;
     }
     // 6.COMPONENT LIFECYCLE METHODS //
     async componentWillLoad() {
@@ -202,6 +209,46 @@ export class GxIdeGamInstallationSettings {
                     "tags": [],
                     "text": "Callback invoked when the user wants to cancel the exportation process"
                 }
+            },
+            "defaultConfiguration": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GamConfigData | undefined",
+                    "resolved": "{ importWebPanels: boolean; importPanels: boolean; futureUpgrades: \"prompt\" | \"never\" | \"automatic\"; }",
+                    "references": {
+                        "GamConfigData": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/gam-installation-settings/gam-installation-settings.tsx",
+                            "id": "src/components/gam-installation-settings/gam-installation-settings.tsx::GamConfigData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines the default configuration property. Necessary for initializing the dialogue\nusing stored 'game config data' from the server. If undefined, default values are\napplied."
+                },
+                "defaultValue": "{\n    importWebPanels: true,\n    importPanels: false,\n    futureUpgrades: \"prompt\"\n  }"
+            },
+            "canSelectPanels": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Property determining 'Panels' checkbox activation. Enabled only if an SD generator is\npresent in the KB. If not, checkbox is disabled"
+                },
+                "attribute": "can-select-panels",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/gam-installation-settings/gam-installation-settings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gam-installation-settings.js","sourceRoot":"","sources":["../../../src/components/gam-installation-settings/gam-installation-settings.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS /\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\n/ CUSTOM IMPORTS /\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n tag: \"gx-ide-gam-installation-settings\",\n styleUrl: \"gam-installation-settings.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n // 1.OWN PROPERTIES //\n\n /\n The component hard-coded strings translations.\n /\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n // 3.STATE() VARIABLES //\n\n /\n Current value for Used in objects\n /\n\n @State() fileName: string = \"\";\n @State() selectedFile: File;\n @State() importingIsInProcess = false;\n\n // 4.PUBLIC PROPERTY API \| WATCH'S //\n\n /\n If true it displays the component title on the header\n /\n @Prop() readonly displayTitle = false;\n\n /\n Specifies the configuration type to be used\n /\n @Prop() readonly configurationType: \"installation\" \| \"update\" =\n \"installation\";\n\n /\n Callback invoked when the user press repair button\n /\n @Prop() readonly repairCallback: RepairCallback;\n\n /\n Callback invoked when the user wants to start the exportation process\n /\n @Prop() readonly saveCallback: SaveCallback;\n\n /\n Callback invoked when the user wants to cancel the exportation process\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n // 5.EVENTS (EMIT) //\n\n /\n @description Gets fired when the component has rendered for the first time.\n /\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private repairCallbackHandler = async () => {\n if (this.saveCallback) {\n const data: GamConfigData = {\n importWebPanels: this.webPanelsCheckboxEl.checked,\n importPanels: this.panelsCheckboxEl.checked,\n futureUpgrades: this.futureUpgradesComboEl.value\n ? this.futureUpgradesComboEl.value\n : null\n };\n await this.repairCallback(data);\n }\n };\n\n private saveCallbackHandler = async () => {\n if (this.saveCallback) {\n const data: GamConfigData = {\n importWebPanels: this.webPanelsCheckboxEl.checked,\n importPanels: this.panelsCheckboxEl.checked,\n futureUpgrades: this.futureUpgradesComboEl.value\n ? this.futureUpgradesComboEl.value\n : null\n };\n await this.saveCallback(data);\n }\n };\n private cancelCallbackHandler = () => {\n this.cancelCallback();\n };\n\n / Renders/\n private renderHeader = () => {\n return (\n <header class=\"header\" slot=\"header\">\n {this.configurationType === \"installation\"\n ? [\n <gxg-text type=\"text-regular\">\n {\n this._componentLocale.header.headerTextInstallation\n .firstSentence\n }\n </gxg-text>,\n <gxg-text type=\"text-regular\">\n {\n this._componentLocale.header.headerTextInstallation\n .secondSentence\n }\n </gxg-text>,\n <gxg-text type=\"text-regular\">\n {\n this._componentLocale.header.headerTextInstallation\n .thirdSentence\n }\n </gxg-text>\n ]\n : [\n <gxg-text type=\"text-regular\">\n {this._componentLocale.header.headerTextUpdate.firstSentence}\n </gxg-text>,\n <gxg-text type=\"text-regular\">\n {this._componentLocale.header.headerTextUpdate.secondSentence}\n </gxg-text>\n ]}\n {/ header text */}\n </header>\n );\n };\n\n private renderFilters = () => {\n return (\n <div class=\"filters\">\n <gxg-title type=\"title-05\">\n {this._componentLocale.filters.filtersHeading}\n </gxg-title>\n\n <div class=\"filters__wrapper\">\n <div class=\"filters__wrapper-left\">\n <gxg-label labelPosition=\"above\" center={false}>\n Front End Objects\n </gxg-label>\n <div class=\"filters__front-end-objects\">\n <gxg-form-checkbox\n label={this._componentLocale.filters.webPanelsCheckbox}\n part=\"web-panels-checkbox\"\n slot=\"footer-start\"\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n <gxg-form-checkbox\n label={this._componentLocale.filters.panelsCheckbox}\n part=\"panels-checkbox\"\n slot=\"footer-start\"\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n </div>\n </div>\n <div class=\"filters__wrapper-right\">\n <gxg-combo-box\n label={this._componentLocale.filters.futureUpgradesComboLabel}\n disableFilter\n part=\"future-upgrades-combo\"\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n }\n >\n <gxg-combo-box-item value=\"automatic\">\n {\n this._componentLocale.manageFutureUpgrades\n .installAutomatically\n }\n </gxg-combo-box-item>\n <gxg-combo-box-item value=\"prompt\">\n {this._componentLocale.manageFutureUpgrades.promptMe}\n </gxg-combo-box-item>\n <gxg-combo-box-item value=\"never\">\n {this._componentLocale.manageFutureUpgrades.neverUpdate}\n </gxg-combo-box-item>\n </gxg-combo-box>\n </div>\n </div>\n </div>\n );\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n noHeadingPadding\n headingPaddingTop\n noContentPadding\n noContentGap\n noAboveFooterPadding\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n {this.renderHeader()}\n {this.renderFilters()}\n <div class=\"footer-above\" slot=\"footer-above\">\n {this.configurationType === \"update\" ? (\n <div class=\"footer-above__left\">\n <p>{this._componentLocale.footer.footerRepairText}</p>\n </div>\n ) : null}\n\n <div class=\"footer-above__right\">\n {this.configurationType === \"update\" ? (\n [\n <p>{this._componentLocale.footer.footerSaveText}</p>,\n <p>{this._componentLocale.footer.footerCancelText}</p>\n ]\n ) : (\n // configurationType is \"installation\"\n <p>{this._componentLocale.footer.enableSecurity}</p>\n )}\n </div>\n </div>\n\n {this.configurationType === \"update\" ? (\n <gxg-button\n type=\"outlined\"\n slot=\"footer-start\"\n onClick={this.repairCallbackHandler}\n >\n {this._componentLocale.footer.repairButton}\n </gxg-button>\n ) : null}\n\n <gxg-button\n type=\"outlined\"\n slot=\"footer-end\"\n onClick={this.cancelCallbackHandler}\n >\n {this.configurationType === \"update\"\n ? this._componentLocale.footer.cancelButton\n : this._componentLocale.footer.no}\n </gxg-button>\n <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n {this.configurationType === \"update\"\n ? this._componentLocale.footer.confirmButton\n : this._componentLocale.footer.yes}\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type GamConfigData = {\n importWebPanels: boolean;\n importPanels: boolean;\n futureUpgrades: \"never\" \| \"prompt\" \| \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"]}
1	+ {"version":3,"file":"gam-installation-settings.js","sourceRoot":"","sources":["../../../src/components/gam-installation-settings/gam-installation-settings.tsx"],"names":[],"mappings":"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","sourcesContent":["/* STENCIL IMPORTS /\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n/ OTHER LIBRARIES IMPORTS /\n/ CUSTOM IMPORTS /\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n tag: \"gx-ide-gam-installation-settings\",\n styleUrl: \"gam-installation-settings.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/gam-installation-settings\"]\n})\nexport class GxIdeGamInstallationSettings {\n // 1.OWN PROPERTIES //\n\n /\n The component hard-coded strings translations.\n /\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeGamInstallationSettingsElement;\n\n private webPanelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n private panelsCheckboxEl!: HTMLGxgFormCheckboxElement;\n private futureUpgradesComboEl!: HTMLGxgComboBoxElement;\n\n // 3.STATE() VARIABLES //\n\n /\n Current value for Used in objects\n /\n\n @State() fileName: string = \"\";\n @State() selectedFile: File;\n @State() importingIsInProcess = false;\n\n // 4.PUBLIC PROPERTY API \| WATCH'S //\n\n /\n If true it displays the component title on the header\n /\n @Prop() readonly displayTitle = false;\n\n /\n Specifies the configuration type to be used\n /\n @Prop() readonly configurationType: \"installation\" \| \"update\" =\n \"installation\";\n\n /\n Callback invoked when the user press repair button\n /\n @Prop() readonly repairCallback: RepairCallback;\n\n /\n Callback invoked when the user wants to start the exportation process\n /\n @Prop() readonly saveCallback: SaveCallback;\n\n /\n Callback invoked when the user wants to cancel the exportation process\n /\n @Prop() readonly cancelCallback: CancelCallback;\n\n /\n Defines the default configuration property. Necessary for initializing the dialogue\n * using stored 'game config data' from the server. If undefined, default values are\n * applied.\n /\n @Prop() readonly defaultConfiguration: GamConfigData \| undefined = {\n importWebPanels: true,\n importPanels: false,\n futureUpgrades: \"prompt\"\n };\n\n /\n Property determining 'Panels' checkbox activation. Enabled only if an SD generator is\n * present in the KB. If not, checkbox is disabled\n /\n @Prop() readonly canSelectPanels: boolean = false;\n\n // 5.EVENTS (EMIT) //\n\n /\n @description Gets fired when the component has rendered for the first time.\n /\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n }\n\n componentDidRender() {\n if (!this.renderedFirstTime) {\n this.componentDidRenderFirstTime.emit(\n this._componentLocale.componentName\n );\n this.renderedFirstTime = true;\n }\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private repairCallbackHandler = async () => {\n if (this.saveCallback) {\n const data: GamConfigData = {\n importWebPanels: this.webPanelsCheckboxEl.checked,\n importPanels: this.panelsCheckboxEl.checked,\n futureUpgrades: this.futureUpgradesComboEl.value\n ? this.futureUpgradesComboEl.value\n : null\n };\n await this.repairCallback(data);\n }\n };\n\n private saveCallbackHandler = async () => {\n if (this.saveCallback) {\n const data: GamConfigData = {\n importWebPanels: this.webPanelsCheckboxEl.checked,\n importPanels: this.panelsCheckboxEl.checked,\n futureUpgrades: this.futureUpgradesComboEl.value\n ? this.futureUpgradesComboEl.value\n : null\n };\n await this.saveCallback(data);\n }\n };\n private cancelCallbackHandler = () => {\n this.cancelCallback();\n };\n\n / Renders/\n private renderHeader = () => {\n return (\n <header class=\"header\" slot=\"header\">\n {this.configurationType === \"installation\"\n ? [\n <gxg-text type=\"text-regular\">\n {\n this._componentLocale.header.headerTextInstallation\n .firstSentence\n }\n </gxg-text>,\n <gxg-text type=\"text-regular\">\n {\n this._componentLocale.header.headerTextInstallation\n .secondSentence\n }\n </gxg-text>,\n <gxg-text type=\"text-regular\">\n {\n this._componentLocale.header.headerTextInstallation\n .thirdSentence\n }\n </gxg-text>\n ]\n : [\n <gxg-text type=\"text-regular\">\n {this._componentLocale.header.headerTextUpdate.firstSentence}\n </gxg-text>,\n <gxg-text type=\"text-regular\">\n {this._componentLocale.header.headerTextUpdate.secondSentence}\n </gxg-text>\n ]}\n {/ header text */}\n </header>\n );\n };\n\n private renderFilters = () => {\n return (\n <div class=\"filters\">\n <gxg-title type=\"title-05\">\n {this._componentLocale.filters.filtersHeading}\n </gxg-title>\n\n <div class=\"filters__wrapper\">\n <div class=\"filters__wrapper-left\">\n <gxg-label labelPosition=\"above\" center={false}>\n Front End Objects\n </gxg-label>\n <div class=\"filters__front-end-objects\">\n <gxg-form-checkbox\n label={this._componentLocale.filters.webPanelsCheckbox}\n part=\"web-panels-checkbox\"\n slot=\"footer-start\"\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.webPanelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n }\n checked={this.defaultConfiguration?.importWebPanels}\n ></gxg-form-checkbox>\n <gxg-form-checkbox\n label={this._componentLocale.filters.panelsCheckbox}\n part=\"panels-checkbox\"\n slot=\"footer-start\"\n ref={(el: HTMLGxgFormCheckboxElement) =>\n (this.panelsCheckboxEl = el as HTMLGxgFormCheckboxElement)\n }\n checked={\n this.defaultConfiguration.importPanels && this.canSelectPanels\n }\n disabled={!this.canSelectPanels}\n ></gxg-form-checkbox>\n </div>\n </div>\n <div class=\"filters__wrapper-right\">\n <gxg-combo-box\n label={this._componentLocale.filters.futureUpgradesComboLabel}\n disableFilter\n part=\"future-upgrades-combo\"\n ref={(el: HTMLGxgComboBoxElement) =>\n (this.futureUpgradesComboEl = el as HTMLGxgComboBoxElement)\n }\n value={this.defaultConfiguration.futureUpgrades}\n >\n <gxg-combo-box-item value=\"automatic\">\n {\n this._componentLocale.manageFutureUpgrades\n .installAutomatically\n }\n </gxg-combo-box-item>\n <gxg-combo-box-item value=\"prompt\">\n {this._componentLocale.manageFutureUpgrades.promptMe}\n </gxg-combo-box-item>\n <gxg-combo-box-item value=\"never\">\n {this._componentLocale.manageFutureUpgrades.neverUpdate}\n </gxg-combo-box-item>\n </gxg-combo-box>\n </div>\n </div>\n </div>\n );\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host class=\"gx-ide-component\">\n <div class=\"gx-ide-main-wrapper\">\n <gx-ide-container\n noHeadingPadding\n headingPaddingTop\n noContentPadding\n noContentGap\n noAboveFooterPadding\n containerTitle={\n this.displayTitle ? this._componentLocale.componentName : null\n }\n slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n {this.renderHeader()}\n {this.renderFilters()}\n <div class=\"footer-above\" slot=\"footer-above\">\n {this.configurationType === \"update\" ? (\n <div class=\"footer-above__left\">\n <p>{this._componentLocale.footer.footerRepairText}</p>\n </div>\n ) : null}\n\n <div class=\"footer-above__right\">\n {this.configurationType === \"update\" ? (\n [\n <p>{this._componentLocale.footer.footerSaveText}</p>,\n <p>{this._componentLocale.footer.footerCancelText}</p>\n ]\n ) : (\n // configurationType is \"installation\"\n <p>{this._componentLocale.footer.enableSecurity}</p>\n )}\n </div>\n </div>\n\n {this.configurationType === \"update\" ? (\n <gxg-button\n type=\"outlined\"\n slot=\"footer-start\"\n onClick={this.repairCallbackHandler}\n >\n {this._componentLocale.footer.repairButton}\n </gxg-button>\n ) : null}\n\n <gxg-button\n type=\"outlined\"\n slot=\"footer-end\"\n onClick={this.cancelCallbackHandler}\n >\n {this.configurationType === \"update\"\n ? this._componentLocale.footer.cancelButton\n : this._componentLocale.footer.no}\n </gxg-button>\n <gxg-button slot=\"footer-end\" onClick={this.saveCallbackHandler}>\n {this.configurationType === \"update\"\n ? this._componentLocale.footer.confirmButton\n : this._componentLocale.footer.yes}\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type GamConfigData = {\n importWebPanels: boolean;\n importPanels: boolean;\n futureUpgrades: \"never\" \| \"prompt\" \| \"automatic\";\n};\n\nexport type SaveCallback = (data: GamConfigData) => Promise<void>;\nexport type CancelCallback = () => Promise<void>;\nexport type RepairCallback = (config: GamConfigData) => Promise<void>;\n"]}

package/dist/components/gx-ide-create-kb-from-server.js CHANGED Viewed

@@ -1,24 +1,28 @@
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
-import { d as defineCustomElement$i } from './icon.js';
-import { d as defineCustomElement$h } from './ch-shortcuts2.js';
-import { d as defineCustomElement$g } from './ch-window2.js';
-import { d as defineCustomElement$f } from './ch-window-close2.js';
-import { d as defineCustomElement$e } from './container.js';
-import { d as defineCustomElement$d } from './list-selector.js';
-import { d as defineCustomElement$c } from './list-selector-item.js';
-import { d as defineCustomElement$b } from './title2.js';
-import { d as defineCustomElement$a } from './button.js';
-import { d as defineCustomElement$9 } from './form-radio.js';
-import { d as defineCustomElement$8 } from './form-radio-group.js';
-import { d as defineCustomElement$7 } from './form-text.js';
-import { d as defineCustomElement$6 } from './icon2.js';
-import { d as defineCustomElement$5 } from './gxg-label2.js';
+import { r as renderFormItems } from './common.js';
+import { f as formSubmitValidation } from './form-validation.js';
+import { d as defineCustomElement$k } from './icon.js';
+import { d as defineCustomElement$j } from './ch-shortcuts2.js';
+import { d as defineCustomElement$i } from './ch-window2.js';
+import { d as defineCustomElement$h } from './ch-window-close2.js';
+import { d as defineCustomElement$g } from './container.js';
+import { d as defineCustomElement$f } from './title2.js';
+import { d as defineCustomElement$e } from './button.js';
+import { d as defineCustomElement$d } from './combo-box.js';
+import { d as defineCustomElement$c } from './combo-box-item.js';
+import { d as defineCustomElement$b } from './form-checkbox.js';
+import { d as defineCustomElement$a } from './form-radio.js';
+import { d as defineCustomElement$9 } from './form-text.js';
+import { d as defineCustomElement$8 } from './icon2.js';
+import { d as defineCustomElement$7 } from './gxg-label2.js';
+import { d as defineCustomElement$6 } from './list-box.js';
+import { d as defineCustomElement$5 } from './list-box-item.js';
 import { d as defineCustomElement$4 } from './shortcuts.js';
 import { d as defineCustomElement$3 } from './title.js';
 import { d as defineCustomElement$2 } from './tooltip.js';
-const createKbFromServerCss = ":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}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{display:grid;gap:var(--mer-spacing--md);grid-template-rows:auto;grid-template-columns:1fr 1fr min-content;align-items:center;padding:var(--mer-spacing--sm);border-block-end:1px solid var(--mer-border-color__on-elevation--01)}.header__item{display:flex;flex-direction:column;gap:var(--mer-spacing--xxxs)}.main{display:flex;flex-direction:column;gap:var(--mer-spacing--sm);padding:var(--mer-spacing--sm)}.kbs-list{max-height:200px}.versions-container{display:flex;flex-direction:column}.versions-container__input{display:flex;gap:8px}";
+const createKbFromServerCss = ":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}p{margin:0;font-size:var(--mer-font__size--xxs)}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{display:flex}.flex{display:flex}.flex>:nth-child(2){flex:1}";
 const GxIdeCreateKbFromServer$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeCreateKbFromServer extends HTMLElement {
     constructor() {
@@ -28,84 +32,104 @@ const GxIdeCreateKbFromServer$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeCr
         this.componentDidRenderFirstTime = createEvent(this, "componentDidRenderFirstTime", 7);
         this.renderedFirstTime = false;
         this.shortcutsSrc = getAssetPath(`./gx-ide-assets/create-kb-from-server/shortcuts.json`);
+        this.kbIdSelected = null;
+        this.authenticationTypes = [];
         // 7.LISTENERS //
         // 8.PUBLIC METHODS API //
         // 9.LOCAL METHODS //
-        this.init = async () => {
-            if (this.getGXserverKBsCallback) {
-                await this.getGXserverKBsCallback({
-                    serverUrl: this.serverUrl,
-                    user: this.userName,
-                    password: this.userPassword
-                }).then(result => {
-                    this.kbsData = result;
-                });
-            }
-            // get version option
-            this.versionSelectedType = this.versionSelectedTypeEl
-                .value;
+        this.setAuthenticationTypes = () => {
+            this.authenticationTypes = [
+                {
+                    id: "genexus",
+                    value: "genexus",
+                    label: this._componentLocale.authenticationTypes.genexusAccount
+                },
+                {
+                    id: "local",
+                    value: "local",
+                    label: this._componentLocale.authenticationTypes.local
+                }
+            ];
         };
-        this.cancelHandler = () => {
-            if (this.cancelCallback) {
-                this.cancelCallback();
-            }
+        this.addEventListeners = () => {
+            this.serverUrlsEl.addEventListener("valueChanged", () => {
+                this.reset();
+            });
+            this.searchKBEl.addEventListener("valueChanged", (e) => {
+                this.kbNameEl.value = "";
+                this.kbIdSelected = null;
+                this.kbSearchText = e.detail;
+            });
+            this.listBoxEl.addEventListener("selectionChanged", (ev) => {
+                const selectedItems = ev.detail.items;
+                let selectedItem;
+                if (selectedItems.length > 0) {
+                    selectedItem = ev.detail.items[0];
+                }
+                if (selectedItem) {
+                    this.kbIdSelected = selectedItem.value;
+                    const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);
+                    if (kbSelected) {
+                        this.kbNameEl.value = kbSelected.name;
+                    }
+                }
+            });
         };
-        this.createHandler = async () => {
+        this.createKbHandler = () => {
             if (this.createKBCallback) {
-                this.createKBCallback(this.selectedKbId, this.versionSelectedType, this.localKBNameEl.value, this.kbVersionsIds);
-            }
-        };
-        this.changeConnectionHandler = async () => {
-            if (this.changeConnectionCallback) {
-                this.changeConnectionCallback({
-                    serverUrl: this.serverUrl,
-                    user: this.userName,
-                    password: this.userPassword
+                const createKBCallbackPromise = this.createKBCallback({
+                    id: this.kbIdSelected,
+                    name: this.kbNameEl.value
+                });
+                createKBCallbackPromise.then((formSubmitResult) => {
+                    formSubmitValidation(formSubmitResult, this);
                 });
             }
         };
-        this.renderKbs = () => {
-            return this.kbsData.map(kb => {
-                return (h("gx-ide-list-selector-item", { itemId: kb.id, itemValue: kb.name }));
-            });
-        };
-        this.selectionChangedHandler = (event) => {
-            this.selectedKbId = event.detail[0].itemId;
-        };
-        this.selectedVersionHandler = async () => {
-            if (this.selectKBVersionsCallback) {
-                await this.selectKBVersionsCallback(this.selectedKbId).then(result => {
-                    if (result === null || result === void 0 ? void 0 : result.length) {
-                        this.kbVersions = result;
-                        this.kbVersionsIds = result.map(version => version.id.toString());
+        this.connectCallbackHandler = () => {
+            var _a, _b;
+            if (this.connectCallback) {
+                const connectCallbackPromise = this.connectCallback({
+                    serverUrl: this.serverUrlsEl.value,
+                    authenticationType: this.authenticationTypeEl.value,
+                    user: (_a = this.userNameEl) === null || _a === void 0 ? void 0 : _a.value,
+                    password: (_b = this.passwordEl) === null || _b === void 0 ? void 0 : _b.value
+                });
+                connectCallbackPromise.then((connectionResultData) => {
+                    formSubmitValidation(connectionResultData.formResult, this);
+                    if (connectionResultData.formResult.success &&
+                        connectionResultData.kbs) {
+                        this.kbs = connectionResultData.kbs;
+                        this.selectionKbDisabled = false;
                     }
                 });
             }
         };
-        this.versionsChangedHandler = (event) => {
-            this.versionSelectedType = event.detail.value;
-        };
-        this.kbsData = [];
-        this.kbVersions = [];
-        this.kbVersionsIds = [];
-        this.versionSelectedType = undefined;
+        this.selectionKbDisabled = true;
+        this.kbs = [];
+        this.kbSearchText = "";
         this.displayTitle = false;
-        this.serverUrl = undefined;
-        this.userName = undefined;
-        this.userPassword = undefined;
-        this.getGXserverKBsCallback = undefined;
-        this.changeConnectionCallback = undefined;
+        this.connectCallback = undefined;
         this.createKBCallback = undefined;
-        this.selectKBVersionsCallback = undefined;
-        this.cancelCallback = undefined;
+        this.enableCustomServer = true;
+        this.kbName = undefined;
+        this.password = undefined;
+        this.serverUrls = undefined;
+        this.userName = undefined;
+    }
+    watchPropHandler(newKbs) {
+        /* When the list of servers are updated, the first server is selected by default */
+        this.kbIdSelected = newKbs[0].id;
+        this.kbName = newKbs[0].name;
     }
     // 6.METHODS //
     async componentWillLoad() {
         this._componentLocale = await Locale.getComponentStrings(this.el);
+        this.setAuthenticationTypes();
     }
     componentDidLoad() {
-        this.searchKbsEl.focus();
-        this.init();
+        this.serverUrlsEl.focus();
+        this.addEventListeners();
     }
     componentDidRender() {
         if (!this.renderedFirstTime) {
@@ -113,34 +137,54 @@ const GxIdeCreateKbFromServer$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeCr
             this.renderedFirstTime = true;
         }
     }
+    reset() {
+        this.kbs = [];
+        this.kbIdSelected = null;
+        this.selectionKbDisabled = true;
+        this.searchKBEl.value = "";
+        this.kbSearchText = "";
+    }
+    // 10.RENDER() FUNCTION //
     // 11.RENDER() FUNCTION //
     render() {
-        return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { slimmerFooter: true, noContentPadding: true, noContentGap: true, containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("div", { class: "header" }, h("div", { class: "header__item" }, h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.header.serverUrl), h("p", null, this.serverUrl)), h("div", { class: "header__item" }, h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.header.user), h("p", null, this.userName)), h("gxg-button", { type: "secondary-text-only", class: "header__button", onClick: this.changeConnectionHandler }, this._componentLocale.header.change)), h("main", { class: "main" }, h("gxg-form-text", { icon: "gemini-tools/search", iconPosition: "start", placeholder: this._componentLocale.main.searchKB, maxWidth: "300px", ref: el => (this.searchKbsEl = el) }), h("gx-ide-list-selector", { listName: "kbs-list", ellipsis: true, onSelectionChanged: this.selectionChangedHandler, class: "kbs-list" }, this.renderKbs()), h("gxg-form-radio-group", { row: true, onChange: this.versionsChangedHandler, ref: el => (this.versionSelectedTypeEl =
-                el) }, h("gxg-form-radio", { label: this._componentLocale.main.trunkVersion, id: "Trunk", value: "Trunk" }), h("gxg-form-radio", { label: this._componentLocale.main.allVersions, id: "All", value: "All" }), h("gxg-form-radio", { label: this._componentLocale.main.selectVersion, id: "Select", value: "Select" })), h("div", { class: "versions-container" }, h("gxg-label", { labelPosition: "above" }, this._componentLocale.main.selectVersion), h("div", { class: "versions-container__input" }, h("gxg-form-text", { readonly: true, value: `${this.kbVersions.length.toString()} versions selected` }), h("gxg-button", { type: "secondary-icon-only", icon: "gemini-tools/show-more-horizontal", onClick: this.selectedVersionHandler }))), h("gxg-form-text", { label: "Local KB Name", labelPosition: "above", ref: el => (this.localKBNameEl = el) })), h("gxg-button", { type: "outlined", slot: "footer-end", onClick: this.cancelHandler }, this._componentLocale.footer.cancel), h("gxg-button", { onClick: this.createHandler, slot: "footer-end" }, this._componentLocale.footer.create))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
+        return (h(Host, { class: "gx-ide-component" }, h("div", { class: "gx-ide-main-wrapper" }, h("gx-ide-container", { containerTitle: this.displayTitle ? this._componentLocale.componentName : null }, h("div", { class: "flex" }, h("gxg-label", { labelPosition: "start", class: "kb-label" }, this._componentLocale.label.serverUrl), h("gxg-combo-box", { disableFilter: !this.enableCustomServer, ref: (el) => (this.serverUrlsEl = el), class: "server-urls-combo-box", part: "server-urls" }, this.serverUrls
+            ? renderFormItems("gxg-combo-box-item", this.serverUrls.map(sUrl => ({
+                id: sUrl,
+                label: sUrl,
+                value: sUrl
+            })), "server-urls")
+            : null)), h("div", { class: "grid grid-data" }, h("div", null, h("div", { class: "grid grid-data-account" }, h("gxg-combo-box", { "tool-tip": true, disableFilter: true, value: this.authenticationTypes[0].id, ref: (el) => (this.authenticationTypeEl = el), class: "authentication-type", part: "authentication-type", onValueChanged: this.evaluateAuthenticationType }, renderFormItems("gxg-combo-box-item", this.authenticationTypes, "authentication-type")), h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.userName}:`), h("gxg-form-text", { ref: (el) => (this.userNameEl = el), "tool-tip": true, value: this.userName, class: "user-name", part: "user-name" }), h("gxg-label", { labelPosition: "start", class: "kb-label" }, `${this._componentLocale.label.password}:`), h("gxg-form-text", { "tool-tip": true, password: true, ref: (el) => (this.passwordEl = el), value: this.password, class: "password", part: "password" }), h("div", null, h("gxg-button", { id: "button-connect", type: "primary-text-only", onClick: this.connectCallbackHandler, part: "button-connect" }, this._componentLocale.buttons.connect)))), h("div", { class: "grid" }, h("div", { class: "grid-data-kbs" }, h("div", { class: "search-kbs" }, h("gxg-form-text", { ref: (el) => (this.searchKBEl = el), class: "search-kb-input", part: "search-kb", disabled: this.selectionKbDisabled, placeholder: this._componentLocale.label.searchKbs })), h("div", { class: "box-kbs" }, h("gxg-list-box", { singleSelection: true, disabled: this.selectionKbDisabled, ref: (el) => (this.listBoxEl = el), part: "kbs" }, this.kbs
+            .filter(kb => kb.name
+            .toLowerCase()
+            .includes(this.kbSearchText.toLowerCase()))
+            .map(kb => (h("gxg-list-box-item", { value: kb.id, key: kb.id }, kb.name)))))), h("div", { class: "grid grid-data-kbs-footer" }, h("gxg-form-text", { ref: (el) => (this.kbNameEl = el), label: this._componentLocale.localKb, value: this.kbName, class: "kb-name", part: "kb-name", disabled: this.selectionKbDisabled }), h("div", null, h("gxg-button", { id: "button-create", type: "primary-text-only", onClick: this.createKbHandler, part: "button-create", disabled: this.selectionKbDisabled }, this._componentLocale.buttons.create))))))), h("gxg-shortcuts", { src: this.shortcutsSrc })));
     }
     static get assetsDirs() { return ["gx-ide-assets/create-kb-from-server"]; }
     get el() { return this; }
+    static get watchers() { return {
+        "kbs": ["watchPropHandler"]
+    }; }
     static get style() { return createKbFromServerCss; }
 }, [1, "gx-ide-create-kb-from-server", {
         "displayTitle": [4, "display-title"],
-        "serverUrl": [1, "server-url"],
-        "userName": [1, "user-name"],
-        "userPassword": [1, "user-password"],
-        "getGXserverKBsCallback": [16],
-        "changeConnectionCallback": [16],
+        "connectCallback": [16],
         "createKBCallback": [16],
-        "selectKBVersionsCallback": [16],
-        "cancelCallback": [16],
-        "kbsData": [32],
-        "kbVersions": [32],
-        "kbVersionsIds": [32],
-        "versionSelectedType": [32]
+        "enableCustomServer": [4, "enable-custom-server"],
+        "kbName": [1025, "kb-name"],
+        "password": [1],
+        "serverUrls": [16],
+        "userName": [1, "user-name"],
+        "selectionKbDisabled": [32],
+        "kbs": [32],
+        "kbSearchText": [32]
+    }, undefined, {
+        "kbs": ["watchPropHandler"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["gx-ide-create-kb-from-server", "ch-icon", "ch-shortcuts", "ch-window", "ch-window-close", "gx-ide-container", "gx-ide-list-selector", "gx-ide-list-selector-item", "gx-ide-title", "gxg-button", "gxg-form-radio", "gxg-form-radio-group", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-shortcuts", "gxg-title", "gxg-tooltip"];
+    const components = ["gx-ide-create-kb-from-server", "ch-icon", "ch-shortcuts", "ch-window", "ch-window-close", "gx-ide-container", "gx-ide-title", "gxg-button", "gxg-combo-box", "gxg-combo-box-item", "gxg-form-checkbox", "gxg-form-radio", "gxg-form-text", "gxg-icon", "gxg-label", "gxg-list-box", "gxg-list-box-item", "gxg-shortcuts", "gxg-title", "gxg-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "gx-ide-create-kb-from-server":
             if (!customElements.get(tagName)) {
@@ -149,70 +193,80 @@ function defineCustomElement$1() {
             break;
         case "ch-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$k();
             }
             break;
         case "ch-shortcuts":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$j();
             }
             break;
         case "ch-window":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$i();
             }
             break;
         case "ch-window-close":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$h();
             }
             break;
         case "gx-ide-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "gx-ide-title":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "gxg-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "gx-ide-list-selector":
+        case "gxg-combo-box":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "gx-ide-list-selector-item":
+        case "gxg-combo-box-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "gx-ide-title":
+        case "gxg-form-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "gxg-button":
+        case "gxg-form-radio":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "gxg-form-radio":
+        case "gxg-form-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "gxg-form-radio-group":
+        case "gxg-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "gxg-form-text":
+        case "gxg-label":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "gxg-icon":
+        case "gxg-list-box":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "gxg-label":
+        case "gxg-list-box-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }