@genexus/genexus-ide-ui 0.0.144 → 0.0.146

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { GXServerConnectionDefault } from "../connect-gx-server/connect-gx-server";
+import { FormSubmitResult, GxServerAuthenticationType } from "../../common/types";
 export declare class GxIdeCreateKbFromServer {
     [key: string]: any;
     /**
@@ -8,63 +8,61 @@ export declare class GxIdeCreateKbFromServer {
     private _componentLocale;
     private renderedFirstTime;
     private shortcutsSrc;
-    private selectedKbId;
-    private localKBNameEl;
-    private versionSelectedTypeEl;
-    private searchKbsEl;
+    private authenticationTypeEl;
+    private serverUrlsEl;
+    private kbNameEl;
+    private passwordEl;
+    private userNameEl;
+    private searchKBEl;
+    private listBoxEl;
+    private kbIdSelected;
+    private authenticationTypes;
     el: HTMLGxIdeCreateKbFromServerElement;
     /**
-     * KBs that return from connect to the server
-     */
-    kbsData: KBData[];
-    /**
-     * The kb versions returned from selectKBVersionsCallback
+     * Disabled or not the part for select and create the KB
      */
-    kbVersions: KBVersion[];
+    selectionKbDisabled: boolean;
     /**
-     * The kb versions ids returned from selectKBVersionsCallback
+     * KBs that return from connect to the server
      */
-    kbVersionsIds: string[];
+    kbs: KBData[];
+    watchPropHandler(newKbs: KBData[]): void;
     /**
-     * The version selected type
+     * KBs search text
      */
-    versionSelectedType: VersionOption;
+    kbSearchText: string;
     /**
      * If true it displays the component title on the header
      */
     readonly displayTitle = false;
     /**
-     * URL of the GXserver to use, not editable by the user in this instance
+     * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)
      */
-    readonly serverUrl: string;
+    readonly connectCallback: (data: GXServerConnectionData) => Promise<ConnectionResultData>;
     /**
-     * Name of the user with whom you connected to the GXserver, it is also not editable
+     * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
      */
-    readonly userName: string;
-    /**
-     * Name of the user with whom you connected to the GXserver. It is necessary to know this information when trying to obtain the KBs using the “getGXserverKBsCallback” callback.
-     */
-    readonly userPassword: string;
+    readonly createKBCallback: (data: CreateKBData) => Promise<FormSubmitResult>;
     /**
-     * Callback that must be invoked when invoking the dialog
+     * If is true then the user can specify a server url that don't be in the combo box of server urls.
      */
-    readonly getGXserverKBsCallback: (data: GXServerConnectionDefault) => Promise<KBData[]>;
+    readonly enableCustomServer: boolean;
     /**
-     * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal
+     * The knowledge base default suggested name
      */
-    readonly changeConnectionCallback: (data: GXServerConnectionDefault) => Promise<void>;
+    kbName: string;
     /**
-     * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.
+     * Password for the database connection.
      */
-    readonly createKBCallback: (selectedKB: string, versionSelected: VersionOption, localKBName: string, versionList?: string[]) => Promise<void>;
+    readonly password: string;
     /**
-     *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.
+     * Array of URLs of cataloged servers to be displayed in the combo
      */
-    readonly selectKBVersionsCallback: (selectedKB: string) => Promise<KBVersion[]>;
+    readonly serverUrls: string[];
     /**
-     * Callback that is invoked when the dialog is closed
+     * Username for the database connection.
      */
-    readonly cancelCallback: () => Promise<void>;
+    readonly userName: string;
     /**
      * This event is emitted once just after the component is fully loaded and the first render() occurs
      */
@@ -72,24 +70,28 @@ export declare class GxIdeCreateKbFromServer {
     componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
     componentDidRender(): void;
-    private init;
-    private cancelHandler;
-    private createHandler;
-    private changeConnectionHandler;
-    private renderKbs;
-    private selectionChangedHandler;
-    private selectedVersionHandler;
-    private versionsChangedHandler;
+    private setAuthenticationTypes;
+    private addEventListeners;
+    private reset;
+    private createKbHandler;
+    private connectCallbackHandler;
     render(): void;
 }
-export type KBData = {
+export interface GXServerConnectionData {
+    serverUrl: string;
+    authenticationType: GxServerAuthenticationType;
+    user: string;
+    password: string;
+}
+export type ConnectionResultData = {
+    formResult: FormSubmitResult;
+    kbs: KBData[];
+};
+export interface KBData {
     id: string;
     name: string;
-};
-export type KBVersion = {
-    id: number;
+}
+export interface CreateKBData {
+    id: string;
     name: string;
-    type: VersionType;
-};
-export type VersionOption = "Trunk" | "All" | "Select";
-export type VersionType = "Branch" | "Frozen";
+}

package/dist/types/components/gam-installation-settings/gam-installation-settings.d.ts

@@ -35,6 +35,17 @@ export declare class GxIdeGamInstallationSettings {
      * Callback invoked when the user wants to cancel the exportation process
      */
     readonly cancelCallback: CancelCallback;
+    /**
+     * Defines the default configuration property. Necessary for initializing the dialogue
+     * using stored 'game config data' from the server. If undefined, default values are
+     * applied.
+     */
+    readonly defaultConfiguration: GamConfigData | undefined;
+    /**
+     * Property determining 'Panels' checkbox activation. Enabled only if an SD generator is
+     * present in the KB. If not, checkbox is disabled
+     */
+    readonly canSelectPanels: boolean;
     /**
      * @description Gets fired when the component has rendered for the first time.
      */

package/dist/types/components.d.ts

@@ -17,13 +17,12 @@ import { ImportData as ImportData1 } from "./components/bpm/import-gxpm/import-g
 import { SelectionData } from "./components/bpm/objects-selector/objects-selector";
 import { TimerDuration } from "./components/bpm/timer-duration/timer-duration";
 import { GXServerConnectionData, GXServerConnectionDefault } from "./components/connect-gx-server/connect-gx-server";
-import { ConnectionResultData, EntityData, GxOption, ImportItemResultData, ObjectType as ObjectType2 } from "./common/types";
+import { ConnectionResultData, EntityData, FormSubmitResult, GxOption, ImportItemResultData, ObjectType as ObjectType2 } from "./common/types";
 import { TitleType } from "./components/_helpers/title/title";
 import { AlignItems, FooterJustify, HeadingJustify, JustifyContent, SectionsPadding } from "./components/_helpers/container/container";
 import { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
-import { GXServerConnectionDefault as GXServerConnectionDefault1 } from "./components/connect-gx-server/connect-gx-server";
-import { KBData, KBVersion, VersionOption } from "./components/create-kb-from-server/create-kb-from-server";
-import { EditResult, EnvironmentData, KBData as KBData1, recentObjectData } from "./components/dashboard-home/dashboard-home";
+import { ConnectionResultData as ConnectionResultData1, CreateKBData, GXServerConnectionData as GXServerConnectionData1 } from "./components/create-kb-from-server/create-kb-from-server";
+import { EditResult, EnvironmentData, KBData, recentObjectData } from "./components/dashboard-home/dashboard-home";
 import { CancelCallback as CancelCallback3, ConfirmCallback as ConfirmCallback2, EditCallback, LoadItemsCallback, NewVariableCallback, SelectObjectCallback } from "./components/data-selector/data-selector";
 import { CancelCallback as CancelCallback4, ConfirmCallback as ConfirmCallback3, LoadCallback, LoadDesignSystemCallback, LoadFontCallback, LoadImageCallback, LoadPanelDataCallback, RequiresAccessTokenCallback, SelectModuleCallback, TextEditorFactoryCallback } from "./components/design-import/design-import";
 import { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/directory-selector/directory-selector";
@@ -31,7 +30,7 @@ import { ModuleServerData, ModuleServerType } from "./components/modules/types";
 import { CancelCallback as CancelCallback5, ConfirmCallback as ConfirmCallback4, SelectSourceCallback } from "./components/modules/edit-module-server/edit-module-server";
 import { EntitySelectorLabels } from "./components/_helpers/entity-selector/entity-selector";
 import { LabelPosition as LabelPosition1 } from "./components/_helpers/directory-selector/directory-selector";
-import { CancelCallback as CancelCallback6, RepairCallback, SaveCallback } from "./components/gam-installation-settings/gam-installation-settings";
+import { CancelCallback as CancelCallback6, GamConfigData, RepairCallback, SaveCallback } from "./components/gam-installation-settings/gam-installation-settings";
 import { AddObjectsCallback, AddReferencesCallback, CancelCallback as CancelCallback7, ExportCallback as ExportCallback1, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, ObjectType, OptionsCallback } from "./components/kb-manager-export/kb-manager-export";
 import { CancelCallback as CancelCallback8, ImportCallback, LoadCallback as LoadCallback1, ObjectContextMenuCallback, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-import/kb-manager-import";
 import { Color, Size } from "@genexus/gemini/dist/types/components/icon/icon";
@@ -68,13 +67,12 @@ export { ImportData as ImportData1 } from "./components/bpm/import-gxpm/import-g
 export { SelectionData } from "./components/bpm/objects-selector/objects-selector";
 export { TimerDuration } from "./components/bpm/timer-duration/timer-duration";
 export { GXServerConnectionData, GXServerConnectionDefault } from "./components/connect-gx-server/connect-gx-server";
-export { ConnectionResultData, EntityData, GxOption, ImportItemResultData, ObjectType as ObjectType2 } from "./common/types";
+export { ConnectionResultData, EntityData, FormSubmitResult, GxOption, ImportItemResultData, ObjectType as ObjectType2 } from "./common/types";
 export { TitleType } from "./components/_helpers/title/title";
 export { AlignItems, FooterJustify, HeadingJustify, JustifyContent, SectionsPadding } from "./components/_helpers/container/container";
 export { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
-export { GXServerConnectionDefault as GXServerConnectionDefault1 } from "./components/connect-gx-server/connect-gx-server";
-export { KBData, KBVersion, VersionOption } from "./components/create-kb-from-server/create-kb-from-server";
-export { EditResult, EnvironmentData, KBData as KBData1, recentObjectData } from "./components/dashboard-home/dashboard-home";
+export { ConnectionResultData as ConnectionResultData1, CreateKBData, GXServerConnectionData as GXServerConnectionData1 } from "./components/create-kb-from-server/create-kb-from-server";
+export { EditResult, EnvironmentData, KBData, recentObjectData } from "./components/dashboard-home/dashboard-home";
 export { CancelCallback as CancelCallback3, ConfirmCallback as ConfirmCallback2, EditCallback, LoadItemsCallback, NewVariableCallback, SelectObjectCallback } from "./components/data-selector/data-selector";
 export { CancelCallback as CancelCallback4, ConfirmCallback as ConfirmCallback3, LoadCallback, LoadDesignSystemCallback, LoadFontCallback, LoadImageCallback, LoadPanelDataCallback, RequiresAccessTokenCallback, SelectModuleCallback, TextEditorFactoryCallback } from "./components/design-import/design-import";
 export { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/directory-selector/directory-selector";
@@ -82,7 +80,7 @@ export { ModuleServerData, ModuleServerType } from "./components/modules/types";
 export { CancelCallback as CancelCallback5, ConfirmCallback as ConfirmCallback4, SelectSourceCallback } from "./components/modules/edit-module-server/edit-module-server";
 export { EntitySelectorLabels } from "./components/_helpers/entity-selector/entity-selector";
 export { LabelPosition as LabelPosition1 } from "./components/_helpers/directory-selector/directory-selector";
-export { CancelCallback as CancelCallback6, RepairCallback, SaveCallback } from "./components/gam-installation-settings/gam-installation-settings";
+export { CancelCallback as CancelCallback6, GamConfigData, RepairCallback, SaveCallback } from "./components/gam-installation-settings/gam-installation-settings";
 export { AddObjectsCallback, AddReferencesCallback, CancelCallback as CancelCallback7, ExportCallback as ExportCallback1, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, ObjectType, OptionsCallback } from "./components/kb-manager-export/kb-manager-export";
 export { CancelCallback as CancelCallback8, ImportCallback, LoadCallback as LoadCallback1, ObjectContextMenuCallback, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-import/kb-manager-import";
 export { Color, Size } from "@genexus/gemini/dist/types/components/icon/icon";
@@ -502,52 +500,41 @@ export namespace Components {
     }
     interface GxIdeCreateKbFromServer {
         /**
-          * Callback that is invoked when the dialog is closed
+          * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)
          */
-        "cancelCallback": () => Promise<void>;
-        /**
-          * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal
-         */
-        "changeConnectionCallback": (
-    data: GXServerConnectionDefault1
-  ) => Promise<void>;
+        "connectCallback": (
+    data: GXServerConnectionData1
+  ) => Promise<ConnectionResultData1>;
         /**
-          * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.
+          * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
          */
         "createKBCallback": (
-    selectedKB: string,
-    versionSelected: VersionOption,
-    localKBName: string,
-    versionList?: string[]
-  ) => Promise<void>;
+    data: CreateKBData
+  ) => Promise<FormSubmitResult>;
         /**
           * If true it displays the component title on the header
          */
         "displayTitle": false;
         /**
-          * Callback that must be invoked when invoking the dialog
+          * If is true then the user can specify a server url that don't be in the combo box of server urls.
          */
-        "getGXserverKBsCallback": (
-    data: GXServerConnectionDefault1
-  ) => Promise<KBData[]>;
+        "enableCustomServer": boolean;
         /**
-          * Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.
+          * The knowledge base default suggested name
          */
-        "selectKBVersionsCallback": (
-    selectedKB: string
-  ) => Promise<KBVersion[]>;
+        "kbName": string;
         /**
-          * URL of the GXserver to use, not editable by the user in this instance
+          * Password for the database connection.
          */
-        "serverUrl": string;
+        "password": string;
         /**
-          * Name of the user with whom you connected to the GXserver, it is also not editable
+          * Array of URLs of cataloged servers to be displayed in the combo
          */
-        "userName": string;
+        "serverUrls": string[];
         /**
-          * Name of the user with whom you connected to the GXserver. It is necessary to know this information when trying to obtain the KBs using the “getGXserverKBsCallback” callback.
+          * Username for the database connection.
          */
-        "userPassword": string;
+        "userName": string;
     }
     interface GxIdeDashboardHome {
         /**
@@ -573,7 +560,7 @@ export namespace Components {
         /**
           * The KB basic properties.
          */
-        "kb": KBData1;
+        "kb": KBData;
         /**
           * Callback invoked when user tries to open one of the listed Recent Objects Receives the internal ID of the object
          */
@@ -830,6 +817,10 @@ export namespace Components {
         "value": EntityData | null | undefined;
     }
     interface GxIdeGamInstallationSettings {
+        /**
+          * Property determining 'Panels' checkbox activation. Enabled only if an SD generator is present in the KB. If not, checkbox is disabled
+         */
+        "canSelectPanels": boolean;
         /**
           * Callback invoked when the user wants to cancel the exportation process
          */
@@ -838,6 +829,10 @@ export namespace Components {
           * Specifies the configuration type to be used
          */
         "configurationType": "installation" | "update";
+        /**
+          * Defines the default configuration property. Necessary for initializing the dialogue using stored 'game config data' from the server. If undefined, default values are applied.
+         */
+        "defaultConfiguration": GamConfigData | undefined;
         /**
           * If true it displays the component title on the header
          */
@@ -3227,56 +3222,45 @@ declare namespace LocalJSX {
     }
     interface GxIdeCreateKbFromServer {
         /**
-          * Callback that is invoked when the dialog is closed
-         */
-        "cancelCallback"?: () => Promise<void>;
-        /**
-          * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal
+          * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)
          */
-        "changeConnectionCallback"?: (
-    data: GXServerConnectionDefault1
-  ) => Promise<void>;
+        "connectCallback"?: (
+    data: GXServerConnectionData1
+  ) => Promise<ConnectionResultData1>;
         /**
-          * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.
+          * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
          */
         "createKBCallback"?: (
-    selectedKB: string,
-    versionSelected: VersionOption,
-    localKBName: string,
-    versionList?: string[]
-  ) => Promise<void>;
+    data: CreateKBData
+  ) => Promise<FormSubmitResult>;
         /**
           * If true it displays the component title on the header
          */
         "displayTitle"?: false;
         /**
-          * Callback that must be invoked when invoking the dialog
+          * If is true then the user can specify a server url that don't be in the combo box of server urls.
          */
-        "getGXserverKBsCallback"?: (
-    data: GXServerConnectionDefault1
-  ) => Promise<KBData[]>;
+        "enableCustomServer"?: boolean;
+        /**
+          * The knowledge base default suggested name
+         */
+        "kbName"?: string;
         /**
           * This event is emitted once just after the component is fully loaded and the first render() occurs
          */
         "onComponentDidRenderFirstTime"?: (event: GxIdeCreateKbFromServerCustomEvent<boolean>) => void;
         /**
-          * Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.
+          * Password for the database connection.
          */
-        "selectKBVersionsCallback"?: (
-    selectedKB: string
-  ) => Promise<KBVersion[]>;
+        "password"?: string;
         /**
-          * URL of the GXserver to use, not editable by the user in this instance
+          * Array of URLs of cataloged servers to be displayed in the combo
          */
-        "serverUrl"?: string;
+        "serverUrls": string[];
         /**
-          * Name of the user with whom you connected to the GXserver, it is also not editable
+          * Username for the database connection.
          */
         "userName"?: string;
-        /**
-          * Name of the user with whom you connected to the GXserver. It is necessary to know this information when trying to obtain the KBs using the “getGXserverKBsCallback” callback.
-         */
-        "userPassword"?: string;
     }
     interface GxIdeDashboardHome {
         /**
@@ -3302,7 +3286,7 @@ declare namespace LocalJSX {
         /**
           * The KB basic properties.
          */
-        "kb"?: KBData1;
+        "kb"?: KBData;
         /**
           * @description Gets fired when the component has rendered for the first time.
          */
@@ -3571,6 +3555,10 @@ declare namespace LocalJSX {
         "value"?: EntityData | null | undefined;
     }
     interface GxIdeGamInstallationSettings {
+        /**
+          * Property determining 'Panels' checkbox activation. Enabled only if an SD generator is present in the KB. If not, checkbox is disabled
+         */
+        "canSelectPanels"?: boolean;
         /**
           * Callback invoked when the user wants to cancel the exportation process
          */
@@ -3579,6 +3567,10 @@ declare namespace LocalJSX {
           * Specifies the configuration type to be used
          */
         "configurationType"?: "installation" | "update";
+        /**
+          * Defines the default configuration property. Necessary for initializing the dialogue using stored 'game config data' from the server. If undefined, default values are applied.
+         */
+        "defaultConfiguration"?: GamConfigData | undefined;
         /**
           * If true it displays the component title on the header
          */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.144",
+  "version": "0.0.146",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/genexus-ide-ui/p-2191d598.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createKbFromServerCss","GxIdeCreateKbFromServer","this","renderedFirstTime","shortcutsSrc","getAssetPath","init","async","getGXserverKBsCallback","serverUrl","user","userName","password","userPassword","then","result","kbsData","versionSelectedType","versionSelectedTypeEl","value","cancelHandler","cancelCallback","createHandler","createKBCallback","selectedKbId","localKBNameEl","kbVersionsIds","changeConnectionHandler","changeConnectionCallback","renderKbs","map","kb","h","itemId","id","itemValue","name","selectionChangedHandler","event","detail","selectedVersionHandler","selectKBVersionsCallback","length","kbVersions","version","toString","versionsChangedHandler","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidLoad","searchKbsEl","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","class","slimmerFooter","noContentPadding","noContentGap","containerTitle","displayTitle","labelPosition","header","type","onClick","change","icon","iconPosition","placeholder","main","searchKB","maxWidth","ref","listName","ellipsis","onSelectionChanged","row","onChange","label","trunkVersion","allVersions","selectVersion","readonly","slot","footer","cancel","create","src"],"sources":["src/components/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--mer-color__surface);\n}\n\n.header {\n  display: grid;\n  gap: var(--mer-spacing--md);\n  grid-template-rows: auto;\n  grid-template-columns: 1fr 1fr min-content;\n  align-items: center;\n  padding: var(--mer-spacing--sm);\n\n  &__item {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mer-spacing--xxxs);\n  }\n\n  border-block-end: 1px solid var(--mer-border-color__on-elevation--01);\n}\n\n.main {\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--sm);\n  padding: var(--mer-spacing--sm);\n}\n\n.kbs-list {\n  max-height: 200px;\n}\n\n.versions-container {\n  display: flex;\n  flex-direction: column;\n\n  &__input {\n    display: flex;\n    gap: 8px;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GXServerConnectionDefault } from \"../connect-gx-server/connect-gx-server\";\nimport { Locale } from \"../../common/locale\";\nimport { ItemData } from \"../_helpers/list-selector/list-selector-item/list-selector-item\";\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  [key: string]: any;\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n\n  private selectedKbId: string;\n  private localKBNameEl: HTMLGxgFormTextElement;\n  private versionSelectedTypeEl: HTMLGxgFormRadioGroupElement;\n\n  /* References */\n\n  private searchKbsEl!: HTMLGxgFormTextElement;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * KBs that return from connect to the server\n   */\n  @State() kbsData: KBData[] = [];\n\n  /**\n   * The kb versions returned from selectKBVersionsCallback\n   */\n  @State() kbVersions: KBVersion[] = [];\n\n  /**\n   * The kb versions ids returned from selectKBVersionsCallback\n   */\n  @State() kbVersionsIds: string[] = [];\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\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   * URL of the GXserver to use, not editable by the user in this instance\n   */\n  @Prop() readonly serverUrl: string;\n\n  /**\n   * Name of the user with whom you connected to the GXserver, it is also not editable\n   */\n  @Prop() readonly userName: string;\n\n  /**\n   * Name of the user with whom you connected to the GXserver. It is necessary to know this information when trying to obtain the KBs using the “getGXserverKBsCallback” callback.\n   */\n  @Prop() readonly userPassword: string;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback: (\n    data: GXServerConnectionDefault\n  ) => Promise<KBData[]>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionDefault\n  ) => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback: (\n    selectedKB: string,\n    versionSelected: VersionOption,\n    localKBName: string,\n    versionList?: string[]\n  ) => Promise<void>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    (this.searchKbsEl as HTMLElement).focus();\n    this.init();\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 init = async () => {\n    if (this.getGXserverKBsCallback) {\n      await this.getGXserverKBsCallback({\n        serverUrl: this.serverUrl,\n        user: this.userName,\n        password: this.userPassword\n      }).then(result => {\n        this.kbsData = result;\n      });\n    }\n\n    // get version option\n    this.versionSelectedType = this.versionSelectedTypeEl\n      .value as VersionOption;\n  };\n\n  private cancelHandler = (): void => {\n    if (this.cancelCallback) {\n      this.cancelCallback();\n    }\n  };\n\n  private createHandler = async (): Promise<void> => {\n    if (this.createKBCallback) {\n      this.createKBCallback(\n        this.selectedKbId,\n        this.versionSelectedType,\n        this.localKBNameEl.value,\n        this.kbVersionsIds\n      );\n    }\n  };\n\n  private changeConnectionHandler = async (): Promise<void> => {\n    if (this.changeConnectionCallback) {\n      this.changeConnectionCallback({\n        serverUrl: this.serverUrl,\n        user: this.userName,\n        password: this.userPassword\n      });\n    }\n  };\n\n  private renderKbs = (): HTMLGxIdeListSelectorItemElement[] => {\n    return this.kbsData.map(kb => {\n      return (\n        <gx-ide-list-selector-item\n          itemId={kb.id}\n          itemValue={kb.name}\n        ></gx-ide-list-selector-item>\n      );\n    });\n  };\n\n  private selectionChangedHandler = (event: CustomEvent<ItemData[]>) => {\n    this.selectedKbId = event.detail[0].itemId;\n  };\n\n  private selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.selectedKbId).then(result => {\n        if (result?.length) {\n          this.kbVersions = result;\n          this.kbVersionsIds = result.map(version => version.id.toString());\n        }\n      });\n    }\n  };\n\n  private versionsChangedHandler = (\n    event: CustomEvent<{ value: string; id?: string }>\n  ) => {\n    this.versionSelectedType = event.detail.value as VersionOption;\n  };\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            slimmerFooter\n            noContentPadding\n            noContentGap\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <div class=\"header\">\n              {/* server url */}\n              <div class=\"header__item\">\n                <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                  {this._componentLocale.header.serverUrl}\n                </gxg-label>\n                <p>{this.serverUrl}</p>\n              </div>\n\n              {/* user */}\n              <div class=\"header__item\">\n                <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                  {this._componentLocale.header.user}\n                </gxg-label>\n                <p>{this.userName}</p>\n              </div>\n\n              {/* change */}\n              <gxg-button\n                type=\"secondary-text-only\"\n                class=\"header__button\"\n                onClick={this.changeConnectionHandler}\n              >\n                {this._componentLocale.header.change}\n              </gxg-button>\n            </div>\n\n            <main class=\"main\">\n              {/* search kbs */}\n              <gxg-form-text\n                icon=\"gemini-tools/search\"\n                iconPosition=\"start\"\n                placeholder={this._componentLocale.main.searchKB}\n                maxWidth=\"300px\"\n                ref={el => (this.searchKbsEl = el as HTMLGxgFormTextElement)}\n              ></gxg-form-text>\n\n              {/* kbs list */}\n              <gx-ide-list-selector\n                listName=\"kbs-list\"\n                ellipsis\n                onSelectionChanged={this.selectionChangedHandler}\n                class=\"kbs-list\"\n              >\n                {this.renderKbs()}\n              </gx-ide-list-selector>\n\n              {/* select version */}\n              <gxg-form-radio-group\n                row\n                onChange={this.versionsChangedHandler}\n                ref={el =>\n                  (this.versionSelectedTypeEl =\n                    el as HTMLGxgFormRadioGroupElement)\n                }\n              >\n                <gxg-form-radio\n                  label={this._componentLocale.main.trunkVersion}\n                  id=\"Trunk\"\n                  value=\"Trunk\"\n                ></gxg-form-radio>\n                <gxg-form-radio\n                  label={this._componentLocale.main.allVersions}\n                  id=\"All\"\n                  value=\"All\"\n                ></gxg-form-radio>\n                <gxg-form-radio\n                  label={this._componentLocale.main.selectVersion}\n                  id=\"Select\"\n                  value=\"Select\"\n                ></gxg-form-radio>\n              </gxg-form-radio-group>\n\n              {/* local kb name */}\n              <div class=\"versions-container\">\n                <gxg-label labelPosition=\"above\">\n                  {this._componentLocale.main.selectVersion}\n                </gxg-label>\n\n                <div class=\"versions-container__input\">\n                  <gxg-form-text\n                    readonly\n                    value={`${this.kbVersions.length.toString()} versions selected`}\n                  ></gxg-form-text>\n                  <gxg-button\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/show-more-horizontal\"\n                    onClick={this.selectedVersionHandler}\n                  ></gxg-button>\n                </div>\n              </div>\n              {/* local kb name */}\n              <gxg-form-text\n                label=\"Local KB Name\"\n                labelPosition=\"above\"\n                ref={el => (this.localKBNameEl = el as HTMLGxgFormTextElement)}\n              ></gxg-form-text>\n            </main>\n\n            {/* cancel / create */}\n            <gxg-button\n              type=\"outlined\"\n              slot=\"footer-end\"\n              onClick={this.cancelHandler}\n            >\n              {this._componentLocale.footer.cancel}\n            </gxg-button>\n            <gxg-button onClick={this.createHandler} slot=\"footer-end\">\n              {this._componentLocale.footer.create}\n            </gxg-button>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type KBVersion = {\n  id: number;\n  name: string;\n  type: VersionType;\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n\nexport type VersionType = \"Branch\" | \"Frozen\";\n"],"mappings":";;;;AAAA,MAAMA,IAAwB;;MCwBjBC,IAAuB;;;;IAS1BC,KAAAC,oBAAoB;IACpBD,KAAAE,eAAeC,EACrB;;;;QAgIMH,KAAAI,OAAOC;MACb,IAAIL,KAAKM,wBAAwB;cACzBN,KAAKM,uBAAuB;UAChCC,WAAWP,KAAKO;UAChBC,MAAMR,KAAKS;UACXC,UAAUV,KAAKW;WACdC,MAAKC;UACNb,KAAKc,UAAUD;AAAM;;;YAKzBb,KAAKe,sBAAsBf,KAAKgB,sBAC7BC;AAAsB;IAGnBjB,KAAAkB,gBAAgB;MACtB,IAAIlB,KAAKmB,gBAAgB;QACvBnB,KAAKmB;;;IAIDnB,KAAAoB,gBAAgBf;MACtB,IAAIL,KAAKqB,kBAAkB;QACzBrB,KAAKqB,iBACHrB,KAAKsB,cACLtB,KAAKe,qBACLf,KAAKuB,cAAcN,OACnBjB,KAAKwB;;;IAKHxB,KAAAyB,0BAA0BpB;MAChC,IAAIL,KAAK0B,0BAA0B;QACjC1B,KAAK0B,yBAAyB;UAC5BnB,WAAWP,KAAKO;UAChBC,MAAMR,KAAKS;UACXC,UAAUV,KAAKW;;;;IAKbX,KAAA2B,YAAY,MACX3B,KAAKc,QAAQc,KAAIC,KAEpBC,EAAA;MACEC,QAAQF,EAAGG;MACXC,WAAWJ,EAAGK;;IAMdlC,KAAAmC,0BAA2BC;MACjCpC,KAAKsB,eAAec,EAAMC,OAAO,GAAGN;AAAM;IAGpC/B,KAAAsC,yBAAyBjC;MAC/B,IAAIL,KAAKuC,0BAA0B;cAC3BvC,KAAKuC,yBAAyBvC,KAAKsB,cAAcV,MAAKC;UAC1D,IAAIA,MAAM,QAANA,WAAM,aAANA,EAAQ2B,QAAQ;YAClBxC,KAAKyC,aAAa5B;YAClBb,KAAKwB,gBAAgBX,EAAOe,KAAIc,KAAWA,EAAQV,GAAGW;;;;;IAMtD3C,KAAA4C,yBACNR;MAEApC,KAAKe,sBAAsBqB,EAAMC,OAAOpB;AAAsB;mBApLnC;sBAKM;yBAKA;;wBAYH;;;;;;;;;;;EA8DhC,uBAAM4B;IACJ7C,KAAK8C,yBAAyBC,EAAOC,oBAAoBhD,KAAKiD;;EAGhE,gBAAAC;IACGlD,KAAKmD,YAA4BC;IAClCpD,KAAKI;;EAGP,kBAAAiD;IACE,KAAKrD,KAAKC,mBAAmB;MAC3BD,KAAKsD,4BAA4BC,KAC/BvD,KAAK8C,iBAAiBU;MAExBxD,KAAKC,oBAAoB;;;;EAuF7B,MAAAwD;IACE,OACE3B,EAAC4B,GAAI;MAACC,OAAM;OACV7B,EAAA;MAAK6B,OAAM;OACT7B,EAAA;MACE8B,eAAa;MACbC,kBAAgB;MAChBC,cAAY;MACZC,gBACE/D,KAAKgE,eAAehE,KAAK8C,iBAAiBU,gBAAgB;OAG5D1B,EAAA;MAAK6B,OAAM;OAET7B,EAAA;MAAK6B,OAAM;OACT7B,EAAA;MAAWmC,eAAc;MAAQN,OAAM;OACpC3D,KAAK8C,iBAAiBoB,OAAO3D,YAEhCuB,EAAA,WAAI9B,KAAKO,aAIXuB,EAAA;MAAK6B,OAAM;OACT7B,EAAA;MAAWmC,eAAc;MAAQN,OAAM;OACpC3D,KAAK8C,iBAAiBoB,OAAO1D,OAEhCsB,EAAA,WAAI9B,KAAKS,YAIXqB,EAAA;MACEqC,MAAK;MACLR,OAAM;MACNS,SAASpE,KAAKyB;OAEbzB,KAAK8C,iBAAiBoB,OAAOG,UAIlCvC,EAAA;MAAM6B,OAAM;OAEV7B,EAAA;MACEwC,MAAK;MACLC,cAAa;MACbC,aAAaxE,KAAK8C,iBAAiB2B,KAAKC;MACxCC,UAAS;MACTC,KAAK3B,KAAOjD,KAAKmD,cAAcF;QAIjCnB,EAAA;MACE+C,UAAS;MACTC,UAAQ;MACRC,oBAAoB/E,KAAKmC;MACzBwB,OAAM;OAEL3D,KAAK2B,cAIRG,EAAA;MACEkD,KAAG;MACHC,UAAUjF,KAAK4C;MACfgC,KAAK3B,KACFjD,KAAKgB,wBACJiC;OAGJnB,EAAA;MACEoD,OAAOlF,KAAK8C,iBAAiB2B,KAAKU;MAClCnD,IAAG;MACHf,OAAM;QAERa,EAAA;MACEoD,OAAOlF,KAAK8C,iBAAiB2B,KAAKW;MAClCpD,IAAG;MACHf,OAAM;QAERa,EAAA;MACEoD,OAAOlF,KAAK8C,iBAAiB2B,KAAKY;MAClCrD,IAAG;MACHf,OAAM;SAKVa,EAAA;MAAK6B,OAAM;OACT7B,EAAA;MAAWmC,eAAc;OACtBjE,KAAK8C,iBAAiB2B,KAAKY,gBAG9BvD,EAAA;MAAK6B,OAAM;OACT7B,EAAA;MACEwD,UAAQ;MACRrE,OAAO,GAAGjB,KAAKyC,WAAWD,OAAOG;QAEnCb,EAAA;MACEqC,MAAK;MACLG,MAAK;MACLF,SAASpE,KAAKsC;UAKpBR,EAAA;MACEoD,OAAM;MACNjB,eAAc;MACdW,KAAK3B,KAAOjD,KAAKuB,gBAAgB0B;SAKrCnB,EAAA;MACEqC,MAAK;MACLoB,MAAK;MACLnB,SAASpE,KAAKkB;OAEblB,KAAK8C,iBAAiB0C,OAAOC,SAEhC3D,EAAA;MAAYsC,SAASpE,KAAKoB;MAAemE,MAAK;OAC3CvF,KAAK8C,iBAAiB0C,OAAOE,WAIpC5D,EAAA;MAAe6D,KAAK3F,KAAKE"}

package/dist/genexus-ide-ui/p-81144669.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gamInstallationSettingsCss","GxIdeGamInstallationSettings","this","renderedFirstTime","repairCallbackHandler","async","saveCallback","data","importWebPanels","webPanelsCheckboxEl","checked","importPanels","panelsCheckboxEl","futureUpgrades","futureUpgradesComboEl","value","repairCallback","saveCallbackHandler","cancelCallbackHandler","cancelCallback","renderHeader","h","class","slot","configurationType","type","_componentLocale","header","headerTextInstallation","firstSentence","secondSentence","thirdSentence","headerTextUpdate","renderFilters","filters","filtersHeading","labelPosition","center","label","webPanelsCheckbox","part","ref","el","panelsCheckbox","futureUpgradesComboLabel","disableFilter","manageFutureUpgrades","installAutomatically","promptMe","neverUpdate","componentWillLoad","Locale","getComponentStrings","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","noHeadingPadding","headingPaddingTop","noContentPadding","noContentGap","noAboveFooterPadding","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","footer","footerRepairText","footerSaveText","footerCancelText","enableSecurity","onClick","repairButton","cancelButton","no","confirmButton","yes"],"sources":["src/components/gam-installation-settings/gam-installation-settings.scss?tag=gx-ide-gam-installation-settings&encapsulation=shadow","src/components/gam-installation-settings/gam-installation-settings.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n/*Header*/\n.header {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  padding: var(--gx-ide-container__padding) var(--gx-ide-container__padding);\n}\n/*Main*/\n.message-checkbox-container {\n  padding: 0 var(--gx-ide-container__padding) var(--gx-ide-container__padding)\n    var(--gx-ide-container__padding);\n}\n/*Filters*/\n.filters {\n  display: grid;\n  gap: var(--gx-ide-grid-column-gap);\n  padding: var(--gx-ide-container__padding);\n\n  &__wrapper {\n    display: flex;\n    gap: var(--gx-ide-container__padding);\n\n    > * {\n      flex: 1;\n    }\n  }\n  &__front-end-objects {\n    display: flex;\n    gap: var(--gx-ide-grid-column-gap);\n  }\n}\n.footer-above {\n  display: flex;\n  gap: var(--gx-ide-container__padding);\n  > * {\n    flex: 1;\n    font-size: var(--mer-font__size--xxs);\n    padding: var(--mer-spacing--xs);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1.5em;\n  }\n  > *:first-child {\n    border-inline-end: var(--mer-border__width--sm) solid\n      var(--gx-ide-container-border-color);\n  }\n  &__right {\n    display: flex;\n    flex-direction: column;\n  }\n}\n","/* 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"],"mappings":"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"}