@genexus/genexus-ide-ui 0.0.100 → 0.0.102

package/dist/components/gx-ide-bpm-app-declaration.js

@@ -59,7 +59,7 @@ const convertSuggestedApplicationsToSuggestItems = (suggestedApplications) => {
     return suggestData;
 };
 
-const bpmAppDeclarationCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;}:host .header{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}:host .header__first-row{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}:host .header__first-row .application-suggest{flex:1}:host .data-mappings{display:flex;flex-direction:column}:host .row-button{display:flex;align-items:center}";
+const bpmAppDeclarationCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;}:host .header{display:flex;flex-direction:column;gap:var(--gx-ide-grid-row-gap)}:host .header__first-row{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}:host .header__first-row .application-suggest{flex:1}:host .data-mappings{display:flex;flex-direction:column}:host .row-button{display:flex;align-items:center}";
 
 const GxIdeBpmAppDeclaration$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeBpmAppDeclaration extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-bpm-app-declaration.js.map

@@ -1 +1 @@
-{"file":"gx-ide-bpm-app-declaration.js","mappings":"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","names":["GxIdeBpmAppDeclaration"],"sources":["src/components/bpm-application-declaration/helpers.ts","src/components/bpm-application-declaration/bpm-app-declaration.scss?tag=gx-ide-bpm-app-declaration&encapsulation=shadow","src/components/bpm-application-declaration/bpm-app-declaration.tsx"],"sourcesContent":["/* Ch Suggest*/\nimport { SuggestItemData } from \"@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list-item/ch-suggest-list-item\";\nimport { SuggestListData } from \"@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list/ch-suggest-list\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest\";\n\n/* References Types*/\n\n/**\n * @description This function converts string[] to SuggestItemData[]\n */\nexport const convertSuggestedApplicationsToSuggestItems = (\n  suggestedApplications: string[]\n): SuggestData => {\n  const suggestData: SuggestData = {\n    suggestItems: null,\n    suggestLists: []\n  };\n  if (suggestedApplications.length) {\n    const suggestList: SuggestListData = {\n      label: \"Applications\",\n      items: []\n    };\n    suggestedApplications.forEach((suggestedApplication: string) => {\n      const suggestItem: SuggestItemData = {\n        value: suggestedApplication,\n        description: null,\n        icon: null\n      };\n      suggestList.items.push(suggestItem);\n    });\n    suggestData.suggestLists.push(suggestList);\n  }\n  return suggestData;\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  .header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gx-ide-grid-row-gap);\n    &__first-row {\n      display: flex;\n      flex-direction: row;\n      gap: var(--gx-ide-grid-column-gap);\n      .application-suggest {\n        flex: 1;\n      }\n    }\n  }\n  /*data mappings*/\n  .data-mappings {\n    display: flex;\n    flex-direction: column;\n  }\n  .row-button {\n    display: flex;\n    align-items: center;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Watch,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest\";\nimport { renderSuggestLists } from \"../../common/render-suggest\";\nimport { renderComboItems } from \"../../common/render-combo-items\";\nimport { convertSuggestedApplicationsToSuggestItems } from \"./helpers\";\nimport { gridCommon } from \"../../common/grid\";\nimport { GxOption } from \"../../common/types\";\n@Component({\n  tag: \"gx-ide-bpm-app-declaration\",\n  styleUrl: \"bpm-app-declaration.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-app-declaration\"]\n})\nexport class GxIdeBpmAppDeclaration {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\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/bpm-app-declaration/shortcuts.json`\n  );\n\n  /**\n   * The state of the actual application. Used to add a new 'Relevant data' option on 'selectMappingCallback', and update the application with the new option\n   */\n  private applicationState: ApplicationDeclarationData;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n  private applicationSuggestEl: HTMLChSuggestElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Possible suggestions for the applications\n   */\n  @State() suggestedApplications: SuggestData;\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   * Current application value\n   */\n  @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n  @Watch(\"application\")\n  watchApplicationHandler(newApplication: ApplicationDeclarationData) {\n    this.applicationState = newApplication;\n  }\n\n  /**\n   * Callback invoked to get options for application input suggest\n   */\n  @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\n\n  /**\n   * Callback invoked to get access to selection application dialog\n   */\n  @Prop() readonly selectApplicationCallback: SelectApplicationCallback;\n\n  /**\n   * Callback invoked when user press mapping auto-def button\n   */\n  @Prop() readonly selectMappingCallback: SelectMappingCallback;\n\n  /**\n   * Callback invoked when user confirms application declaration\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * Callback invoked when user cancels application declaration\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user select one of the options provided by the suggest\n   */\n  @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\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    this.applicationState = this.application;\n  }\n\n  async componentDidLoad() {\n    /*  this.applicationSuggestValueChangedHandler(this.applicationText); */\n    this.listenApplicationSelected();\n    this.applicationSuggestEl.focus();\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 listenApplicationSelected = async () => {\n    this.applicationSuggestEl.addEventListener(\"itemSelected\", (e: any) => {\n      this.getDataMappingCallbackHandler(e.detail.value);\n    });\n  };\n\n  private applicationSuggestValueChangedHandler = async (\n    e: CustomEvent<string>\n  ) => {\n    const value = e.detail;\n    this.suggestApplicationsCallback(value)\n      .then(result => {\n        this.suggestedApplications =\n          convertSuggestedApplicationsToSuggestItems(result);\n      })\n      .catch(() => {\n        // to do\n      });\n  };\n\n  private getDataMappingCallbackHandler = async (applicationName: string) => {\n    this.application = await this.getDataMappingCallback(applicationName);\n  };\n\n  private selectApplicationCallbackHandler = async () => {\n    const callbackResult = await this.selectApplicationCallback();\n    if (callbackResult) {\n      this.application = callbackResult;\n    }\n  };\n\n  private confirmCallbackHandler = async () => {\n    await this.confirmCallback(this.application);\n  };\n\n  private cancelCallbackHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  private selectMappingCallbackHandler = (parameter: string) => async () => {\n    if (this.selectMappingCallback) {\n      const newRelevantData = await this.selectMappingCallback(parameter);\n      if (newRelevantData) {\n        // update actual application with new relevant data option\n        // first find mapping index\n        const dataIndex: number = this.applicationState.mappings.findIndex(\n          mapping => {\n            return mapping.parameter === parameter;\n          }\n        );\n        if (dataIndex !== -1) {\n          // new relevant data could be new, or already existent.\n          const found = this.applicationState.mappings[\n            dataIndex\n          ].relevantDataOptions.find(option => {\n            return option === newRelevantData;\n          });\n          if (!found) {\n            // new. add.\n            this.applicationState.mappings[dataIndex].relevantDataOptions.push(\n              newRelevantData\n            );\n          }\n          // always set this data as selected\n          this.applicationState.mappings[dataIndex].relevantData =\n            newRelevantData;\n          // update\n          this.application = { ...this.applicationState };\n        }\n      }\n    }\n  };\n\n  private dataOptionsToComboItems = (\n    relevantDataOptions: string[]\n  ): GxOption[] => {\n    const gxOptions: GxOption[] = [\n      { id: this._componentLocale.dataMappings.emptyOption }\n    ];\n    relevantDataOptions.forEach(relevantOption => {\n      const gxOption: GxOption = { id: relevantOption };\n      gxOptions.push(gxOption);\n    });\n    return gxOptions;\n  };\n\n  private clearApplicationHandler = () => {\n    this.application = {\n      application: undefined,\n      mappings: []\n    };\n  };\n\n  private renderDataMappingsGrid = (): Element => {\n    return (\n      <gxg-grid ellipsis-cell-wrapper noBorder>\n        <ch-grid part=\"ch-grid-data-mappings\">\n          <ch-grid-columnset>\n            <ch-grid-column\n              columnName={\n                this.application.application?.typeIcon === \"objects/transaction\"\n                  ? this._componentLocale.dataMappings.firstColName\n                  : this._componentLocale.dataMappings.firstColNameParameter\n              }\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n\n            <ch-grid-column\n              columnName={this._componentLocale.dataMappings.secondColName}\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n          </ch-grid-columnset>\n\n          {this.application.mappings.map((obj: DataMappingData, index) => (\n            <ch-grid-row rowId={index + obj.parameter}>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${obj.access}: ${obj.parameter}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  <gxg-combo-box disableFilter value={obj.relevantData}>\n                    {renderComboItems(\n                      this.dataOptionsToComboItems(obj.relevantDataOptions) ??\n                        []\n                    )}\n                  </gxg-combo-box>\n                  {/* <div class=\"row-button\">{obj.relevantData}</div> */}\n                </span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  <gxg-button\n                    data-index={index}\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/add\"\n                    onClick={this.selectMappingCallbackHandler(obj.parameter)}\n                    class=\"select-mapping-callback-button\"\n                  ></gxg-button>\n                </span>\n              </ch-grid-cell>\n            </ch-grid-row>\n          ))}\n        </ch-grid>\n      </gxg-grid>\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            noContentPadding\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <header slot=\"header\" class=\"header\">\n              <div class=\"header__first-row\">\n                <gxg-suggest class=\"application-suggest\">\n                  <ch-suggest\n                    value={this.application.application?.name || null}\n                    onValueChanged={this.applicationSuggestValueChangedHandler}\n                    ref={el =>\n                      (this.applicationSuggestEl = el as HTMLChSuggestElement)\n                    }\n                    part=\"application-suggest\"\n                  >\n                    {renderSuggestLists(this.suggestedApplications)}\n                  </ch-suggest>\n                </gxg-suggest>\n                <gxg-button\n                  type=\"secondary-icon-only\"\n                  icon=\"gemini-tools/show-more-horizontal\"\n                  onClick={this.selectApplicationCallbackHandler}\n                  class=\"selector-dialog-button\"\n                  part=\"open-selector-dialog-button\"\n                ></gxg-button>\n                <gxg-button\n                  type=\"outlined\"\n                  part=\"clear-application-button\"\n                  onClick={this.clearApplicationHandler}\n                >\n                  Clear\n                </gxg-button>\n              </div>\n              <div class=\"header__second-row\">\n                <gx-ide-title type=\"secondary\">\n                  {this._componentLocale.dataMappings.title}\n                </gx-ide-title>\n              </div>\n            </header>\n\n            <div class=\"data-mappings\">{this.renderDataMappingsGrid()}</div>\n            <gxg-button\n              type=\"secondary-text-only\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n              part=\"cancel-button\"\n            >\n              {this._componentLocale.buttons.cancelButton}\n            </gxg-button>\n            <gxg-button\n              type=\"primary-text-only\"\n              slot=\"footer-end\"\n              icon=\"general/datastore\"\n              onClick={this.confirmCallbackHandler}\n              part=\"confirm-button\"\n            >\n              {this._componentLocale.buttons.confirmButton}\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 ApplicationDeclarationData = {\n  application?: ApplicationData;\n  mappings: DataMappingData[];\n};\nexport type ApplicationData = {\n  name: string;\n  typeIcon: string;\n};\n\nexport type DataMappingData = {\n  parameter: string;\n  access: \"in\" | \"out\" | \"in-out\";\n  relevantDataOptions: string[];\n  relevantData?: string;\n};\n\nexport type SuggestApplicationsCallback = (\n  prefix: string\n) => Promise<string[] | undefined>;\n\nexport type SelectApplicationCallback = () => Promise<\n  ApplicationDeclarationData | undefined\n>;\n\nexport type SelectMappingCallback = (parameter: string) => Promise<string>;\n\nexport type ConfirmCallback = (\n  data: ApplicationDeclarationData\n) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataMappingCallback = (\n  applicationName: string\n) => Promise<ApplicationDeclarationData>;\n"],"version":3}
+{"file":"gx-ide-bpm-app-declaration.js","mappings":"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","names":["GxIdeBpmAppDeclaration"],"sources":["src/components/bpm-application-declaration/helpers.ts","src/components/bpm-application-declaration/bpm-app-declaration.scss?tag=gx-ide-bpm-app-declaration&encapsulation=shadow","src/components/bpm-application-declaration/bpm-app-declaration.tsx"],"sourcesContent":["/* Ch Suggest*/\nimport { SuggestItemData } from \"@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list-item/ch-suggest-list-item\";\nimport { SuggestListData } from \"@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list/ch-suggest-list\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest\";\n\n/* References Types*/\n\n/**\n * @description This function converts string[] to SuggestItemData[]\n */\nexport const convertSuggestedApplicationsToSuggestItems = (\n  suggestedApplications: string[]\n): SuggestData => {\n  const suggestData: SuggestData = {\n    suggestItems: null,\n    suggestLists: []\n  };\n  if (suggestedApplications.length) {\n    const suggestList: SuggestListData = {\n      label: \"Applications\",\n      items: []\n    };\n    suggestedApplications.forEach((suggestedApplication: string) => {\n      const suggestItem: SuggestItemData = {\n        value: suggestedApplication,\n        description: null,\n        icon: null\n      };\n      suggestList.items.push(suggestItem);\n    });\n    suggestData.suggestLists.push(suggestList);\n  }\n  return suggestData;\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  .header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--gx-ide-grid-row-gap);\n    &__first-row {\n      display: flex;\n      flex-direction: row;\n      gap: var(--gx-ide-grid-column-gap);\n      .application-suggest {\n        flex: 1;\n      }\n    }\n  }\n  /*data mappings*/\n  .data-mappings {\n    display: flex;\n    flex-direction: column;\n  }\n  .row-button {\n    display: flex;\n    align-items: center;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Watch,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { SuggestData } from \"@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest\";\nimport { renderSuggestLists } from \"../../common/render-suggest\";\nimport { renderComboItems } from \"../../common/render-combo-items\";\nimport { convertSuggestedApplicationsToSuggestItems } from \"./helpers\";\nimport { gridCommon } from \"../../common/grid\";\nimport { GxOption } from \"../../common/types\";\n@Component({\n  tag: \"gx-ide-bpm-app-declaration\",\n  styleUrl: \"bpm-app-declaration.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-app-declaration\"]\n})\nexport class GxIdeBpmAppDeclaration {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\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/bpm-app-declaration/shortcuts.json`\n  );\n\n  /**\n   * The state of the actual application. Used to add a new 'Relevant data' option on 'selectMappingCallback', and update the application with the new option\n   */\n  private applicationState: ApplicationDeclarationData;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmAppDeclarationElement;\n  private applicationSuggestEl: HTMLChSuggestElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Possible suggestions for the applications\n   */\n  @State() suggestedApplications: SuggestData;\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   * Current application value\n   */\n  @Prop({ mutable: true }) application: ApplicationDeclarationData;\n\n  @Watch(\"application\")\n  watchApplicationHandler(newApplication: ApplicationDeclarationData) {\n    this.applicationState = newApplication;\n  }\n\n  /**\n   * Callback invoked to get options for application input suggest\n   */\n  @Prop() readonly suggestApplicationsCallback: SuggestApplicationsCallback;\n\n  /**\n   * Callback invoked to get access to selection application dialog\n   */\n  @Prop() readonly selectApplicationCallback: SelectApplicationCallback;\n\n  /**\n   * Callback invoked when user press mapping auto-def button\n   */\n  @Prop() readonly selectMappingCallback: SelectMappingCallback;\n\n  /**\n   * Callback invoked when user confirms application declaration\n   */\n  @Prop() readonly confirmCallback: ConfirmCallback;\n\n  /**\n   * Callback invoked when user cancels application declaration\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user select one of the options provided by the suggest\n   */\n  @Prop() readonly getDataMappingCallback: GetDataMappingCallback;\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    this.applicationState = this.application;\n  }\n\n  async componentDidLoad() {\n    /*  this.applicationSuggestValueChangedHandler(this.applicationText); */\n    this.listenApplicationSelected();\n    this.applicationSuggestEl.focus();\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 listenApplicationSelected = async () => {\n    this.applicationSuggestEl.addEventListener(\"itemSelected\", (e: any) => {\n      this.getDataMappingCallbackHandler(e.detail.value);\n    });\n  };\n\n  private applicationSuggestValueChangedHandler = async (\n    e: CustomEvent<string>\n  ) => {\n    const value = e.detail;\n    this.suggestApplicationsCallback(value)\n      .then(result => {\n        this.suggestedApplications =\n          convertSuggestedApplicationsToSuggestItems(result);\n      })\n      .catch(() => {\n        // to do\n      });\n  };\n\n  private getDataMappingCallbackHandler = async (applicationName: string) => {\n    this.application = await this.getDataMappingCallback(applicationName);\n  };\n\n  private selectApplicationCallbackHandler = async () => {\n    const callbackResult = await this.selectApplicationCallback();\n    if (callbackResult) {\n      this.application = callbackResult;\n    }\n  };\n\n  private confirmCallbackHandler = async () => {\n    await this.confirmCallback(this.application);\n  };\n\n  private cancelCallbackHandler = async () => {\n    await this.cancelCallback();\n  };\n\n  private selectMappingCallbackHandler = (parameter: string) => async () => {\n    if (this.selectMappingCallback) {\n      const newRelevantData = await this.selectMappingCallback(parameter);\n      if (newRelevantData) {\n        // update actual application with new relevant data option\n        // first find mapping index\n        const dataIndex: number = this.applicationState.mappings.findIndex(\n          mapping => {\n            return mapping.parameter === parameter;\n          }\n        );\n        if (dataIndex !== -1) {\n          // new relevant data could be new, or already existent.\n          const found = this.applicationState.mappings[\n            dataIndex\n          ].relevantDataOptions.find(option => {\n            return option === newRelevantData;\n          });\n          if (!found) {\n            // new. add.\n            this.applicationState.mappings[dataIndex].relevantDataOptions.push(\n              newRelevantData\n            );\n          }\n          // always set this data as selected\n          this.applicationState.mappings[dataIndex].relevantData =\n            newRelevantData;\n          // update\n          this.application = { ...this.applicationState };\n        }\n      }\n    }\n  };\n\n  private dataOptionsToComboItems = (\n    relevantDataOptions: string[]\n  ): GxOption[] => {\n    const gxOptions: GxOption[] = [\n      { id: this._componentLocale.dataMappings.emptyOption }\n    ];\n    relevantDataOptions.forEach(relevantOption => {\n      const gxOption: GxOption = { id: relevantOption };\n      gxOptions.push(gxOption);\n    });\n    return gxOptions;\n  };\n\n  private clearApplicationHandler = () => {\n    this.application = {\n      application: undefined,\n      mappings: []\n    };\n  };\n\n  private renderDataMappingsGrid = (): Element => {\n    return (\n      <gxg-grid ellipsis-cell-wrapper noBorder>\n        <ch-grid part=\"ch-grid-data-mappings\">\n          <ch-grid-columnset>\n            <ch-grid-column\n              columnName={\n                this.application.application?.typeIcon === \"objects/transaction\"\n                  ? this._componentLocale.dataMappings.firstColName\n                  : this._componentLocale.dataMappings.firstColNameParameter\n              }\n              settingable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n\n            <ch-grid-column\n              columnName={this._componentLocale.dataMappings.secondColName}\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.common}\n            ></ch-grid-column>\n            <ch-grid-column\n              settingable={false}\n              sortable={false}\n              size={gridCommon.colSize.auto}\n            ></ch-grid-column>\n          </ch-grid-columnset>\n\n          {this.application.mappings.map((obj: DataMappingData, index) => (\n            <ch-grid-row rowId={index + obj.parameter}>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">{`${obj.access}: ${obj.parameter}`}</span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  <gxg-combo-box disableFilter value={obj.relevantData}>\n                    {renderComboItems(\n                      this.dataOptionsToComboItems(obj.relevantDataOptions) ??\n                        []\n                    )}\n                  </gxg-combo-box>\n                  {/* <div class=\"row-button\">{obj.relevantData}</div> */}\n                </span>\n              </ch-grid-cell>\n              <ch-grid-cell>\n                <span class=\"cell-wrapper\">\n                  <gxg-button\n                    data-index={index}\n                    type=\"secondary-icon-only\"\n                    icon=\"gemini-tools/add\"\n                    onClick={this.selectMappingCallbackHandler(obj.parameter)}\n                    class=\"select-mapping-callback-button\"\n                  ></gxg-button>\n                </span>\n              </ch-grid-cell>\n            </ch-grid-row>\n          ))}\n        </ch-grid>\n      </gxg-grid>\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            noContentPadding\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <header slot=\"header\" class=\"header\">\n              <div class=\"header__first-row\">\n                <gxg-suggest class=\"application-suggest\">\n                  <ch-suggest\n                    value={this.application.application?.name || null}\n                    onValueChanged={this.applicationSuggestValueChangedHandler}\n                    ref={el =>\n                      (this.applicationSuggestEl = el as HTMLChSuggestElement)\n                    }\n                    part=\"application-suggest\"\n                  >\n                    {renderSuggestLists(this.suggestedApplications)}\n                  </ch-suggest>\n                </gxg-suggest>\n                <gxg-button\n                  type=\"secondary-icon-only\"\n                  icon=\"gemini-tools/show-more-horizontal\"\n                  onClick={this.selectApplicationCallbackHandler}\n                  class=\"selector-dialog-button\"\n                  part=\"open-selector-dialog-button\"\n                ></gxg-button>\n                <gxg-button\n                  type=\"outlined\"\n                  part=\"clear-application-button\"\n                  onClick={this.clearApplicationHandler}\n                >\n                  Clear\n                </gxg-button>\n              </div>\n              <div class=\"header__second-row\">\n                <gx-ide-title type=\"secondary\">\n                  {this._componentLocale.dataMappings.title}\n                </gx-ide-title>\n              </div>\n            </header>\n\n            <div class=\"data-mappings\">{this.renderDataMappingsGrid()}</div>\n            <gxg-button\n              type=\"secondary-text-only\"\n              slot=\"footer-end\"\n              onClick={this.cancelCallbackHandler}\n              part=\"cancel-button\"\n            >\n              {this._componentLocale.buttons.cancelButton}\n            </gxg-button>\n            <gxg-button\n              type=\"primary-text-only\"\n              slot=\"footer-end\"\n              icon=\"general/datastore\"\n              onClick={this.confirmCallbackHandler}\n              part=\"confirm-button\"\n            >\n              {this._componentLocale.buttons.confirmButton}\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 ApplicationDeclarationData = {\n  application?: ApplicationData;\n  mappings: DataMappingData[];\n};\nexport type ApplicationData = {\n  name: string;\n  typeIcon: string;\n};\n\nexport type DataMappingData = {\n  parameter: string;\n  access: \"in\" | \"out\" | \"in-out\";\n  relevantDataOptions: string[];\n  relevantData?: string;\n};\n\nexport type SuggestApplicationsCallback = (\n  prefix: string\n) => Promise<string[] | undefined>;\n\nexport type SelectApplicationCallback = () => Promise<\n  ApplicationDeclarationData | undefined\n>;\n\nexport type SelectMappingCallback = (parameter: string) => Promise<string>;\n\nexport type ConfirmCallback = (\n  data: ApplicationDeclarationData\n) => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type GetDataMappingCallback = (\n  applicationName: string\n) => Promise<ApplicationDeclarationData>;\n"],"version":3}

package/dist/components/gx-ide-card.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { L as Locale } from './locale.js';
 
-const cardCss = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}";
+const cardCss = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}";
 
 const GxIdeCard$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeCard extends HTMLElement {
     constructor() {

package/dist/components/gx-ide-card.js.map

@@ -1 +1 @@
-{"file":"gx-ide-card.js","mappings":";;;AAAA,MAAM,OAAO,GAAG,qmFAAqmF;;MCoBxmFA,WAAS;;;;;;QAqBZ,sBAAiB,GAAG,KAAK,CAAC;;;;;;IAkClC,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACnE;IAED,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CACpC,CAAC;YACF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;KACF;;;;;IAUD,MAAM;QACJ,OAAO,EAAC,IAAI,OAAQ,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GxIdeCard"],"sources":["src/components/_helpers/card/card.scss?tag=gx-ide-card&encapsulation=shadow","src/components/_helpers/card/card.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-card\",\n  styleUrl: \"card.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/card\"]\n})\nexport class GxIdeCard {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\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: HTMLGxIdeCardElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * The card title (required)\n   */\n  @Prop() readonly cardTitle!: string;\n\n  /**\n   * An optional sub-title that will show on the oposite side of the main title.\n   */\n  @Prop() readonly cardSubTitle: string;\n\n  /**\n   * An optional icon that will show before the title\n   */\n  @Prop() readonly icon: string;\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  // 10.RENDER() FUNCTION //\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"version":3}
+{"file":"gx-ide-card.js","mappings":";;;AAAA,MAAM,OAAO,GAAG,k3VAAk3V;;MCoBr3VA,WAAS;;;;;;QAqBZ,sBAAiB,GAAG,KAAK,CAAC;;;;;;IAkClC,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,MAAM,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;KACnE;IAED,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,2BAA2B,CAAC,IAAI,CACnC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CACpC,CAAC;YACF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;KACF;;;;;IAUD,MAAM;QACJ,OAAO,EAAC,IAAI,OAAQ,CAAC;KACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GxIdeCard"],"sources":["src/components/_helpers/card/card.scss?tag=gx-ide-card&encapsulation=shadow","src/components/_helpers/card/card.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-card\",\n  styleUrl: \"card.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/card\"]\n})\nexport class GxIdeCard {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\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: HTMLGxIdeCardElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * The card title (required)\n   */\n  @Prop() readonly cardTitle!: string;\n\n  /**\n   * An optional sub-title that will show on the oposite side of the main title.\n   */\n  @Prop() readonly cardSubTitle: string;\n\n  /**\n   * An optional icon that will show before the title\n   */\n  @Prop() readonly icon: string;\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  // 10.RENDER() FUNCTION //\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"version":3}

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

@@ -22,7 +22,7 @@ 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 = ".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;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 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}: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() {

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

@@ -1 +1 @@
-{"file":"gx-ide-create-kb-from-server.js","mappings":"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","names":["GxIdeCreateKbFromServer"],"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:host(.gxi-create-kb-from-server--shadow) {\n}\n\n.grid-data {\n  grid-template-columns: repeat(2, 1fr);\n}\n.grid-data-account {\n  grid-template-columns: auto 1fr;\n  > :nth-child(1) {\n    grid-area: 1 / 1 / 2 / 3;\n  }\n  > :nth-child(6) {\n    grid-area: 4 / 2 / 5 / 3;\n  }\n}\n.grid-data-kbs {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-grid-row-gap);\n  .search-kbs {\n    width: 100%;\n    display: flex;\n  }\n  .box-kbs {\n    height: 150px;\n  }\n}\n.grid-data-kbs-footer {\n  display: flex;\n}\n.flex {\n  display: flex;\n  > :nth-child(2) {\n    flex: 1;\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  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { SelectionChangedEvent } from \"@genexus/gemini/dist/types/components/list-box/list-box\";\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"../../common/types\";\nimport { Locale } from \"../../common/locale\";\nimport { renderFormItems } from \"../../common/common\";\nimport {\n  FormSubmitResult,\n  GxServerAuthenticationType\n} from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\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  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\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  /* References needed to collect data with \"Connect\" and \"Create\" buttons submit*/\n  private authenticationTypeEl!: HTMLGxgComboBoxElement;\n  private serverUrlsEl!: HTMLGxgComboBoxElement;\n  private kbNameEl!: HTMLGxgFormTextElement;\n  private passwordEl!: HTMLGxgFormTextElement;\n  private userNameEl!: HTMLGxgFormTextElement;\n  private searchKBEl!: HTMLGxgFormTextElement;\n  private listBoxEl!: HTMLElement;\n  private kbIdSelected: string = null;\n  private authenticationTypes: GxOption[] = [];\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Disabled or not the part for select and create the KB\n   */\n  @State() selectionKbDisabled = true;\n\n  /**\n   * KBs that return from connect to the server\n   */\n\n  @State() kbs: KBData[] = [];\n  @Watch(\"kbs\")\n  watchPropHandler(newKbs: KBData[]) {\n    /* When the list of servers are updated, the first server is selected by default */\n    this.kbIdSelected = newKbs[0].id;\n    this.kbName = newKbs[0].name;\n  }\n\n  /**\n   * KBs search text\n   */\n  @State() kbSearchText = \"\";\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   * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)\n   */\n  @Prop() readonly connectCallback: (\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>;\n\n  /**\n   * Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n   */\n  @Prop() readonly createKBCallback: (\n    data: CreateKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * If is true then the user can specify a server url that don't be in the combo box of server urls.\n   */\n  @Prop() readonly enableCustomServer: boolean = false;\n\n  /**\n   * The knowledge base default suggested name\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Password for the database connection.\n   */\n  @Prop() readonly password: string;\n\n  /**\n   * Array of URLs of cataloged servers to be displayed in the combo\n   */\n  @Prop() readonly serverUrls!: string[];\n\n  /**\n   * Username for the database connection.\n   */\n  @Prop() readonly userName: string;\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    this.setAuthenticationTypes();\n  }\n\n  componentDidLoad() {\n    (this.serverUrlsEl as HTMLElement).focus();\n    this.addEventListeners();\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 setAuthenticationTypes = () => {\n    this.authenticationTypes = [\n      {\n        id: \"genexus\",\n        value: \"genexus\",\n        label: this._componentLocale.authenticationTypes.genexusAccount\n      },\n      {\n        id: \"local\",\n        value: \"local\",\n        label: this._componentLocale.authenticationTypes.local\n      }\n    ];\n  };\n\n  private addEventListeners = () => {\n    this.serverUrlsEl.addEventListener(\"valueChanged\", () => {\n      this.reset();\n    });\n\n    this.searchKBEl.addEventListener(\n      \"valueChanged\",\n      (e: CustomEvent<string>) => {\n        this.kbNameEl.value = \"\";\n        this.kbIdSelected = null;\n        this.kbSearchText = e.detail;\n      }\n    );\n\n    this.listBoxEl.addEventListener(\n      \"selectionChanged\",\n      (ev: CustomEvent<SelectionChangedEvent>): void => {\n        const selectedItems = ev.detail.items;\n        let selectedItem;\n        if (selectedItems.length > 0) {\n          selectedItem = ev.detail.items[0];\n        }\n        if (selectedItem) {\n          this.kbIdSelected = selectedItem.value;\n          const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);\n          if (kbSelected) {\n            this.kbNameEl.value = kbSelected.name;\n          }\n        }\n      }\n    );\n  };\n\n  private reset() {\n    this.kbs = [];\n    this.kbIdSelected = null;\n    this.selectionKbDisabled = true;\n    this.searchKBEl.value = \"\";\n    this.kbSearchText = \"\";\n  }\n\n  private createKbHandler = (): void => {\n    if (this.createKBCallback) {\n      const createKBCallbackPromise = this.createKBCallback({\n        id: this.kbIdSelected,\n        name: this.kbNameEl.value\n      });\n      createKBCallbackPromise.then((formSubmitResult: FormSubmitResult) => {\n        formSubmitValidation(formSubmitResult, this);\n      });\n    }\n  };\n\n  private connectCallbackHandler = (): void => {\n    if (this.connectCallback) {\n      const connectCallbackPromise = this.connectCallback({\n        serverUrl: this.serverUrlsEl.value,\n        authenticationType: this.authenticationTypeEl.value,\n        user: this.userNameEl?.value,\n        password: this.passwordEl?.value\n      });\n      connectCallbackPromise.then(\n        (connectionResultData: ConnectionResultData) => {\n          formSubmitValidation(connectionResultData.formResult, this);\n          if (\n            connectionResultData.formResult.success &&\n            connectionResultData.kbs\n          ) {\n            this.kbs = connectionResultData.kbs;\n            this.selectionKbDisabled = false;\n          }\n        }\n      );\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\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            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <div class=\"flex\">\n              {/* #kb name */}\n              <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                {this._componentLocale.label.serverUrl}\n              </gxg-label>\n              <gxg-combo-box\n                disableFilter={!this.enableCustomServer}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.serverUrlsEl = el as HTMLGxgComboBoxElement)\n                }\n                class=\"server-urls-combo-box\"\n                part=\"server-urls\"\n              >\n                {this.serverUrls\n                  ? renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.serverUrls.map(sUrl => ({\n                        id: sUrl,\n                        label: sUrl,\n                        value: sUrl\n                      })),\n                      \"server-urls\"\n                    )\n                  : null}\n              </gxg-combo-box>\n            </div>\n            <div class=\"grid grid-data\">\n              <div>\n                <div class=\"grid grid-data-account\">\n                  {/* #authentication type */}\n                  <gxg-combo-box\n                    disableFilter\n                    value={this.authenticationTypes[0].id}\n                    ref={(el: HTMLGxgComboBoxElement) =>\n                      (this.authenticationTypeEl = el as HTMLGxgComboBoxElement)\n                    }\n                    class=\"authentication-type\"\n                    part=\"authentication-type\"\n                    onValueChanged={this.evaluateAuthenticationType}\n                  >\n                    {renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.authenticationTypes,\n                      \"authentication-type\"\n                    )}\n                  </gxg-combo-box>\n\n                  {/* #user name */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.userName}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.userNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.userName}\n                    class=\"user-name\"\n                    part=\"user-name\"\n                  ></gxg-form-text>\n\n                  {/* #password */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.password}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    password\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.passwordEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.password}\n                    class=\"password\"\n                    part=\"password\"\n                  ></gxg-form-text>\n\n                  {/* #connect */}\n                  <div>\n                    <gxg-button\n                      id=\"button-connect\"\n                      type=\"primary-text-only\"\n                      onClick={this.connectCallbackHandler}\n                      part=\"button-connect\"\n                    >\n                      {this._componentLocale.buttons.connect}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"grid\">\n                <div class=\"grid-data-kbs\">\n                  <div class=\"search-kbs\">\n                    <gxg-form-text\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.searchKBEl = el as HTMLGxgFormTextElement)\n                      }\n                      class=\"search-kb-input\"\n                      part=\"search-kb\"\n                      disabled={this.selectionKbDisabled}\n                      placeholder={this._componentLocale.label.searchKbs}\n                    ></gxg-form-text>\n                  </div>\n                  <div class=\"box-kbs\">\n                    <gxg-list-box\n                      singleSelection\n                      disabled={this.selectionKbDisabled}\n                      ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                      part=\"kbs\"\n                    >\n                      {this.kbs\n                        .filter(kb =>\n                          kb.name\n                            .toLowerCase()\n                            .includes(this.kbSearchText.toLowerCase())\n                        )\n                        .map(kb => (\n                          <gxg-list-box-item value={kb.id} key={kb.id}>\n                            {kb.name}\n                          </gxg-list-box-item>\n                        ))}\n                    </gxg-list-box>\n                  </div>\n                </div>\n                <div class=\"grid grid-data-kbs-footer\">\n                  {/* #kbName */}\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.kbNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    label={this._componentLocale.localKb}\n                    value={this.kbName}\n                    class=\"kb-name\"\n                    part=\"kb-name\"\n                    disabled={this.selectionKbDisabled}\n                  ></gxg-form-text>\n\n                  {/* #create button */}\n                  <div>\n                    <gxg-button\n                      id=\"button-create\"\n                      type=\"primary-text-only\"\n                      onClick={this.createKbHandler}\n                      part=\"button-create\"\n                      disabled={this.selectionKbDisabled}\n                    >\n                      {this._componentLocale.buttons.create}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport interface GXServerConnectionData {\n  serverUrl: string;\n  authenticationType: GxServerAuthenticationType;\n  user: string;\n  password: string;\n}\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\nexport interface KBData {\n  id: string;\n  name: string;\n}\nexport interface CreateKBData {\n  id: string;\n  name: string;\n}\n"],"version":3}
+{"file":"gx-ide-create-kb-from-server.js","mappings":"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","names":["GxIdeCreateKbFromServer"],"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:host(.gxi-create-kb-from-server--shadow) {\n}\n\n.grid-data {\n  grid-template-columns: repeat(2, 1fr);\n}\n.grid-data-account {\n  grid-template-columns: auto 1fr;\n  > :nth-child(1) {\n    grid-area: 1 / 1 / 2 / 3;\n  }\n  > :nth-child(6) {\n    grid-area: 4 / 2 / 5 / 3;\n  }\n}\n.grid-data-kbs {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-grid-row-gap);\n  .search-kbs {\n    width: 100%;\n    display: flex;\n  }\n  .box-kbs {\n    height: 150px;\n  }\n}\n.grid-data-kbs-footer {\n  display: flex;\n}\n.flex {\n  display: flex;\n  > :nth-child(2) {\n    flex: 1;\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  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { SelectionChangedEvent } from \"@genexus/gemini/dist/types/components/list-box/list-box\";\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"../../common/types\";\nimport { Locale } from \"../../common/locale\";\nimport { renderFormItems } from \"../../common/common\";\nimport {\n  FormSubmitResult,\n  GxServerAuthenticationType\n} from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\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  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\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  /* References needed to collect data with \"Connect\" and \"Create\" buttons submit*/\n  private authenticationTypeEl!: HTMLGxgComboBoxElement;\n  private serverUrlsEl!: HTMLGxgComboBoxElement;\n  private kbNameEl!: HTMLGxgFormTextElement;\n  private passwordEl!: HTMLGxgFormTextElement;\n  private userNameEl!: HTMLGxgFormTextElement;\n  private searchKBEl!: HTMLGxgFormTextElement;\n  private listBoxEl!: HTMLElement;\n  private kbIdSelected: string = null;\n  private authenticationTypes: GxOption[] = [];\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Disabled or not the part for select and create the KB\n   */\n  @State() selectionKbDisabled = true;\n\n  /**\n   * KBs that return from connect to the server\n   */\n\n  @State() kbs: KBData[] = [];\n  @Watch(\"kbs\")\n  watchPropHandler(newKbs: KBData[]) {\n    /* When the list of servers are updated, the first server is selected by default */\n    this.kbIdSelected = newKbs[0].id;\n    this.kbName = newKbs[0].name;\n  }\n\n  /**\n   * KBs search text\n   */\n  @State() kbSearchText = \"\";\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   * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)\n   */\n  @Prop() readonly connectCallback: (\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>;\n\n  /**\n   * Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n   */\n  @Prop() readonly createKBCallback: (\n    data: CreateKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * If is true then the user can specify a server url that don't be in the combo box of server urls.\n   */\n  @Prop() readonly enableCustomServer: boolean = false;\n\n  /**\n   * The knowledge base default suggested name\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) kbName: string;\n\n  /**\n   * Password for the database connection.\n   */\n  @Prop() readonly password: string;\n\n  /**\n   * Array of URLs of cataloged servers to be displayed in the combo\n   */\n  @Prop() readonly serverUrls!: string[];\n\n  /**\n   * Username for the database connection.\n   */\n  @Prop() readonly userName: string;\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    this.setAuthenticationTypes();\n  }\n\n  componentDidLoad() {\n    (this.serverUrlsEl as HTMLElement).focus();\n    this.addEventListeners();\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 setAuthenticationTypes = () => {\n    this.authenticationTypes = [\n      {\n        id: \"genexus\",\n        value: \"genexus\",\n        label: this._componentLocale.authenticationTypes.genexusAccount\n      },\n      {\n        id: \"local\",\n        value: \"local\",\n        label: this._componentLocale.authenticationTypes.local\n      }\n    ];\n  };\n\n  private addEventListeners = () => {\n    this.serverUrlsEl.addEventListener(\"valueChanged\", () => {\n      this.reset();\n    });\n\n    this.searchKBEl.addEventListener(\n      \"valueChanged\",\n      (e: CustomEvent<string>) => {\n        this.kbNameEl.value = \"\";\n        this.kbIdSelected = null;\n        this.kbSearchText = e.detail;\n      }\n    );\n\n    this.listBoxEl.addEventListener(\n      \"selectionChanged\",\n      (ev: CustomEvent<SelectionChangedEvent>): void => {\n        const selectedItems = ev.detail.items;\n        let selectedItem;\n        if (selectedItems.length > 0) {\n          selectedItem = ev.detail.items[0];\n        }\n        if (selectedItem) {\n          this.kbIdSelected = selectedItem.value;\n          const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);\n          if (kbSelected) {\n            this.kbNameEl.value = kbSelected.name;\n          }\n        }\n      }\n    );\n  };\n\n  private reset() {\n    this.kbs = [];\n    this.kbIdSelected = null;\n    this.selectionKbDisabled = true;\n    this.searchKBEl.value = \"\";\n    this.kbSearchText = \"\";\n  }\n\n  private createKbHandler = (): void => {\n    if (this.createKBCallback) {\n      const createKBCallbackPromise = this.createKBCallback({\n        id: this.kbIdSelected,\n        name: this.kbNameEl.value\n      });\n      createKBCallbackPromise.then((formSubmitResult: FormSubmitResult) => {\n        formSubmitValidation(formSubmitResult, this);\n      });\n    }\n  };\n\n  private connectCallbackHandler = (): void => {\n    if (this.connectCallback) {\n      const connectCallbackPromise = this.connectCallback({\n        serverUrl: this.serverUrlsEl.value,\n        authenticationType: this.authenticationTypeEl.value,\n        user: this.userNameEl?.value,\n        password: this.passwordEl?.value\n      });\n      connectCallbackPromise.then(\n        (connectionResultData: ConnectionResultData) => {\n          formSubmitValidation(connectionResultData.formResult, this);\n          if (\n            connectionResultData.formResult.success &&\n            connectionResultData.kbs\n          ) {\n            this.kbs = connectionResultData.kbs;\n            this.selectionKbDisabled = false;\n          }\n        }\n      );\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\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            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <div class=\"flex\">\n              {/* #kb name */}\n              <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                {this._componentLocale.label.serverUrl}\n              </gxg-label>\n              <gxg-combo-box\n                disableFilter={!this.enableCustomServer}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.serverUrlsEl = el as HTMLGxgComboBoxElement)\n                }\n                class=\"server-urls-combo-box\"\n                part=\"server-urls\"\n              >\n                {this.serverUrls\n                  ? renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.serverUrls.map(sUrl => ({\n                        id: sUrl,\n                        label: sUrl,\n                        value: sUrl\n                      })),\n                      \"server-urls\"\n                    )\n                  : null}\n              </gxg-combo-box>\n            </div>\n            <div class=\"grid grid-data\">\n              <div>\n                <div class=\"grid grid-data-account\">\n                  {/* #authentication type */}\n                  <gxg-combo-box\n                    disableFilter\n                    value={this.authenticationTypes[0].id}\n                    ref={(el: HTMLGxgComboBoxElement) =>\n                      (this.authenticationTypeEl = el as HTMLGxgComboBoxElement)\n                    }\n                    class=\"authentication-type\"\n                    part=\"authentication-type\"\n                    onValueChanged={this.evaluateAuthenticationType}\n                  >\n                    {renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.authenticationTypes,\n                      \"authentication-type\"\n                    )}\n                  </gxg-combo-box>\n\n                  {/* #user name */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.userName}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.userNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.userName}\n                    class=\"user-name\"\n                    part=\"user-name\"\n                  ></gxg-form-text>\n\n                  {/* #password */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.password}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    password\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.passwordEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.password}\n                    class=\"password\"\n                    part=\"password\"\n                  ></gxg-form-text>\n\n                  {/* #connect */}\n                  <div>\n                    <gxg-button\n                      id=\"button-connect\"\n                      type=\"primary-text-only\"\n                      onClick={this.connectCallbackHandler}\n                      part=\"button-connect\"\n                    >\n                      {this._componentLocale.buttons.connect}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"grid\">\n                <div class=\"grid-data-kbs\">\n                  <div class=\"search-kbs\">\n                    <gxg-form-text\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.searchKBEl = el as HTMLGxgFormTextElement)\n                      }\n                      class=\"search-kb-input\"\n                      part=\"search-kb\"\n                      disabled={this.selectionKbDisabled}\n                      placeholder={this._componentLocale.label.searchKbs}\n                    ></gxg-form-text>\n                  </div>\n                  <div class=\"box-kbs\">\n                    <gxg-list-box\n                      singleSelection\n                      disabled={this.selectionKbDisabled}\n                      ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                      part=\"kbs\"\n                    >\n                      {this.kbs\n                        .filter(kb =>\n                          kb.name\n                            .toLowerCase()\n                            .includes(this.kbSearchText.toLowerCase())\n                        )\n                        .map(kb => (\n                          <gxg-list-box-item value={kb.id} key={kb.id}>\n                            {kb.name}\n                          </gxg-list-box-item>\n                        ))}\n                    </gxg-list-box>\n                  </div>\n                </div>\n                <div class=\"grid grid-data-kbs-footer\">\n                  {/* #kbName */}\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.kbNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    label={this._componentLocale.localKb}\n                    value={this.kbName}\n                    class=\"kb-name\"\n                    part=\"kb-name\"\n                    disabled={this.selectionKbDisabled}\n                  ></gxg-form-text>\n\n                  {/* #create button */}\n                  <div>\n                    <gxg-button\n                      id=\"button-create\"\n                      type=\"primary-text-only\"\n                      onClick={this.createKbHandler}\n                      part=\"button-create\"\n                      disabled={this.selectionKbDisabled}\n                    >\n                      {this._componentLocale.buttons.create}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport interface GXServerConnectionData {\n  serverUrl: string;\n  authenticationType: GxServerAuthenticationType;\n  user: string;\n  password: string;\n}\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\nexport interface KBData {\n  id: string;\n  name: string;\n}\nexport interface CreateKBData {\n  id: string;\n  name: string;\n}\n"],"version":3}