@genexus/genexus-ide-ui 2.1.1 → 2.1.3

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapKbsModelToActionListModel","kbsData","listBoxItems","forEach","kb","push","id","type","caption","name","createKbFromServerCss","CSS_BUNDLES","INFO_ICON","getIconPath","category","colorType","GxIdeCreateKbFromServer","_GxIdeCreateKbFromServer_chSearchIcon","set","this","_GxIdeCreateKbFromServer_showMoreIcon","_GxIdeCreateKbFromServer_versionsSelect","value","_GxIdeCreateKbFromServer__componentLocale","_GxIdeCreateKbFromServer_kbsActionListModel","_GxIdeCreateKbFromServer_kbVersions","_GxIdeCreateKbFromServer_chShortcutsEl","_GxIdeCreateKbFromServer_shortcutsSrc","getAssetPath","_GxIdeCreateKbFromServer_selectedKbId","_GxIdeCreateKbFromServer_kbNameAlreadyEditedByUser","_GxIdeCreateKbFromServer_versionSelectedTypeEl","_GxIdeCreateKbFromServer_localKBNameEl","_GxIdeCreateKbFromServer_cancelHandler","cancelCallback","_GxIdeCreateKbFromServer_changeConnectionHandler","async","changeConnectionCallback","authenticationType","connectionData","serverUrl","userName","userPassword","_GxIdeCreateKbFromServer_createHandler","versionSelectedType","__classPrivateFieldSet","createKBCallback","selectedKB","__classPrivateFieldGet","versionSelected","localKBName","localKbNameInputValue","versionList","then","formSubmitResult","validatableControls","validateControls","_GxIdeCreateKbFromServer_evaluateTooltipRender","controlReference","_b","_a","get","hasError","_c","message","h","class","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","_GxIdeCreateKbFromServer_filterValueChangedHandler","event","filterValue","detail","toLowerCase","kbsFilteredActionListModel","filter","item","includes","_GxIdeCreateKbFromServer_init","getGXserverKBsCallback","result","_GxIdeCreateKbFromServer_initializeValidatableControls","validatableControl","reference","undefined","_GxIdeCreateKbFromServer_inputLocalKbNameHandler","_GxIdeCreateKbFromServer_selectedVersionHandler","selectKBVersionsCallback","length","map","kbVersion","versionsValueInput","versionsPlaceholder","toString","versionSelectedFieldValue","oneVersionSelectedFieldValue","_GxIdeCreateKbFromServer_selectKbChangeHandler","enableSelectVersionsButton","_GxIdeCreateKbFromServer_versionsChangedHandler","_GxIdeCreateKbFromServer_sortItems","model","sort","a","b","toLocaleLowerCase","localeCompare","_GxIdeCreateKbFromServer_renderFooter","onClick","part","footer","cancel","disabled","createKb","Map","componentDidLoad","call","loading","componentWillLoad","Locale","getComponentStrings","el","suspendShortcuts","suspend","render","Host","src","ref","header","user","change","loaderTitle","loader","title","description","show","Fragment","startImgSrc","onInput","placeholder","searchKbsPlaceholder","stateIconSrc","stateTitle","emptyKBsText","isAnimated","selection","onSelectedItemsChange","sortItemsCallback","onChange","htmlFor","versionsLabel","readonly","versionsPlaceholderDisabled","localKbNameLabel","localKbNamePlaceholder"],"sources":["src/components/team-dev/create-kb-from-server/helpers.ts","src/components/team-dev/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/team-dev/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["import { ActionListItemModel } from \"@genexus/chameleon-controls-library\";\nimport { KBData } from \"./create-kb-from-server\";\n\nexport const mapKbsModelToActionListModel = (\n  kbsData: KBData[]\n): ActionListItemModel[] => {\n  const listBoxItems: ActionListItemModel[] = [];\n  kbsData.forEach(kb => {\n    listBoxItems.push({\n      id: kb.id,\n      type: \"actionable\",\n      caption: kb.name\n    });\n  });\n  return listBoxItems;\n};\n","@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n// - - - - - - - - - - -\n// Header\n// - - - - - - - - - - -\n\nheader {\n  display: grid;\n  grid-template-rows: max-content;\n  grid-template-columns: 1fr 1fr max-content;\n}\n\n.button-change {\n  align-self: center;\n  justify-self: end;\n}\n\n// - - - - - - - - - - -\n// Main\n// - - - - - - - - - - -\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: max-content 1fr max-content max-content;\n  position: relative;\n}\n\n.search-kbs {\n  inline-size: 50%;\n}\n\n.versions-container {\n  grid-auto-rows: max-content;\n\n  &__input {\n    display: grid;\n    grid-template-columns: 1fr max-content;\n    gap: var(--spacing-gap-m);\n  }\n}\n","// Stencil\nimport {\n  Component,\n  Element,\n  Fragment,\n  getAssetPath,\n  h,\n  Host,\n  Method,\n  Prop,\n  State\n} from \"@stencil/core\";\n\n// Other Libraries\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\n// Custom Imports\nimport {\n  ActionListItemActionable,\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ChActionListRenderCustomEvent,\n  ChEditCustomEvent\n} from \"@genexus/chameleon-controls-library\";\nimport { RadioGroupItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/radio-group/types\";\nimport { config } from \"../../../common/config\";\nimport {\n  ControlValidation,\n  validateControls\n} from \"../../../common/form-validation\";\nimport { Locale } from \"../../../common/locale\";\nimport { FormSubmitResult } from \"../../../common/types\";\nimport { GXServerConnectionData } from \"../connect-gx-server/connect-gx-server\";\nimport { KBVersion } from \"../version-control/common/types\";\nimport { mapKbsModelToActionListModel } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"components/list-box\",\n  \"components/tooltip\",\n  \"chameleon/scrollbar\"\n];\n\nconst INFO_ICON = getIconPath({\n  category: \"system\",\n  name: \"information\",\n  colorType: \"on-surface\"\n});\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  #chSearchIcon = getIconPath({\n    category: \"system\",\n    name: \"search\",\n    colorType: \"interactive\"\n  });\n\n  #showMoreIcon = getIconPath({\n    category: \"system\",\n    name: \"more-horizontal\",\n    colorType: \"interactive\"\n  });\n\n  #versionsSelect: RadioGroupItemModel[] = [\n    { value: \"Trunk\", caption: \"Trunk Version\" },\n    { value: \"All\", caption: \"All Versions\" },\n    { value: \"Select\", caption: \"Select Version\" }\n  ];\n\n  [key: string]: any;\n\n  #_componentLocale: any;\n  #kbsActionListModel: ActionListItemModel[] = [];\n  #kbVersions: KBVersion[] = [];\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n  #selectedKbId: string;\n  #kbNameAlreadyEditedByUser: boolean = false;\n\n  #versionSelectedTypeEl: HTMLChRadioGroupRenderElement;\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  #localKBNameEl!: HTMLChEditElement;\n\n  /**\n   * State to enable/disable the select versions button\n   */\n  @State() enableSelectVersionsButton: boolean = false;\n\n  /**\n   * The current kbn name value.\n   */\n  @State() localKbNameInputValue: string = \"\";\n\n  /**\n   * State to store the loading state of the component\n   */\n  @State() loading = true;\n\n  /**\n   * State to store the filter input value to filter the list-box\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * KBs filtered\n   */\n  @State() kbsFilteredActionListModel: ActionListItemModel[] = [];\n\n  @State() validatableControls = new Map<string, ControlValidation>();\n\n  /**\n   * The version selected type\n   */\n  @State() versionSelectedType: VersionOption;\n\n  /**\n   * String value to show the number of versions selected (\"N versions selected\")\n   */\n  @State() versionsValueInput: string = \"\";\n\n  /**\n   * Set of data required when executing any of the callbacks that require a connection to the server.\n   */\n  @Prop() readonly connectionData: GXServerConnectionData;\n\n  /**\n   * Callback that is invoked when the dialog is closed\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * The host reopens the gx-ide-connect-server login modal with the previous data, and closes the current modal\n   */\n  @Prop() readonly changeConnectionCallback: (\n    data: GXServerConnectionData\n  ) => Promise<void>;\n\n  /**\n   * Callback that must be invoked when the 'Create KB' button is pressed. Receives the user's parameter selection to create the remote KB locally and ends the dialog.\n   */\n  @Prop() readonly createKBCallback!: (\n    kbInfo: KnowledgeBaseInfo\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * Callback that must be invoked when invoking the dialog\n   */\n  @Prop() readonly getGXserverKBsCallback!: (\n    data: GXServerConnectionData\n  ) => Promise<KBData[]>;\n\n  /**\n   *  Callback invoked by pressing the ellipsis in the version selector. Receives the KB selected by the user, and displays the version selector dialog. Returns a list of versions chosen by the user.\n   */\n  @Prop() readonly selectKBVersionsCallback: (\n    selectedKB: string\n  ) => Promise<KBVersion[]>;\n\n  async componentDidLoad() {\n    await this.#init();\n    this.loading = false;\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancelHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #changeConnectionHandler = async (): Promise<void> => {\n    this.changeConnectionCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    });\n  };\n\n  #createHandler = async (): Promise<void> => {\n    if (this.versionSelectedType !== \"Select\") {\n      this.#kbVersions = [];\n    }\n    this.createKBCallback({\n      selectedKB: this.#selectedKbId,\n      versionSelected: this.versionSelectedType,\n      localKBName: this.localKbNameInputValue,\n      versionList: this.#kbVersions\n    }).then((formSubmitResult: FormSubmitResult) => {\n      this.validatableControls = validateControls(\n        formSubmitResult,\n        this.validatableControls\n      );\n    });\n  };\n\n  // TODO: evaluate if this should be a global helper function.\n  // It is used on other dialogs as well.\n  #evaluateTooltipRender = (\n    controlReference: HTMLElement\n  ): HTMLChTooltipElement =>\n    this.validatableControls?.get(controlReference?.id)?.hasError &&\n    this.validatableControls.get(controlReference.id)?.message && (\n      <ch-tooltip\n        class=\"tooltip\"\n        actionElement={controlReference as unknown as HTMLButtonElement}\n        blockAlign={config.tooltipSettings.blockAlign}\n        inlineAlign={config.tooltipSettings.inlineAlign}\n        delay={config.tooltipSettings.delay}\n      >\n        {this.validatableControls.get(controlReference.id).message}\n      </ch-tooltip>\n    );\n\n  #filterValueChangedHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.filterValue = (event.detail as string).toLowerCase();\n    this.kbsFilteredActionListModel = this.#kbsActionListModel.filter(\n      (item: ActionListItemActionable) =>\n        item.caption.toLowerCase().includes(this.filterValue)\n    );\n  };\n\n  #init = async () => {\n    await this.getGXserverKBsCallback({\n      authenticationType: this.connectionData.authenticationType,\n      serverUrl: this.connectionData.serverUrl,\n      userName: this.connectionData.userName,\n      userPassword: this.connectionData.userPassword\n    }).then(result => {\n      this.#kbsActionListModel = mapKbsModelToActionListModel(result);\n      this.kbsFilteredActionListModel = this.#kbsActionListModel;\n      this.filterValue = \"\";\n    });\n  };\n\n  #initializeValidatableControls = () => {\n    // populate validatableControls with the controls that could have errors.\n    const validatableControls: HTMLElement[] = [this.#localKBNameEl];\n    validatableControls.forEach(validatableControl => {\n      if (validatableControl.id) {\n        this.validatableControls.set(validatableControl.id, {\n          reference: validatableControl,\n          hasError: false,\n          message: undefined\n        });\n      }\n    });\n  };\n\n  #inputLocalKbNameHandler = (\n    event: ChEditCustomEvent<string> | InputEvent\n  ) => {\n    this.localKbNameInputValue = event.detail as string;\n    this.#kbNameAlreadyEditedByUser = true;\n  };\n\n  #selectedVersionHandler = async () => {\n    if (this.selectKBVersionsCallback) {\n      await this.selectKBVersionsCallback(this.#selectedKbId).then(result => {\n        if (result?.length) {\n          this.#kbVersions = result.map(kbVersion => ({\n            id: kbVersion.id,\n            name: kbVersion.name\n          }));\n\n          if (result.length === 1 && this.#kbVersions[0].id === 0) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput =\n              this.#_componentLocale.kb.versionsPlaceholder;\n          } else if (result.length > 1) {\n            this.localKbNameInputValue = this.#selectedKbId;\n            this.versionsValueInput = `${result.length.toString()} ${\n              this.#_componentLocale.kb.versionSelectedFieldValue\n            }`;\n          } else {\n            this.localKbNameInputValue = `${this.#selectedKbId}_${\n              this.#kbVersions[0].name\n            }`;\n            this.versionsValueInput = `${result[0].name} ${\n              this.#_componentLocale.kb.oneVersionSelectedFieldValue\n            }`;\n          }\n        }\n      });\n    }\n  };\n\n  #selectKbChangeHandler = (\n    event: ChActionListRenderCustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const item = event.detail[0]?.item as ActionListItemActionable;\n    if (item === undefined) {\n      this.enableSelectVersionsButton = false;\n      this.#selectedKbId = undefined;\n      return;\n    }\n    this.enableSelectVersionsButton = true;\n    this.#selectedKbId = item.id;\n    if (this.#kbNameAlreadyEditedByUser) {\n      return;\n    }\n    this.localKbNameInputValue = item.caption;\n    if (this.versionSelectedType === \"Select\") {\n      this.versionsValueInput = \"\";\n      this.#kbVersions = [];\n    }\n  };\n\n  #versionsChangedHandler = (event: CustomEvent<string>) => {\n    this.versionSelectedType = event.detail as VersionOption;\n  };\n\n  #sortItems = (model: ActionListItemActionable[]): void => {\n    model.sort((a, b) =>\n      a.caption\n        ?.toLocaleLowerCase()\n        .localeCompare(b.caption?.toLocaleLowerCase())\n    );\n  };\n\n  #renderFooter = () => {\n    return (\n      <footer class=\"footer dialog-footer-with-border spacing-body-inline spacing-body-block-end\">\n        <div class=\"buttons-spacer\">\n          <button\n            // cancel button\n            class=\"button-secondary\"\n            onClick={this.#cancelHandler}\n            part=\"button button-cancel\"\n          >\n            {this.#_componentLocale.footer.cancel}\n          </button>\n\n          <button\n            // create kb button\n            class=\"button-primary\"\n            onClick={this.enableSelectVersionsButton && this.#createHandler}\n            disabled={!this.enableSelectVersionsButton}\n            part=\"button button-create-kb\"\n          >\n            {this.#_componentLocale.footer.createKb}\n          </button>\n        </div>\n      </footer>\n    );\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header dialog-header-with-border space-body spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#_componentLocale.header.serverUrl}\n              </label>\n              <p>{this.connectionData.serverUrl}</p>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">{this.#_componentLocale.header.user}</label>\n              <p>{this.connectionData.userName}</p>\n            </div>\n\n            <button\n              id=\"change-connection-button\"\n              class=\"button-tertiary button-change\"\n              onClick={this.#changeConnectionHandler}\n            >\n              {this.#_componentLocale.header.change}\n            </button>\n          </header>\n          <section class=\"main field-group spacing-body\">\n            {this.loading ? (\n              <gx-ide-loader\n                loaderTitle={this.#_componentLocale.loader.title}\n                description={this.#_componentLocale.loader.description}\n                show\n              ></gx-ide-loader>\n            ) : (\n              <Fragment>\n                <ch-edit\n                  class=\"input search-kbs\"\n                  id=\"local-kb-name\"\n                  startImgSrc={this.#chSearchIcon}\n                  type=\"search\"\n                  onInput={this.#filterValueChangedHandler}\n                  placeholder={this.#_componentLocale.kb.searchKbsPlaceholder}\n                ></ch-edit>\n                {this.#kbsActionListModel.length === 0 ||\n                this.kbsFilteredActionListModel.length === 0 ? (\n                  <div class=\"list-box\">\n                    <gx-ide-empty-state\n                      stateIconSrc={INFO_ICON}\n                      stateTitle={this.#_componentLocale.emptyKBsText}\n                      isAnimated={true}\n                    ></gx-ide-empty-state>\n                  </div>\n                ) : (\n                  <ch-action-list-render\n                    selection=\"single\"\n                    class=\"list-box\"\n                    onSelectedItemsChange={this.#selectKbChangeHandler}\n                    model={this.kbsFilteredActionListModel}\n                    sortItemsCallback={this.#sortItems}\n                  ></ch-action-list-render>\n                )}\n                <div class=\"versions-container field-group\">\n                  <ch-radio-group-render\n                    class=\"radio-group\"\n                    model={this.#versionsSelect}\n                    onChange={this.#versionsChangedHandler}\n                    value={this.#versionsSelect[0].value}\n                    ref={(el: HTMLChRadioGroupRenderElement) => {\n                      this.#versionSelectedTypeEl =\n                        el as HTMLChRadioGroupRenderElement;\n                      if (this.#versionSelectedTypeEl) {\n                        this.versionSelectedType = this.#versionSelectedTypeEl\n                          .value as VersionOption;\n                      }\n                    }}\n                  ></ch-radio-group-render>\n\n                  {this.versionSelectedType === \"Select\" && (\n                    <div class=\"versions-container__item field-group\">\n                      <div class=\"field field-block\">\n                        <label class=\"label\" htmlFor=\"control-id-1\">\n                          {this.#_componentLocale.kb.versionsLabel}\n                        </label>\n                        <div class=\"versions-container__input\">\n                          <ch-edit\n                            class=\"input\"\n                            readonly\n                            placeholder={\n                              this.enableSelectVersionsButton\n                                ? this.#_componentLocale.kb.versionsPlaceholder\n                                : this.#_componentLocale.kb\n                                    .versionsPlaceholderDisabled\n                            }\n                            value={this.versionsValueInput}\n                          ></ch-edit>\n                          <button\n                            id=\"select-version-button\"\n                            class=\"button-tertiary button-icon-only\"\n                            onClick={this.#selectedVersionHandler}\n                            disabled={!this.enableSelectVersionsButton}\n                          >\n                            <ch-image\n                              src={this.#showMoreIcon}\n                              class=\"icon-m\"\n                              disabled={!this.enableSelectVersionsButton}\n                            ></ch-image>\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                  )}\n                </div>\n\n                <div class=\"field field-block\">\n                  <label class=\"label\" htmlFor=\"localKbName\">\n                    {this.#_componentLocale.kb.localKbNameLabel}\n                  </label>\n                  <ch-edit\n                    // local kb name\n                    class=\"input\"\n                    id=\"local-kb-name\"\n                    value={this.localKbNameInputValue}\n                    onInput={this.#inputLocalKbNameHandler}\n                    placeholder={\n                      this.#_componentLocale.kb.localKbNamePlaceholder\n                    }\n                    ref={(el: HTMLChEditElement) => {\n                      this.#localKBNameEl = el as HTMLChEditElement;\n                      if (this.#localKBNameEl) {\n                        this.#initializeValidatableControls();\n                      }\n                    }}\n                  ></ch-edit>\n                  {this.#evaluateTooltipRender(this.#localKBNameEl)}\n                </div>\n              </Fragment>\n            )}\n          </section>\n\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type KBData = {\n  id: string;\n  name: string;\n};\n\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\n\nexport type KnowledgeBaseInfo = {\n  selectedKB: string;\n  versionSelected: VersionOption;\n  localKBName: string;\n  versionList: KBVersion[];\n};\n\nexport type VersionOption = \"Trunk\" | \"All\" | \"Select\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-dbac8ae2.entry.js → p-886dc9c1.entry.js}

@@ -4,7 +4,7 @@ import { L as r } from "./p-311eedf3.js";
 
 import { c as l } from "./p-c5196b3b.js";
 
-const a = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:block}.roles__container{display:grid;block-size:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;gap:var(--spacing-gap-l)}.roles__role{display:grid;grid-template-rows:auto 1fr;overflow:auto}.roles__list{display:flex;flex-direction:column;block-size:100%;overflow:auto}.roles__list-header{display:grid;grid-template-rows:auto 1fr;gap:var(--spacing-gap-m)}.roles__list-title{background-color:var(--color-accent-surface-elevation-1);display:flex;align-items:center;justify-content:center}.add-remove-buttons{display:flex;justify-content:space-between}";
+const a = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:block}.roles__container{display:grid;block-size:100%;box-sizing:border-box;grid-template-columns:1fr 1fr;gap:var(--spacing-gap-l)}.roles__role{display:grid;grid-template-rows:auto 1fr;overflow:auto}.roles__list{display:flex;flex-direction:column;block-size:100%;overflow:auto}.roles__list-header{display:grid;grid-template-rows:auto 1fr;gap:var(--spacing-gap-m)}.roles__list-title{background-color:var(--color-accent-surface-elevation-1);display:flex;align-items:center;justify-content:center}.add-remove-buttons{display:flex;justify-content:space-between}";
 
 const n = class {
   constructor(s) {
@@ -228,4 +228,4 @@ const n = class {
 n.style = a;
 
 export { n as gx_ide_bpm_assign_roles };
-//# sourceMappingURL=p-dbac8ae2.entry.js.map
+//# sourceMappingURL=p-886dc9c1.entry.js.map

package/dist/genexus-ide-ui/{p-79d4490e.entry.js → p-90a50197.entry.js}

@@ -2,7 +2,7 @@ import { r as t, c as i, g as e, h as s, H as a, a as n } from "./p-9b9ccd0c.js"
 
 import { c as o } from "./p-c5196b3b.js";
 
-import { L as h } from "./p-311eedf3.js";
+import { L as r } from "./p-311eedf3.js";
 
 const mapTypeCategoryDataToActionListModel = t => t.map((t => ({
   id: t.id,
@@ -38,9 +38,9 @@ const mapTypeDataToActionListModel = (t, i, e) => t.map((t => ({
  * Order the items in the same order as they come.
  */ const sortActionListDefault = t => t;
 
-const l = ':host{display:grid;block-size:100%}.main{display:grid;grid-template-rows:1fr max-content max-content}.categories-types-layout{grid-template-columns:1fr 1fr}.api-description-layout{padding-block:calc( 12px * 2 );display:grid;grid-template:"api-description-title api-description-title" "api-name-label api-name-control" "api-description-label api-description-control" "api-module-label api-module-control";grid-template-columns:max-content 1fr}.api-description-title{grid-area:api-description-title;padding-block-end:var(--spacing-padding-m)}.api-name-label{grid-area:api-name-label}.api-name-control{grid-area:api-name-control}.api-description-label{grid-area:api-description-label}.api-description-control{grid-area:api-description-control}.api-module-label{grid-area:api-module-label}.api-module-control{grid-area:api-module-control}';
+const l = 'button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%}.main{display:grid;grid-template-rows:1fr max-content max-content}.categories-types-layout{grid-template-columns:1fr 1fr}.api-description-layout{padding-block:calc( 12px * 2 );display:grid;grid-template:"api-description-title api-description-title" "api-name-label api-name-control" "api-description-label api-description-control" "api-module-label api-module-control";grid-template-columns:max-content 1fr}.api-description-title{grid-area:api-description-title;padding-block-end:var(--spacing-padding-m)}.api-name-label{grid-area:api-name-label}.api-name-control{grid-area:api-name-control}.api-description-label{grid-area:api-description-label}.api-description-control{grid-area:api-description-control}.api-module-label{grid-area:api-module-label}.api-module-control{grid-area:api-module-control}';
 
-var r = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
+var h = undefined && undefined.__classPrivateFieldGet || function(t, i, e, s) {
   if (e === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
   if (typeof i === "function" ? t !== i || !s : !i.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return e === "m" ? s : e === "a" ? s.call(t) : s ? s.value : i.get(t);
@@ -53,7 +53,7 @@ var c = undefined && undefined.__classPrivateFieldSet || function(t, i, e, s, a)
   return s === "a" ? a.call(t, e) : a ? a.value = e : i.set(t, e), e;
 };
 
-var d, f, p, u, m, b, w, g, y, k, v, M, W, x, C, j, I, S, E, F, T, $, _, P, z, D, L, N;
+var d, f, p, u, b, m, w, g, y, k, v, M, W, x, C, j, I, S, E, F, T, $, _, P, z, D, L, N;
 
 const A = [ "resets/box-sizing", "components/button", "components/edit", "components/icon", "components/tooltip", "components/list-box", "utils/form", "utils/layout", "utils/spacing", "utils/typography" ];
 
@@ -71,8 +71,8 @@ const B = class {
         f.set(this, void 0);
     p.set(this, e(`./gx-ide-assets/new-object/shortcuts.json`));
     /* References needed to collect data on "Create" button submit */    u.set(this, void 0);
-    m.set(this, void 0);
     b.set(this, void 0);
+    m.set(this, void 0);
     w.set(this, false);
     g.set(this, void 0);
     y.set(this, void 0);
@@ -96,25 +96,25 @@ const B = class {
     W.set(this, (async () => {
       var t, i, e;
       // validate name first
-            const s = await this.validateNameCallback(r(this, y, "f").value);
+            const s = await this.validateNameCallback(h(this, y, "f").value);
       if (!!s) {
         // name is invalid
-        r(this, N, "f").call(this, s);
+        h(this, N, "f").call(this, s);
         return;
       }
       const a = {
         typeId: (t = this.selectedType) === null || t === void 0 ? void 0 : t.id,
-        name: r(this, y, "f").value,
-        description: !r(this, w, "f") ? undefined : r(this, b, "f").value,
-        moduleId: (e = (i = r(this, g, "f")) === null || i === void 0 ? void 0 : i.value) === null || e === void 0 ? void 0 : e.id
+        name: h(this, y, "f").value,
+        description: !h(this, w, "f") ? undefined : h(this, m, "f").value,
+        moduleId: (e = (i = h(this, g, "f")) === null || i === void 0 ? void 0 : i.value) === null || e === void 0 ? void 0 : e.id
       };
       const n = await this.createCallback(a);
-      r(this, N, "f").call(this, n);
+      h(this, N, "f").call(this, n);
     }));
     x.set(this, (() => {
       var t;
-      if (r(this, k, "f") || r(this, w, "f")) {
-        return r(this, b, "f").value;
+      if (h(this, k, "f") || h(this, w, "f")) {
+        return h(this, m, "f").value;
       } else {
         // First try to get suggested description if callback exists
         if (this.suggestDescriptionCallback) {
@@ -159,11 +159,11 @@ const B = class {
       if (!this.selectedType) {
         return;
       }
-      if (!r(this, k, "f")) {
-        this.name = await r(this, C, "f").call(this, this.selectedType);
+      if (!h(this, k, "f")) {
+        this.name = await h(this, C, "f").call(this, this.selectedType);
       }
-      if (!r(this, w, "f")) {
-        this.description = await r(this, j, "f").call(this, this.selectedType);
+      if (!h(this, w, "f")) {
+        this.description = await h(this, j, "f").call(this, this.selectedType);
       }
     }));
     /**
@@ -172,17 +172,17 @@ const B = class {
          */
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
         S.set(this, (async () => {
-      const t = r(this, z, "f").call(this, this.defaultTypeId);
+      const t = h(this, z, "f").call(this, this.defaultTypeId);
       if (!t) {
         this.selectedCategory = this.typeCategories[0];
         this.selectedType = this.selectedCategory.types[0];
       }
-      await r(this, I, "f").call(this);
+      await h(this, I, "f").call(this);
     }));
     F.set(this, (async () => {
-      if (r(this, y, "f").value) {
-        const t = await this.validateNameCallback(r(this, y, "f").value);
-        r(this, N, "f").call(this, t);
+      if (h(this, y, "f").value) {
+        const t = await this.validateNameCallback(h(this, y, "f").value);
+        h(this, N, "f").call(this, t);
       }
     }));
     T.set(this, (t => {
@@ -191,10 +191,10 @@ const B = class {
     }));
     $.set(this, (async t => {
       const i = t.detail;
-      if (!r(this, w, "f")) {
+      if (!h(this, w, "f")) {
         // Description should be equal to name, unless the description was already
         // modified by the user.
-        r(this, b, "f").value = i;
+        h(this, m, "f").value = i;
       }
       c(this, k, true, "f");
     }));
@@ -202,16 +202,16 @@ const B = class {
       const i = t.detail;
       if (i) {
         const t = await this.validateNameCallback(i);
-        r(this, N, "f").call(this, t);
+        h(this, N, "f").call(this, t);
       }
     }));
     P.set(this, (() => {
       if (this.selectedType.hasModule || this.selectedType.hasFolder) {
-        let t = r(this, f, "f").moduleFolder;
+        let t = h(this, f, "f").moduleFolder;
         if (!this.selectedType.hasFolder) {
-          t = r(this, f, "f").moduleOnly;
+          t = h(this, f, "f").moduleOnly;
         } else if (!this.selectedType.hasModule) {
-          t = r(this, f, "f").folderOnly;
+          t = h(this, f, "f").folderOnly;
         }
         return [ s("label", {
           // Module/folder
@@ -251,7 +251,7 @@ const B = class {
     D.set(this, (() => {
       if (this.selectedCategory) {
         // update model by setting the selected category
-        r(this, u, "f").updateItemProperties(this.selectedCategory.id, {
+        h(this, u, "f").updateItemProperties(this.selectedCategory.id, {
           selected: true,
           type: "actionable"
         });
@@ -262,7 +262,7 @@ const B = class {
       if (i.length > 0) {
         this.selectedType = this.selectedCategory.types.find((t => t.id === i[0].item.id));
         this.selectedTypeMap.set(this.selectedCategory.id, this.selectedType.id);
-        await r(this, I, "f").call(this);
+        await h(this, I, "f").call(this);
       }
     }));
     /**
@@ -304,21 +304,21 @@ const B = class {
     // this.#validateInitialName();
   }
   async componentWillLoad() {
-    await r(this, S, "f").call(this);
-    c(this, f, await h.getComponentStrings(this.el), "f");
+    await h(this, S, "f").call(this);
+    c(this, f, await r.getComponentStrings(this.el), "f");
     this.typeCategoriesChanged(this.typeCategories);
-    r(this, d, "m", E).call(this);
+    h(this, d, "m", E).call(this);
   }
   componentDidLoad() {
-    r(this, D, "f").call(this);
+    h(this, D, "f").call(this);
   }
   /**
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
     if (t) {
-      r(this, m, "f").suspend = true;
+      h(this, b, "f").suspend = true;
     } else {
-      r(this, m, "f").suspend = false;
+      h(this, b, "f").suspend = false;
     }
   }
   render() {
@@ -328,8 +328,8 @@ const B = class {
     }, s("ch-theme", {
       model: A
     }), s("ch-shortcuts", {
-      src: r(this, p, "f"),
-      ref: t => c(this, m, t, "f")
+      src: h(this, p, "f"),
+      ref: t => c(this, b, t, "f")
     }), s("section", {
       class: "main"
     }, s("section", {
@@ -338,27 +338,27 @@ const B = class {
       class: "field field-block"
     }, s("label", {
       class: "label"
-    }, r(this, f, "f").categorySelectionTitle), s("ch-action-list-render", {
+    }, h(this, f, "f").categorySelectionTitle), s("ch-action-list-render", {
       // #select a category
       // TODO: The "scrollable" class is a WA since the action-list currently does not support scrollbar customization
       class: "list-box",
       selection: "single",
       model: this.typeCategoriesActionListModel,
       sortItemsCallback: sortActionListDefault,
-      onSelectedItemsChange: r(this, M, "f"),
+      onSelectedItemsChange: h(this, M, "f"),
       ref: t => c(this, u, t, "f")
     })), s("div", {
       class: "field field-block"
     }, s("label", {
       class: "label"
-    }, this.selectedCategory.name ? `${this.selectedCategory.name} ${r(this, f, "f").typeSelectionTitleSuffix}` : r(this, f, "f").typeSelectionTitle), s("ch-action-list-render", {
+    }, this.selectedCategory.name ? `${this.selectedCategory.name} ${h(this, f, "f").typeSelectionTitleSuffix}` : h(this, f, "f").typeSelectionTitle), s("ch-action-list-render", {
       // #data management types
       // TODO: The "scrollable" class is a WA since the action-list currently does not support scrollbar customization
       class: "list-box",
       selection: "single",
       sortItemsCallback: sortActionListDefault,
       model: mapTypeDataToActionListModel(this.selectedCategory.types, this.selectedCategory.id, this.selectedType.id),
-      onSelectedItemsChange: r(this, L, "f")
+      onSelectedItemsChange: h(this, L, "f")
     }))), s("section", {
       class: "api-description-layout field-group-justified-start spacing-body-inline"
     }, s("h2", {
@@ -368,7 +368,7 @@ const B = class {
       // Name
       class: "label api-name-label",
       htmlFor: "name"
-    }, r(this, f, "f").objectName), s("div", null, s("ch-edit", {
+    }, h(this, f, "f").objectName), s("div", null, s("ch-edit", {
       autoFocus: true,
       class: {
         input: true,
@@ -378,13 +378,13 @@ const B = class {
       placeholder: "Name",
       value: this.name,
       ref: t => c(this, y, t, "f"),
-      onChange: r(this, _, "f"),
-      onInput: r(this, $, "f"),
-      onBlur: r(this, F, "f"),
+      onChange: h(this, _, "f"),
+      onInput: h(this, $, "f"),
+      onBlur: h(this, F, "f"),
       part: "name"
     }), this.nameValidationErrorMessage && s("ch-tooltip", {
       class: "tooltip",
-      actionElement: r(this, y, "f"),
+      actionElement: h(this, y, "f"),
       blockAlign: o.tooltipSettings.blockAlign,
       inlineAlign: o.tooltipSettings.inlineAlign,
       delay: o.tooltipSettings.delay
@@ -392,31 +392,31 @@ const B = class {
       // Description
       class: "label api-description-label",
       htmlFor: "description"
-    }, r(this, f, "f").objectDescription), s("ch-edit", {
+    }, h(this, f, "f").objectDescription), s("ch-edit", {
       autoFocus: true,
       class: "input api-description-control",
       placeholder: "Description",
-      value: r(this, x, "f").call(this),
+      value: h(this, x, "f").call(this),
       // TODO: toolTip={config.tooltip}
-      ref: t => c(this, b, t, "f"),
-      onInput: r(this, T, "f"),
+      ref: t => c(this, m, t, "f"),
+      onInput: h(this, T, "f"),
       part: "description"
-    }), r(this, P, "f").call(this)), s("footer", {
+    }), h(this, P, "f").call(this)), s("footer", {
       class: "footer dialog-footer-with-border spacing-body-inline spacing-body-block-end "
     }, s("div", {
       class: "buttons-spacer"
     }, s("button", {
       // cancel
       class: "button-secondary",
-      onClick: r(this, v, "f"),
+      onClick: h(this, v, "f"),
       part: "button button-cancel"
-    }, r(this, f, "f").footer.btnCancel), s("button", {
+    }, h(this, f, "f").footer.btnCancel), s("button", {
       // create
       class: "button-primary",
-      onClick: r(this, W, "f"),
+      onClick: h(this, W, "f"),
       disabled: !!this.nameValidationErrorMessage,
       part: "button button-create"
-    }, r(this, f, "f").footer.btnCreate)))));
+    }, h(this, f, "f").footer.btnCreate)))));
   }
   static get delegatesFocus() {
     return true;
@@ -434,7 +434,7 @@ const B = class {
   }
 };
 
-f = new WeakMap, p = new WeakMap, u = new WeakMap, m = new WeakMap, b = new WeakMap, 
+f = new WeakMap, p = new WeakMap, u = new WeakMap, b = new WeakMap, m = new WeakMap, 
 w = new WeakMap, g = new WeakMap, y = new WeakMap, k = new WeakMap, v = new WeakMap, 
 M = new WeakMap, W = new WeakMap, x = new WeakMap, C = new WeakMap, j = new WeakMap, 
 I = new WeakMap, S = new WeakMap, F = new WeakMap, T = new WeakMap, $ = new WeakMap, 
@@ -452,4 +452,4 @@ N = new WeakMap, d = new WeakSet, E = function _GxIdeNewObject_initializeSelecte
 B.style = l;
 
 export { B as gx_ide_new_object };
-//# sourceMappingURL=p-79d4490e.entry.js.map
+//# sourceMappingURL=p-90a50197.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapTypeCategoryDataToActionListModel","categories","map","category","id","type","additionalInformation","center","imgSrc","icon","undefined","caption","name","part","mapTypeDataToActionListModel","types","selectedCategoryId","selectedTypeId","imageSrc","selected","sortActionListDefault","subModel","newObjectCss","CSS_BUNDLES","GxIdeNewObject","_GxIdeNewObject_componentLocale","set","this","_GxIdeNewObject_shortcutsSrc","getAssetPath","_GxIdeNewObject_categoriesActionListEl","_GxIdeNewObject_chShortcutsEl","_GxIdeNewObject_descriptionEl","_GxIdeNewObject_descriptionModifiedByUser","_GxIdeNewObject_moduleFolderEl","_GxIdeNewObject_nameEl","_GxIdeNewObject_nameModifiedByUser","_GxIdeNewObject_cancelCallbackHandler","async","cancelCallback","_GxIdeNewObject_categoryOnSelectionChangedHandler","selectionEvent","selection","detail","length","selectedCategory","typeCategories","find","item","selectedType","selectedTypeMap","get","_GxIdeNewObject_createCallbackHandler","nameValidation","validateNameCallback","__classPrivateFieldGet","value","_GxIdeNewObject_validateNameHandler","call","data","typeId","_a","description","moduleId","_c","_b","result","createCallback","_GxIdeNewObject_descriptionValueHandler","suggestDescriptionCallback","_GxIdeNewObject_getNameSuggestion","suggestNameCallback","suggestedName","replace","_GxIdeNewObject_getDescriptionSuggestion","suggestedDescription","_GxIdeNewObject_updateSuggestions","_GxIdeNewObject_init","defaultTypeFound","_GxIdeNewObject_setDefaultType","defaultTypeId","_GxIdeNewObject_onBlurNameHandler","_GxIdeNewObject_onInputDescriptionHandler","e","__classPrivateFieldSet","_GxIdeNewObject_onInputNameHandler","_GxIdeNewObject_onNameValueChangedHandler","_GxIdeNewObject_renderModuleFolder","hasModule","hasFolder","labelDescription","moduleFolder","moduleOnly","folderOnly","h","class","htmlFor","labelPosition","parent","defaultValue","defaultParent","selectEntityCallback","selectModuleCallback","ref","el","found","outerLoop","i","j","loopTypeId","_GxIdeNewObject_setSelectedCategoryOnActionList","updateItemProperties","_GxIdeNewObject_typeChangedHandler","nameValidationErrorMessage","Map","typeCategoriesChanged","newValue","typeCategoriesActionListModel","connectedCallback","componentWillLoad","Locale","getComponentStrings","_GxIdeNewObject_instances","_GxIdeNewObject_initializeSelectedTypeMap","componentDidLoad","suspendShortcuts","suspend","render","Host","model","src","categorySelectionTitle","sortItemsCallback","onSelectedItemsChange","typeSelectionTitleSuffix","typeSelectionTitle","objectName","autoFocus","input","placeholder","onChange","onInput","onBlur","actionElement","blockAlign","config","tooltipSettings","inlineAlign","delay","objectDescription","onClick","footer","btnCancel","disabled","btnCreate","forEach"],"sources":["src/components/new-object/helpers.tsx","src/common/chameleon-helpers.ts","src/components/new-object/new-object.scss?tag=gx-ide-new-object&encapsulation=shadow","src/components/new-object/new-object.tsx"],"sourcesContent":["import { ActionListModel } from \"@genexus/chameleon-controls-library\";\nimport { TypeCategoryData } from \"../..\";\nimport { TypeData } from \"./new-object\";\n\nexport type ChCheckboxArray = HTMLChCheckboxElement[] | null;\n\nexport const mapTypeCategoryDataToActionListModel = (\n  categories: TypeCategoryData[]\n): ActionListModel => {\n  return categories.map(category => {\n    return {\n      id: category.id,\n      type: \"actionable\",\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: category.icon || undefined }]\n        }\n      },\n      caption: category.name,\n      part: `category-${category.id}`\n    };\n  });\n};\n\nexport const mapTypeDataToActionListModel = (\n  types: TypeData[],\n  selectedCategoryId: string,\n  selectedTypeId?: string\n): ActionListModel => {\n  return types.map(type => {\n    return {\n      id: `${type.id}`,\n      type: \"actionable\",\n      imageSrc: \"objects/design\",\n      selected: selectedTypeId === type.id,\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: type.icon }]\n        }\n      },\n      caption: type.name,\n      part: `type-${selectedCategoryId}-${type.id}`\n    };\n  });\n};\n","import { ActionListModel } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n\n/**\n * Order the items in the same order as they come.\n */\nexport const sortActionListDefault = (subModel: ActionListModel) => {\n  return subModel;\n};\n","@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n}\n\n.main {\n  display: grid;\n  grid-template-rows: 1fr max-content max-content;\n}\n.categories-types-layout {\n  grid-template-columns: 1fr 1fr;\n}\n.api-description-layout {\n  padding-block: calc(\n    12px * 2\n  ); // WA until we define a class for internal spacing.\n  display: grid;\n  grid-template:\n    \"api-description-title api-description-title\"\n    \"api-name-label api-name-control\"\n    \"api-description-label api-description-control\"\n    \"api-module-label api-module-control\";\n  grid-template-columns: max-content 1fr;\n}\n.api-description-title {\n  grid-area: api-description-title;\n  padding-block-end: var(--spacing-padding-m);\n}\n.api-name-label {\n  grid-area: api-name-label;\n}\n.api-name-control {\n  grid-area: api-name-control;\n}\n.api-description-label {\n  grid-area: api-description-label;\n}\n.api-description-control {\n  grid-area: api-description-control;\n}\n.api-module-label {\n  grid-area: api-module-label;\n}\n.api-module-control {\n  grid-area: api-module-control;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  Watch,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { config } from \"../../common/config\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport { EntityData } from \"../../common/types\";\nimport {\n  ActionListItemModelExtended,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library\";\nimport {\n  mapTypeCategoryDataToActionListModel,\n  mapTypeDataToActionListModel\n} from \"./helpers\";\n\nimport { sortActionListDefault } from \"../../common/chameleon-helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/tooltip\",\n  \"components/list-box\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-new-object\",\n  styleUrl: \"new-object.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/new-object\"]\n})\nexport class GxIdeNewObject {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-object/shortcuts.json`);\n\n  @Element() el: HTMLGxIdeNewObjectElement;\n\n  /* References needed to collect data on \"Create\" button submit */\n  #categoriesActionListEl: HTMLChActionListRenderElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #descriptionEl!: HTMLChEditElement;\n  #descriptionModifiedByUser = false;\n  #moduleFolderEl!: HTMLGxIdeEntitySelectorElement;\n  #nameEl!: HTMLChEditElement;\n  #nameModifiedByUser = false;\n\n  /**\n   * Description of the new object\n   */\n  @State() description: string = undefined;\n\n  /**\n   * Name of the new object\n   */\n  @State() name: string = undefined;\n  @State() nameValidationErrorMessage: string;\n  @State() selectedCategory: TypeCategoryData | null;\n  @State() selectedType: TypeData | null;\n  // representations of TypeCategoryData[] as ComboBoxModel.\n  @State() typeCategoriesActionListModel: ActionListModel = [];\n  @State() typesActionListModel: ActionListModel = [];\n\n  @State() selectedTypeMap: Map<string, string> = new Map();\n\n  /**\n   * Allows you to define the type selected by default when instantiating the dialog.\n   * Represented by the type identifier.\n   */\n  @Prop() readonly defaultTypeId: string;\n\n  /**\n   * Default value for the Module/Folder field.\n   */\n  @Prop() readonly defaultParent: EntityData;\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback invoked when user wants to cancel object creation\n   */\n  @Prop() readonly cancelCallback: CancelCallback;\n\n  /**\n   * Callback invoked when user wants to confirm object creation\n   */\n  @Prop() readonly createCallback: CreateCallback;\n\n  /**\n   * Applies a shadow all around\n   */\n  @Prop() readonly shadow = false;\n\n  /**\n   * Array containing category list and its corresponding types\n   */\n  @Prop({ mutable: true }) typeCategories!: TypeCategoryData[];\n  @Watch(\"typeCategories\")\n  typeCategoriesChanged(newValue: TypeCategoryData[]) {\n    if (newValue?.length) {\n      this.typeCategoriesActionListModel = mapTypeCategoryDataToActionListModel(\n        this.typeCategories\n      );\n    }\n  }\n\n  /**\n   * Current value for Module/Folder\n   */\n  @Prop() readonly parent: EntityData;\n\n  /**\n   * Callback invoked when the action is executed on the Module/Folder filter\n   * (button '...'). It returns the information of the selected object (id and\n   * name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * Callback invoked when you must validate a name. Returns an error message or\n   * 'undefined' if the name is not valid.\n   */\n  @Prop() readonly validateNameCallback: ValidateNameCallback;\n\n  /**\n   * Callback to suggest a name when creating an object from another object.\n   * Returns the suggested name or undefined if not applicable.\n   */\n  @Prop() readonly suggestNameCallback?: SuggestNameCallback;\n\n  /**\n   * Callback to suggest a description when creating an object from another object.\n   * Returns the suggested description or undefined if not applicable.\n   */\n  @Prop() readonly suggestDescriptionCallback?: SuggestDescriptionCallback;\n\n  /**\n   * This event emits the 'cancel' event\n   */\n  @Event() cancel: EventEmitter<boolean>;\n\n  /**\n   * This event emm=its the data needed to create a new object\n   */\n  @Event() create: EventEmitter<NewObjectData>;\n\n  /**\n   * This event is triggered after a validation of the object name is made.\n   * Returns 'undefined' if it's valid, otherwise an error message.\n   */\n  @Event() validateName: EventEmitter<string | undefined>;\n\n  connectedCallback() {\n    // this.#validateInitialName();\n  }\n\n  async componentWillLoad() {\n    await this.#init();\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.typeCategoriesChanged(this.typeCategories);\n    this.#initializeSelectedTypeMap();\n  }\n\n  componentDidLoad() {\n    this.#setSelectedCategoryOnActionList();\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  // - - - - - - - - - - -\n\n  #cancelCallbackHandler = async (): Promise<void> => {\n    await this.cancelCallback();\n  };\n\n  #categoryOnSelectionChangedHandler = (\n    selectionEvent: CustomEvent<ActionListItemModelExtended[]>\n  ): void => {\n    const selection = selectionEvent.detail;\n    if (selection.length > 0) {\n      const selectedCategory = this.typeCategories.find(\n        category => category.id === selection[0].item.id\n      );\n      if (selectedCategory) {\n        this.selectedCategory = selectedCategory;\n        if (selectedCategory.types.length > 0) {\n          this.selectedType = selectedCategory.types.find(\n            type => type.id === this.selectedTypeMap.get(selectedCategory.id)\n          );\n        }\n      }\n    }\n  };\n\n  #createCallbackHandler = async (): Promise<void> => {\n    // validate name first\n    const nameValidation: string | undefined = await this.validateNameCallback(\n      this.#nameEl.value\n    );\n    if (!!nameValidation) {\n      // name is invalid\n      this.#validateNameHandler(nameValidation);\n      return;\n    }\n\n    const data: NewObjectData = {\n      typeId: this.selectedType?.id,\n      name: this.#nameEl.value,\n      description: !this.#descriptionModifiedByUser\n        ? undefined\n        : this.#descriptionEl.value,\n      moduleId: this.#moduleFolderEl?.value?.id\n    };\n    const result = await this.createCallback(data);\n    this.#validateNameHandler(result);\n  };\n\n  #descriptionValueHandler = () => {\n    if (this.#nameModifiedByUser || this.#descriptionModifiedByUser) {\n      return this.#descriptionEl.value;\n    } else {\n      // First try to get suggested description if callback exists\n      if (this.suggestDescriptionCallback) {\n        return this.description ?? this.selectedType.name;\n      }\n      return this.selectedType.name;\n    }\n  };\n\n  /**\n   * Gets the suggested name based on the context\n   * @param selectedType The currently selected type\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #getNameSuggestion = async (selectedType: TypeData) => {\n    if (this.suggestNameCallback) {\n      const suggestedName = await this.suggestNameCallback();\n      if (suggestedName) {\n        return suggestedName.replace(/\\s/g, \"\");\n      }\n    }\n    return selectedType.name.replace(/\\s/g, \"\");\n  };\n\n  /**\n   * Gets the suggested description based on the context\n   * @param selectedType The currently selected type\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #getDescriptionSuggestion = async (selectedType: TypeData) => {\n    if (this.suggestDescriptionCallback) {\n      const suggestedDescription = await this.suggestDescriptionCallback();\n      if (suggestedDescription) {\n        return suggestedDescription;\n      }\n    }\n    return selectedType.name;\n  };\n\n  /**\n   * Updates both name and description suggestions\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #updateSuggestions = async () => {\n    if (!this.selectedType) {\n      return;\n    }\n\n    if (!this.#nameModifiedByUser) {\n      this.name = await this.#getNameSuggestion(this.selectedType);\n    }\n\n    if (!this.#descriptionModifiedByUser) {\n      this.description = await this.#getDescriptionSuggestion(\n        this.selectedType\n      );\n    }\n  };\n\n  /**\n   * This method defines the initial selected category and type, and it then\n   * initializes the name and description values.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #init = async () => {\n    const defaultTypeFound = this.#setDefaultType(this.defaultTypeId);\n    if (!defaultTypeFound) {\n      this.selectedCategory = this.typeCategories[0];\n      this.selectedType = this.selectedCategory.types[0];\n    }\n\n    await this.#updateSuggestions();\n  };\n\n  /**\n   * Initializes the selectedTypeMap with the defaultTypeId if it exists, otherwise\n   * it initializes the selectedTypeMap with the first type of each category.\n   */\n  // eslint-disable-next-line @stencil-community/own-methods-must-be-private\n  #initializeSelectedTypeMap() {\n    this.typeCategories.forEach(category => {\n      if (this.defaultTypeId && category.id === this.selectedCategory.id) {\n        this.selectedTypeMap.set(category.id, this.selectedType.id);\n      } else {\n        this.selectedTypeMap.set(category.id, category.types[0].id);\n      }\n    });\n  }\n\n  #onBlurNameHandler = async () => {\n    if (this.#nameEl.value) {\n      const result: string | undefined = await this.validateNameCallback(\n        this.#nameEl.value\n      );\n      this.#validateNameHandler(result);\n    }\n  };\n\n  #onInputDescriptionHandler = (e: CustomEvent<string>) => {\n    this.description = e.detail;\n    this.#descriptionModifiedByUser = true;\n  };\n\n  #onInputNameHandler = async (e: CustomEvent<any> | InputEvent) => {\n    const name = e.detail;\n    if (!this.#descriptionModifiedByUser) {\n      // Description should be equal to name, unless the description was already\n      // modified by the user.\n      this.#descriptionEl.value = name;\n    }\n    this.#nameModifiedByUser = true;\n  };\n\n  #onNameValueChangedHandler = async (e: CustomEvent<string>) => {\n    const name = e.detail;\n    if (name) {\n      const result: string | undefined = await this.validateNameCallback(name);\n      this.#validateNameHandler(result);\n    }\n  };\n\n  #renderModuleFolder = () => {\n    if (this.selectedType.hasModule || this.selectedType.hasFolder) {\n      let labelDescription = this.#componentLocale.moduleFolder;\n      if (!this.selectedType.hasFolder) {\n        labelDescription = this.#componentLocale.moduleOnly;\n      } else if (!this.selectedType.hasModule) {\n        labelDescription = this.#componentLocale.folderOnly;\n      }\n      return [\n        <label\n          // Module/folder\n          class=\"label api-module-label\"\n          htmlFor=\"module\"\n        >\n          {labelDescription}\n        </label>,\n        <gx-ide-entity-selector\n          id=\"module\"\n          class=\"api-module-control\"\n          part=\"module\"\n          labelPosition=\"none\"\n          value={this.parent}\n          defaultValue={this.defaultParent}\n          selectEntityCallback={this.selectModuleCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#moduleFolderEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n        ></gx-ide-entity-selector>\n      ];\n    }\n    return null;\n  };\n\n  #setDefaultType = (typeId: string | undefined): boolean => {\n    if (!typeId) {\n      return false;\n    }\n    let found = false;\n    outerLoop: for (let i = 0; i < this.typeCategories.length; i++) {\n      for (let j = 0; j < this.typeCategories[i].types.length; j++) {\n        const loopTypeId = this.typeCategories[i].types[j].id;\n        if (loopTypeId === typeId) {\n          this.selectedCategory = this.typeCategories[i];\n          this.selectedType = this.typeCategories[i].types[j];\n          found = true;\n          break outerLoop;\n        }\n      }\n    }\n    return found;\n  };\n\n  #setSelectedCategoryOnActionList = () => {\n    if (this.selectedCategory) {\n      // update model by setting the selected category\n      this.#categoriesActionListEl.updateItemProperties(\n        this.selectedCategory.id,\n        {\n          selected: true,\n          type: \"actionable\"\n        }\n      );\n    }\n  };\n\n  #typeChangedHandler = async (\n    selectionEvent: CustomEvent<ActionListItemModelExtended[]>\n  ) => {\n    const selection = selectionEvent.detail;\n    if (selection.length > 0) {\n      this.selectedType = this.selectedCategory.types.find(\n        type => type.id === selection[0].item.id\n      );\n      this.selectedTypeMap.set(this.selectedCategory.id, this.selectedType.id);\n\n      await this.#updateSuggestions();\n    }\n  };\n\n  /**\n   * If the parameter is undefined, it means the name is valid. Otherwise, if it\n   * receives a string, it indicates that the name is not valid. The string is the\n   * error message to display.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #validateNameHandler = (result: string | undefined): void => {\n    this.nameValidationErrorMessage = result;\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"main\">\n          <section class=\"field-group categories-types-layout spacing-body-inline spacing-body-block-start\">\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.#componentLocale.categorySelectionTitle}\n              </label>\n              <ch-action-list-render\n                // #select a category\n                // TODO: The \"scrollable\" class is a WA since the action-list currently does not support scrollbar customization\n                class=\"list-box\"\n                selection=\"single\"\n                model={this.typeCategoriesActionListModel}\n                sortItemsCallback={sortActionListDefault}\n                onSelectedItemsChange={this.#categoryOnSelectionChangedHandler}\n                ref={(el: HTMLChActionListRenderElement) =>\n                  (this.#categoriesActionListEl =\n                    el as HTMLChActionListRenderElement)\n                }\n              ></ch-action-list-render>\n            </div>\n\n            <div class=\"field field-block\">\n              <label class=\"label\">\n                {this.selectedCategory.name\n                  ? `${this.selectedCategory.name} ${\n                      this.#componentLocale.typeSelectionTitleSuffix\n                    }`\n                  : this.#componentLocale.typeSelectionTitle}\n              </label>\n              <ch-action-list-render\n                // #data management types\n                // TODO: The \"scrollable\" class is a WA since the action-list currently does not support scrollbar customization\n                class=\"list-box\"\n                selection=\"single\"\n                sortItemsCallback={sortActionListDefault}\n                model={mapTypeDataToActionListModel(\n                  this.selectedCategory.types,\n                  this.selectedCategory.id,\n                  this.selectedType.id\n                )}\n                onSelectedItemsChange={this.#typeChangedHandler}\n              ></ch-action-list-render>\n            </div>\n          </section>\n\n          <section class=\"api-description-layout field-group-justified-start spacing-body-inline\">\n            <h2\n              // API Description\n              class=\"text-align-center api-description-title subtitle-regular-xs\t\"\n            >\n              {this.selectedType?.description}\n            </h2>\n\n            <label\n              // Name\n              class=\"label api-name-label\"\n              htmlFor=\"name\"\n            >\n              {this.#componentLocale.objectName}\n            </label>\n            <div>\n              <ch-edit\n                autoFocus\n                class={{\n                  \"input\": true,\n                  \"api-name-control\": true,\n                  \"input-error\": !!this.nameValidationErrorMessage\n                }}\n                placeholder=\"Name\"\n                value={this.name}\n                ref={(el: HTMLChEditElement) =>\n                  (this.#nameEl = el as HTMLChEditElement)\n                }\n                onChange={this.#onNameValueChangedHandler}\n                onInput={this.#onInputNameHandler as any}\n                onBlur={this.#onBlurNameHandler}\n                part=\"name\"\n              ></ch-edit>\n              {this.nameValidationErrorMessage && (\n                <ch-tooltip\n                  class=\"tooltip\"\n                  actionElement={this.#nameEl as unknown as HTMLButtonElement}\n                  blockAlign={config.tooltipSettings.blockAlign}\n                  inlineAlign={config.tooltipSettings.inlineAlign}\n                  delay={config.tooltipSettings.delay}\n                >\n                  {this.nameValidationErrorMessage}\n                </ch-tooltip>\n              )}\n            </div>\n\n            <label\n              // Description\n              class=\"label api-description-label\"\n              htmlFor=\"description\"\n            >\n              {this.#componentLocale.objectDescription}\n            </label>\n            <ch-edit\n              autoFocus\n              class=\"input api-description-control\"\n              placeholder=\"Description\"\n              value={this.#descriptionValueHandler()}\n              // TODO: toolTip={config.tooltip}\n              ref={(el: HTMLChEditElement) =>\n                (this.#descriptionEl = el as HTMLChEditElement)\n              }\n              onInput={this.#onInputDescriptionHandler as any}\n              part=\"description\"\n            ></ch-edit>\n\n            {this.#renderModuleFolder()}\n          </section>\n          <footer class=\"footer dialog-footer-with-border spacing-body-inline spacing-body-block-end \">\n            <div class=\"buttons-spacer\">\n              <button\n                // cancel\n                class=\"button-secondary\"\n                onClick={this.#cancelCallbackHandler}\n                part=\"button button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n\n              <button\n                // create\n                class=\"button-primary\"\n                onClick={this.#createCallbackHandler}\n                disabled={!!this.nameValidationErrorMessage}\n                part=\"button button-create\"\n              >\n                {this.#componentLocale.footer.btnCreate}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport interface NewObjectData {\n  typeId: string;\n  name: string;\n  description: string | undefined;\n  moduleId: string;\n}\n\nexport type ValidateNameCallback = (\n  name: string\n) => Promise<string | undefined>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type CreateCallback = (\n  data: NewObjectData\n) => Promise<string | undefined>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type TypeCategoryData = {\n  id: string;\n  name: string;\n  icon: string;\n  types: TypeData[];\n};\n\nexport type TypeData = {\n  id: string;\n  name: string;\n  icon: string;\n  hasModule: boolean;\n  hasFolder: boolean;\n  description: string;\n};\n\nexport type SuggestNameCallback = () => Promise<string | undefined>;\nexport type SuggestDescriptionCallback = () => Promise<string | undefined>;\n"],"mappings":";;;;;;AAMO,MAAMA,uCACXC,KAEOA,EAAWC,KAAIC,MACb;EACLC,IAAID,EAASC;EACbC,MAAM;EACNC,uBAAuB;IACrB,iBAAiB;MACfC,QAAQ,EAAC;QAAEC,QAAQL,EAASM,QAAQC;;;;EAGxCC,SAASR,EAASS;EAClBC,MAAM,YAAYV,EAASC;;;AAK1B,MAAMU,+BAA+B,CAC1CC,GACAC,GACAC,MAEOF,EAAMb,KAAIG,MACR;EACLD,IAAI,GAAGC,EAAKD;EACZC,MAAM;EACNa,UAAU;EACVC,UAAUF,MAAmBZ,EAAKD;EAClCE,uBAAuB;IACrB,iBAAiB;MACfC,QAAQ,EAAC;QAAEC,QAAQH,EAAKI;;;;EAG5BE,SAASN,EAAKO;EACdC,MAAM,QAAQG,KAAsBX,EAAKD;;;;;GCpCxC,OAAMgB,wBAAyBC,KAC7BA;;ACNT,MAAMC,IAAe;;;;;;;;;;;;;;;;;AC+BrB,MAAMC,IAA8B,EAClC,qBACA,qBACA,mBACA,mBACA,sBACA,uBACA,cACA,gBACA,iBACA;;MASWC,IAAc;;;;;;;;;;;QAKzBC,EAAAC,IAAAC,WAAA;IACAC,EAAAF,IAAAC,MAAgBE,EAAa;yEAK7BC,EAAAJ,IAAAC,WAAA;IACAI,EAAAL,IAAAC,WAAA;IACAK,EAAAN,IAAAC,WAAA;IACAM,EAAAP,IAAAC,MAA6B;IAC7BO,EAAAR,IAAAC,WAAA;IACAQ,EAAAT,IAAAC,WAAA;IACAS,EAAAV,IAAAC,MAAsB;;QA2ItBU,EAAAX,IAAAC,OAAyBW;YACjBX,KAAKY;AAAgB;IAG7BC,EAAAd,IAAAC,OACEc;MAEA,MAAMC,IAAYD,EAAeE;MACjC,IAAID,EAAUE,SAAS,GAAG;QACxB,MAAMC,IAAmBlB,KAAKmB,eAAeC,MAC3C5C,KAAYA,EAASC,OAAOsC,EAAU,GAAGM,KAAK5C;QAEhD,IAAIyC,GAAkB;UACpBlB,KAAKkB,mBAAmBA;UACxB,IAAIA,EAAiB9B,MAAM6B,SAAS,GAAG;YACrCjB,KAAKsB,eAAeJ,EAAiB9B,MAAMgC,MACzC1C,KAAQA,EAAKD,OAAOuB,KAAKuB,gBAAgBC,IAAIN,EAAiBzC;;;;;IAOxEgD,EAAA1B,IAAAC,OAAyBW;;;YAEvB,MAAMe,UAA2C1B,KAAK2B,qBACpDC,EAAA5B,MAAIQ,GAAA,KAASqB;MAEf,MAAMH,GAAgB;;QAEpBE,EAAA5B,MAAI8B,GAAA,KAAqBC,KAAzB/B,MAA0B0B;QAC1B;;MAGF,MAAMM,IAAsB;QAC1BC,SAAQC,IAAAlC,KAAKsB,kBAAY,QAAAY,WAAA,aAAAA,EAAEzD;QAC3BQ,MAAM2C,EAAA5B,MAAIQ,GAAA,KAASqB;QACnBM,cAAcP,EAAA5B,MAAIM,GAAA,OACdvB,YACA6C,EAAA5B,MAAIK,GAAA,KAAgBwB;QACxBO,WAAUC,KAAAC,IAAAV,EAAA5B,MAAIO,GAAA,UAAgB,QAAA+B,WAAA,aAAAA,EAAET,WAAK,QAAAQ,WAAA,aAAAA,EAAE5D;;MAEzC,MAAM8D,UAAevC,KAAKwC,eAAeR;MACzCJ,EAAA5B,MAAI8B,GAAA,KAAqBC,KAAzB/B,MAA0BuC;AAAO;IAGnCE,EAAA1C,IAAAC,OAA2B;;MACzB,IAAI4B,EAAA5B,MAAIS,GAAA,QAAwBmB,EAAA5B,MAAIM,GAAA,MAA6B;QAC/D,OAAOsB,EAAA5B,MAAIK,GAAA,KAAgBwB;aACtB;;QAEL,IAAI7B,KAAK0C,4BAA4B;UACnC,QAAOR,IAAAlC,KAAKmC,iBAAW,QAAAD,WAAA,IAAAA,IAAIlC,KAAKsB,aAAarC;;QAE/C,OAAOe,KAAKsB,aAAarC;;;;;;;;QAS7B0D,EAAA5C,IAAAC,OAAqBW,MAAOW;MAC1B,IAAItB,KAAK4C,qBAAqB;QAC5B,MAAMC,UAAsB7C,KAAK4C;QACjC,IAAIC,GAAe;UACjB,OAAOA,EAAcC,QAAQ,OAAO;;;MAGxC,OAAOxB,EAAarC,KAAK6D,QAAQ,OAAO;AAAG;;;;;;QAQ7CC,EAAAhD,IAAAC,OAA4BW,MAAOW;MACjC,IAAItB,KAAK0C,4BAA4B;QACnC,MAAMM,UAA6BhD,KAAK0C;QACxC,IAAIM,GAAsB;UACxB,OAAOA;;;MAGX,OAAO1B,EAAarC;AAAI;;;;;QAO1BgE,EAAAlD,IAAAC,OAAqBW;MACnB,KAAKX,KAAKsB,cAAc;QACtB;;MAGF,KAAKM,EAAA5B,MAAIS,GAAA,MAAsB;QAC7BT,KAAKf,aAAa2C,EAAA5B,MAAI2C,GAAA,KAAmBZ,KAAvB/B,MAAwBA,KAAKsB;;MAGjD,KAAKM,EAAA5B,MAAIM,GAAA,MAA6B;QACpCN,KAAKmC,oBAAoBP,EAAA5B,MAAI+C,GAAA,KAA0BhB,KAA9B/B,MACvBA,KAAKsB;;;;;;;;QAUX4B,EAAAnD,IAAAC,OAAQW;MACN,MAAMwC,IAAmBvB,EAAA5B,MAAIoD,GAAA,KAAgBrB,KAApB/B,MAAqBA,KAAKqD;MACnD,KAAKF,GAAkB;QACrBnD,KAAKkB,mBAAmBlB,KAAKmB,eAAe;QAC5CnB,KAAKsB,eAAetB,KAAKkB,iBAAiB9B,MAAM;;YAG5CwC,EAAA5B,MAAIiD,GAAA,KAAmBlB,KAAvB/B;AAAyB;IAkBjCsD,EAAAvD,IAAAC,OAAqBW;MACnB,IAAIiB,EAAA5B,MAAIQ,GAAA,KAASqB,OAAO;QACtB,MAAMU,UAAmCvC,KAAK2B,qBAC5CC,EAAA5B,MAAIQ,GAAA,KAASqB;QAEfD,EAAA5B,MAAI8B,GAAA,KAAqBC,KAAzB/B,MAA0BuC;;;IAI9BgB,EAAAxD,IAAAC,OAA8BwD;MAC5BxD,KAAKmC,cAAcqB,EAAExC;MACrByC,EAAAzD,MAAIM,GAA8B,MAAI;AAAA;IAGxCoD,EAAA3D,IAAAC,OAAsBW,MAAO6C;MAC3B,MAAMvE,IAAOuE,EAAExC;MACf,KAAKY,EAAA5B,MAAIM,GAAA,MAA6B;;;QAGpCsB,EAAA5B,MAAIK,GAAA,KAAgBwB,QAAQ5C;;MAE9BwE,EAAAzD,MAAIS,GAAuB,MAAI;AAAA;IAGjCkD,EAAA5D,IAAAC,OAA6BW,MAAO6C;MAClC,MAAMvE,IAAOuE,EAAExC;MACf,IAAI/B,GAAM;QACR,MAAMsD,UAAmCvC,KAAK2B,qBAAqB1C;QACnE2C,EAAA5B,MAAI8B,GAAA,KAAqBC,KAAzB/B,MAA0BuC;;;IAI9BqB,EAAA7D,IAAAC,OAAsB;MACpB,IAAIA,KAAKsB,aAAauC,aAAa7D,KAAKsB,aAAawC,WAAW;QAC9D,IAAIC,IAAmBnC,EAAA5B,MAAIF,GAAA,KAAkBkE;QAC7C,KAAKhE,KAAKsB,aAAawC,WAAW;UAChCC,IAAmBnC,EAAA5B,MAAIF,GAAA,KAAkBmE;eACpC,KAAKjE,KAAKsB,aAAauC,WAAW;UACvCE,IAAmBnC,EAAA5B,MAAIF,GAAA,KAAkBoE;;QAE3C,OAAO,EACLC,EAAA;;UAEEC,OAAM;UACNC,SAAQ;WAEPN,IAEHI,EAAA;UACE1F,IAAG;UACH2F,OAAM;UACNlF,MAAK;UACLoF,eAAc;UACdzC,OAAO7B,KAAKuE;UACZC,cAAcxE,KAAKyE;UACnBC,sBAAsB1E,KAAK2E;UAC3BC,KAAMC,KACHpB,EAAAzD,MAAIO,GAAmBsE,GAAoC;;;MAKpE,OAAO;AAAI;IAGbzB,EAAArD,IAAAC,OAAmBiC;MACjB,KAAKA,GAAQ;QACX,OAAO;;MAET,IAAI6C,IAAQ;MACZC,GAAW,KAAK,IAAIC,IAAI,GAAGA,IAAIhF,KAAKmB,eAAeF,QAAQ+D,KAAK;QAC9D,KAAK,IAAIC,IAAI,GAAGA,IAAIjF,KAAKmB,eAAe6D,GAAG5F,MAAM6B,QAAQgE,KAAK;UAC5D,MAAMC,IAAalF,KAAKmB,eAAe6D,GAAG5F,MAAM6F,GAAGxG;UACnD,IAAIyG,MAAejD,GAAQ;YACzBjC,KAAKkB,mBAAmBlB,KAAKmB,eAAe6D;YAC5ChF,KAAKsB,eAAetB,KAAKmB,eAAe6D,GAAG5F,MAAM6F;YACjDH,IAAQ;YACR,MAAMC;;;;MAIZ,OAAOD;AAAK;IAGdK,EAAApF,IAAAC,OAAmC;MACjC,IAAIA,KAAKkB,kBAAkB;;QAEzBU,EAAA5B,MAAIG,GAAA,KAAyBiF,qBAC3BpF,KAAKkB,iBAAiBzC,IACtB;UACEe,UAAU;UACVd,MAAM;;;;IAMd2G,EAAAtF,IAAAC,OAAsBW,MACpBG;MAEA,MAAMC,IAAYD,EAAeE;MACjC,IAAID,EAAUE,SAAS,GAAG;QACxBjB,KAAKsB,eAAetB,KAAKkB,iBAAiB9B,MAAMgC,MAC9C1C,KAAQA,EAAKD,OAAOsC,EAAU,GAAGM,KAAK5C;QAExCuB,KAAKuB,gBAAgBxB,IAAIC,KAAKkB,iBAAiBzC,IAAIuB,KAAKsB,aAAa7C;cAE/DmD,EAAA5B,MAAIiD,GAAA,KAAmBlB,KAAvB/B;;;;;;;;;QAUV8B,EAAA/B,IAAAC,OAAwBuC;MACtBvC,KAAKsF,6BAA6B/C;AAAM;uBAtYXxD;gBAKPA;;;;yCAKkC;gCACT;2BAED,IAAIwG;;;wBAgBpB;;;kBAeN;;;;;;;;EAO1B,qBAAAC,CAAsBC;IACpB,IAAIA,MAAQ,QAARA,WAAQ,aAARA,EAAUxE,QAAQ;MACpBjB,KAAK0F,gCAAgCrH,qCACnC2B,KAAKmB;;;EAmDX,iBAAAwE;;;EAIA,uBAAMC;UACEhE,EAAA5B,MAAIkD,GAAA,KAAMnB,KAAV/B;IACNyD,EAAAzD,MAAIF,SAA0B+F,EAAOC,oBAAoB9F,KAAK6E,KAAG;IACjE7E,KAAKwF,sBAAsBxF,KAAKmB;IAChCS,EAAA5B,MAAI+F,GAAA,KAAAC,GAA2BjE,KAA/B/B;;EAGF,gBAAAiG;IACErE,EAAA5B,MAAImF,GAAA,KAAiCpD,KAArC/B;;;;SAOF,sBAAMkG,CAAiBA;IACrB,IAAIA,GAAkB;MACpBtE,EAAA5B,MAAII,GAAA,KAAgB+F,UAAU;WACzB;MACLvE,EAAA5B,MAAII,GAAA,KAAgB+F,UAAU;;;EAyQlC,MAAAC;;IACE,OACEjC,EAACkC,GAAI;MAACjC,OAAM;OACVD,EAAA;MAAUmC,OAAO1G;QACjBuE,EAAA;MACEoC,KAAK3E,EAAA5B,MAAIC,GAAA;MACT2E,KAAMC,KACHpB,EAAAzD,MAAII,GAAkByE,GAA4B;QAIvDV,EAAA;MAASC,OAAM;OACbD,EAAA;MAASC,OAAM;OACbD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;OACVxC,EAAA5B,MAAIF,GAAA,KAAkB0G,yBAEzBrC,EAAA;;;MAGEC,OAAM;MACNrD,WAAU;MACVuF,OAAOtG,KAAK0F;MACZe,mBAAmBhH;MACnBiH,uBAAuB9E,EAAA5B,MAAIa,GAAA;MAC3B+D,KAAMC,KACHpB,EAAAzD,MAAIG,GACH0E,GAAmC;SAK3CV,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAOC,OAAM;OACVpE,KAAKkB,iBAAiBjC,OACnB,GAAGe,KAAKkB,iBAAiBjC,QACvB2C,EAAA5B,MAAIF,GAAA,KAAkB6G,6BAExB/E,EAAA5B,MAAIF,GAAA,KAAkB8G,qBAE5BzC,EAAA;;;MAGEC,OAAM;MACNrD,WAAU;MACV0F,mBAAmBhH;MACnB6G,OAAOnH,6BACLa,KAAKkB,iBAAiB9B,OACtBY,KAAKkB,iBAAiBzC,IACtBuB,KAAKsB,aAAa7C;MAEpBiI,uBAAuB9E,EAAA5B,MAAIqF,GAAA;UAKjClB,EAAA;MAASC,OAAM;OACbD,EAAA;;MAEEC,OAAM;QAELlC,IAAAlC,KAAKsB,kBAAY,QAAAY,WAAA,aAAAA,EAAEC,cAGtBgC,EAAA;;MAEEC,OAAM;MACNC,SAAQ;OAEPzC,EAAA5B,MAAIF,GAAA,KAAkB+G,aAEzB1C,EAAA,aACEA,EAAA;MACE2C,WAAS;MACT1C,OAAO;QACL2C,OAAS;QACT,oBAAoB;QACpB,iBAAiB/G,KAAKsF;;MAExB0B,aAAY;MACZnF,OAAO7B,KAAKf;MACZ2F,KAAMC,KACHpB,EAAAzD,MAAIQ,GAAWqE,GAAuB;MAEzCoC,UAAUrF,EAAA5B,MAAI2D,GAAA;MACduD,SAAStF,EAAA5B,MAAI0D,GAAA;MACbyD,QAAQvF,EAAA5B,MAAIsD,GAAA;MACZpE,MAAK;QAENc,KAAKsF,8BACJnB,EAAA;MACEC,OAAM;MACNgD,eAAexF,EAAA5B,MAAIQ,GAAA;MACnB6G,YAAYC,EAAOC,gBAAgBF;MACnCG,aAAaF,EAAOC,gBAAgBC;MACpCC,OAAOH,EAAOC,gBAAgBE;OAE7BzH,KAAKsF,8BAKZnB,EAAA;;MAEEC,OAAM;MACNC,SAAQ;OAEPzC,EAAA5B,MAAIF,GAAA,KAAkB4H,oBAEzBvD,EAAA;MACE2C,WAAS;MACT1C,OAAM;MACN4C,aAAY;MACZnF,OAAOD,EAAA5B,MAAIyC,GAAA,KAAyBV,KAA7B/B;;MAEP4E,KAAMC,KACHpB,EAAAzD,MAAIK,GAAkBwE,GAAuB;MAEhDqC,SAAStF,EAAA5B,MAAIuD,GAAA;MACbrE,MAAK;QAGN0C,EAAA5B,MAAI4D,GAAA,KAAoB7B,KAAxB/B,QAEHmE,EAAA;MAAQC,OAAM;OACZD,EAAA;MAAKC,OAAM;OACTD,EAAA;;MAEEC,OAAM;MACNuD,SAAS/F,EAAA5B,MAAIU,GAAA;MACbxB,MAAK;OAEJ0C,EAAA5B,MAAIF,GAAA,KAAkB8H,OAAOC,YAGhC1D,EAAA;;MAEEC,OAAM;MACNuD,SAAS/F,EAAA5B,MAAIyB,GAAA;MACbqG,YAAY9H,KAAKsF;MACjBpG,MAAK;OAEJ0C,EAAA5B,MAAIF,GAAA,KAAkB8H,OAAOG;;;;;;;;;;;;;;;;;;;;;;;;EAhR1C/H,KAAKmB,eAAe6G,SAAQxJ;IAC1B,IAAIwB,KAAKqD,iBAAiB7E,EAASC,OAAOuB,KAAKkB,iBAAiBzC,IAAI;MAClEuB,KAAKuB,gBAAgBxB,IAAIvB,EAASC,IAAIuB,KAAKsB,aAAa7C;WACnD;MACLuB,KAAKuB,gBAAgBxB,IAAIvB,EAASC,IAAID,EAASY,MAAM,GAAGX;;;AAG9D"}

package/dist/genexus-ide-ui/{p-49c1d667.entry.js → p-90b2307f.entry.js}

@@ -8,13 +8,13 @@ const mapCommentsToActionListModel = t => t.map((t => ({
   caption: t
 })));
 
-const a = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}:host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.section{display:contents}.main{contain:size;overflow:auto}.list-box{block-size:100%}";
+const a = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;grid-template-rows:1fr max-content}.section{display:contents}.main{contain:size;overflow:auto}.list-box{block-size:100%}";
 
-const l = [ 
+const r = [ 
 // Use only the bundles that are needed for this component.
 "resets/box-sizing", "components/button", "components/list-box", "utils/layout", "utils/spacing" ];
 
-const r = class {
+const l = class {
   constructor(e) {
     t(this, e);
     this.componentDidRenderFirstTime = i(this, "componentDidRenderFirstTime", 7);
@@ -43,7 +43,7 @@ const r = class {
     return e(n, {
       class: "widget"
     }, e("ch-theme", {
-      model: l
+      model: r
     }), e("section", {
       class: "section"
     }, e("div", {
@@ -77,7 +77,7 @@ const r = class {
   }
 };
 
-r.style = a;
+l.style = a;
 
-export { r as gx_ide_team_dev_select_recent_comment };
-//# sourceMappingURL=p-49c1d667.entry.js.map
+export { l as gx_ide_team_dev_select_recent_comment };
+//# sourceMappingURL=p-90b2307f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapCommentsToActionListModel","comments","map","comment","id","type","caption","selectRecentCommentCss","CSS_BUNDLES","GxIdeTeamDevSelectRecentComment","this","selectedComment","commentSelectionChangedHandler","event","detail","length","item","confirmCallbackHandle","async","confirmCallback","cancelCallbackHandle","cancelCallback","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","commentsActionList","render","h","Host","class","model","selection","onSelectedItemsChange","onClick","part","cancelButton","confirmButton"],"sources":["src/components/team-dev/select-recent-comment/helpers/mapCommentsToActionListModel.ts","src/components/team-dev/select-recent-comment/select-recent-comment.scss?tag=gx-ide-team-dev-select-recent-comment&encapsulation=shadow","src/components/team-dev/select-recent-comment/select-recent-comment.tsx"],"sourcesContent":["import { ActionListModel } from \"@genexus/chameleon-controls-library\";\n\nexport const mapCommentsToActionListModel = (\n  comments: string[]\n): ActionListModel => {\n  return comments.map(comment => {\n    return {\n      id: comment,\n      type: \"actionable\",\n      caption: comment\n    };\n  });\n};\n\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-mercury-overrides/_button.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n.main {\n  contain: size;\n  overflow: auto;\n}\n\n.list-box {\n  block-size: 100%;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport {\n  ActionListModel,\n  ActionListItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../../common/locale\";\nimport { mapCommentsToActionListModel } from \"./helpers/mapCommentsToActionListModel\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // Use only the bundles that are needed for this component.\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/list-box\",\n  \"utils/layout\",\n  \"utils/spacing\"\n];\n@Component({\n  tag: \"gx-ide-team-dev-select-recent-comment\",\n  styleUrl: \"select-recent-comment.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/team-dev-select-recent-comment\"]\n})\nexport class GxIdeTeamDevSelectRecentComment {\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private selectedComment: string = null;\n\n  @Element() el: HTMLGxIdeTeamDevSelectRecentCommentElement;\n\n  /**\n   * Recent comments list\n   */\n  @Prop() readonly comments: string[];\n\n  /**\n   * The comments model as ActionListModel, which is the model the ch-action-list expects\n   */\n  @State() commentsActionList: ActionListModel = [];\n\n  /**\n   * Callback invoked when user confirms selection\n   */\n  @Prop() readonly confirmCallback: confirmCallback;\n\n  /**\n   * Callback invoked when user cancel selection\n   */\n  @Prop() readonly cancelCallback: cancelCallback;\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.commentsActionList = mapCommentsToActionListModel(this.comments);\n  }\n\n  private commentSelectionChangedHandler = (\n    event: CustomEvent<ActionListItemModelExtended[]>\n  ) => {\n    if (event.detail.length > 0) {\n      this.selectedComment = event.detail[0].item.id;\n    }\n  };\n\n  private confirmCallbackHandle = async () => {\n    await this.confirmCallback(this.selectedComment);\n  };\n\n  private cancelCallbackHandle = async () => {\n    await this.cancelCallback();\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <div class=\"main\">\n            <ch-action-list-render\n              class=\"list-box recent-comments-list\"\n              selection=\"single\"\n              model={this.commentsActionList}\n              onSelectedItemsChange={this.commentSelectionChangedHandler}\n            ></ch-action-list-render>\n          </div>\n\n          <footer class=\"footer dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.cancelCallbackHandle}\n                part=\"button-cancel\"\n              >\n                {this._componentLocale.cancelButton}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-confirm\"\n                onClick={this.confirmCallbackHandle}\n                part=\"button-confirm\"\n              >\n                {this._componentLocale.confirmButton}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\nexport type confirmCallback = (comment: string) => Promise<void>;\nexport type cancelCallback = () => Promise<void>;\n"],"mappings":";;;;AAEO,MAAMA,+BACXC,KAEOA,EAASC,KAAIC,MACX;EACLC,IAAID;EACJE,MAAM;EACNC,SAASH;;;ACTf,MAAMI,IAAyB;;ACoB/B,MAAMC,IAA8B;;AAElC,qBACA,qBACA,uBACA,gBACA;;MAQWC,IAA+B;;;;IAKlCC,KAAAC,kBAA0B;IAkC1BD,KAAAE,iCACNC;MAEA,IAAIA,EAAMC,OAAOC,SAAS,GAAG;QAC3BL,KAAKC,kBAAkBE,EAAMC,OAAO,GAAGE,KAAKZ;;;IAIxCM,KAAAO,wBAAwBC;YACxBR,KAAKS,gBAAgBT,KAAKC;AAAgB;IAG1CD,KAAAU,uBAAuBF;YACvBR,KAAKW;AAAgB;;8BAnCkB;;;;EAiB/C,uBAAMC;IACJZ,KAAKa,yBAAyBC,EAAOC,oBAAoBf,KAAKgB;IAC9DhB,KAAKiB,qBAAqB3B,6BAA6BU,KAAKT;;EAmB9D,MAAA2B;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOxB;QACjBqB,EAAA;MAASE,OAAM;OACbF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEE,OAAM;MACNE,WAAU;MACVD,OAAOtB,KAAKiB;MACZO,uBAAuBxB,KAAKE;SAIhCiB,EAAA;MAAQE,OAAM;OACZF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEE,OAAM;MACN3B,IAAG;MACH+B,SAASzB,KAAKU;MACdgB,MAAK;OAEJ1B,KAAKa,iBAAiBc,eAEzBR,EAAA;MACEE,OAAM;MACN3B,IAAG;MACH+B,SAASzB,KAAKO;MACdmB,MAAK;OAEJ1B,KAAKa,iBAAiBe"}