@genexus/genexus-ide-ui 1.1.23 → 1.1.24

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

@@ -1 +1 @@
-{"version":3,"names":["objectsToListItemData","objects","itemsData","forEach","object","itemId","id","itemValue","name","itemIcon","icon","itemChecked","push","bpmObjectsSelectorCss","GxIdeBpmExportXpdl","this","renderedFirstTime","includeAll","objectSelectionChangedHandler","selectedItem","selectedObjects","Array","isArray","detail","map","item","removeObjectsHandler","filter","includes","updateSelection","removeAllObjectsHandler","includeAllHandler","includeAllCheckboxEl","value","selectionChanged","emit","addCallbackHandler","async","addCallback","resultObjects","newObjects","resultObj","some","existingObj","referencesCallbackHandler","referencesCallback","length","ids","obj","data","objectIds","selection","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","render","h","Host","class","containerTitle","displayTitle","componentName","slimmerFooter","config","gxIdeContainer","type","listName","ordered","onSelectionChanged","renderListItems","htmlFor","main","includeAllLabel","accessibleName","checkedValue","unCheckedValue","onInput","ref","onClick","disabled","addButton","referencesButton","removeButton","slot","clearButton"],"sources":["src/components/bpm/objects-selector/helpers.ts","src/components/bpm/objects-selector/bpm-objects-selector.scss?tag=gx-ide-bpm-objects-selector&encapsulation=shadow","src/components/bpm/objects-selector/bpm-objects-selector.tsx"],"sourcesContent":["import { ItemData } from \"../../_helpers/list-selector/list-selector-item/list-selector-item\";\n\nexport type ObjectData = {\n  id: string;\n  icon: string;\n  name: string;\n};\n\nexport const objectsToListItemData = (objects: ObjectData[]): ItemData[] => {\n  const itemsData: ItemData[] = [];\n  objects.forEach(object => {\n    const itemId = object.id;\n    const itemValue = object.name;\n    const itemIcon: string = object.icon;\n    const itemChecked: boolean = false;\n    itemsData.push({\n      itemId: itemId,\n      itemValue: itemValue,\n      itemIcon: itemIcon,\n      itemChecked: itemChecked\n    });\n  });\n  return itemsData;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n  display: block;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr min-content min-content;\n  grid-template-areas:\n    \"label label label\"\n    \"input cancel export\";\n  grid-gap: var(--gx-ide-grid-column-gap);\n\n  .label {\n    grid-area: label;\n  }\n  .input {\n    grid-area: input;\n  }\n  .cancel {\n    grid-area: cancel;\n  }\n  .export {\n    grid-area: export;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { CheckedItemsInfo } from \"../../_helpers/list-selector/list-selector\";\n\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { renderListItems } from \"../../../common/render-list-item\";\nimport { ObjectData, objectsToListItemData } from \"./helpers\";\n\n@Component({\n  tag: \"gx-ide-bpm-objects-selector\",\n  styleUrl: \"bpm-objects-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-objects-selector\"]\n})\nexport class GxIdeBpmExportXpdl {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  private includeAll = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmObjectsSelectorElement;\n  private includeAllCheckboxEl: HTMLChCheckboxElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * Contains the list of selected object ids\n   */\n  @State() selectedObjects: string[] = [];\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   *The current selection in the list of objects\n   */\n  @Prop({ mutable: true }) selection: SelectionData;\n\n  /**\n   * Callback invoked when the user presses the 'Add' button.\n   * This function is expected to return a list of selected objects' basic information.\n   * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n   */\n  @Prop() readonly addCallback: () => Promise<ObjectData[]>;\n\n  /**\n   * Callback invoked when the user presses the 'References' button.\n   * Receives a parameter which is an array of IDs of the objects currently added to the list.\n   * Returns a Promise that resolves to an array of ObjectData, where each ObjectData contains the ID, icon, and name of an object.\n   * @param {string[]} ids - An array of IDs of the objects currently added to the list.\n   * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n   */\n  @Prop() readonly referencesCallback: (ids: string[]) => Promise<ObjectData[]>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event()\n  componentDidRenderFirstTime: EventEmitter<HTMLGxIdeBpmObjectsSelectorElement>;\n\n  /**\n   * @description Gets fired when the objects selection list change or when 'Select All' checkbox state changes.\n   */\n  @Event() selectionChanged: 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(this.el);\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private objectSelectionChangedHandler = (\n    selectedItem: CustomEvent<CheckedItemsInfo>\n  ) => {\n    const selectedObjects = Array.isArray(selectedItem.detail)\n      ? selectedItem.detail\n      : [selectedItem.detail];\n\n    this.selectedObjects = selectedObjects.map(item => item.itemId);\n  };\n\n  private removeObjectsHandler = () => {\n    this.objects = this.objects.filter(\n      object => !this.selectedObjects.includes(object.id)\n    );\n\n    this.selectedObjects = [];\n    this.updateSelection(false);\n  };\n\n  private removeAllObjectsHandler = () => {\n    this.objects = [];\n    this.selectedObjects = [];\n    this.updateSelection(false);\n  };\n\n  private includeAllHandler = () => {\n    this.includeAll = this.includeAllCheckboxEl.value === \"true\";\n    if (this.includeAll) {\n      this.selectedObjects = this.objects.map(object => object.id);\n      this.objects = [];\n      this.updateSelection(true);\n    } else {\n      this.selectedObjects = [];\n      this.updateSelection(false);\n    }\n\n    this.selectionChanged.emit();\n  };\n  private addCallbackHandler = async () => {\n    if (this.addCallback) {\n      const resultObjects = await this.addCallback();\n      const newObjects = resultObjects.filter(\n        resultObj =>\n          !this.objects.some(existingObj => existingObj.id === resultObj.id)\n      );\n      this.objects = [...this.objects, ...newObjects];\n      this.updateSelection(false);\n    }\n  };\n\n  private referencesCallbackHandler = async () => {\n    if (this.referencesCallback && this.objects.length > 0) {\n      const ids = this.objects.map(obj => obj.id);\n\n      const resultObjects = await this.referencesCallback(ids);\n\n      const newObjects = resultObjects.filter(\n        resultObj =>\n          !this.objects.some(existingObj => existingObj.id === resultObj.id)\n      );\n\n      this.objects = [...this.objects, ...newObjects];\n      this.updateSelection(false);\n    }\n  };\n\n  private updateSelection = (includeAll: boolean) => {\n    const data: SelectionData = {\n      includeAll: this.includeAllCheckboxEl.value === \"true\",\n      objectIds: includeAll\n        ? this.selectedObjects\n        : this.objects.map(object => object.id)\n    };\n\n    this.selection = data;\n    this.selectionChanged.emit();\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component gx-ide-bpm-objects-selector\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <gx-ide-list-selector\n              id=\"path-list\"\n              type=\"multi-selection\"\n              listName=\"path-list\"\n              ordered\n              onSelectionChanged={this.objectSelectionChangedHandler}\n              class=\"path-list\"\n            >\n              {renderListItems(objectsToListItemData(this.objects))}\n            </gx-ide-list-selector>\n\n            <div class=\"controls-wrapper\">\n              <label htmlFor=\"include-all\">\n                {this._componentLocale.main.includeAllLabel}\n              </label>\n              <ch-checkbox\n                id=\"include-all\"\n                accessibleName={this._componentLocale.main.includeAllLabel}\n                checkedValue=\"true\"\n                unCheckedValue=\"false\"\n                value=\"checked\"\n                onInput={this.includeAllHandler}\n                ref={el =>\n                  (this.includeAllCheckboxEl = el as HTMLChCheckboxElement)\n                }\n              ></ch-checkbox>\n              <button\n                onClick={this.addCallbackHandler}\n                disabled={this.includeAll}\n              >\n                {this._componentLocale.main.addButton}\n              </button>\n              <button\n                onClick={this.referencesCallbackHandler}\n                disabled={this.objects.length === 0}\n              >\n                {this._componentLocale.main.referencesButton}\n              </button>\n              <button\n                onClick={this.removeObjectsHandler}\n                disabled={this.selectedObjects.length === 0 || this.includeAll}\n              >\n                {this._componentLocale.main.removeButton} (\n                {this.selectedObjects.length})\n              </button>\n            </div>\n\n            <button\n              slot=\"footer-end\"\n              onClick={this.removeAllObjectsHandler}\n              disabled={this.includeAll}\n            >\n              {this._componentLocale.main.clearButton}\n            </button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type SelectionData = {\n  includeAll: boolean;\n  objectIds: string[];\n};\n"],"mappings":"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"}
+{"version":3,"names":["objectsToListItemData","objects","itemsData","forEach","object","itemId","id","itemValue","name","itemIcon","icon","itemChecked","push","bpmObjectsSelectorCss","GxIdeBpmExportXpdl","this","renderedFirstTime","includeAll","objectSelectionChangedHandler","selectedItem","selectedObjects","Array","isArray","detail","map","item","removeObjectsHandler","filter","includes","updateSelection","removeAllObjectsHandler","includeAllHandler","includeAllCheckboxEl","value","selectionChanged","emit","addCallbackHandler","async","addCallback","resultObjects","newObjects","resultObj","some","existingObj","referencesCallbackHandler","referencesCallback","length","ids","obj","data","objectIds","selection","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","render","h","Host","class","containerTitle","displayTitle","componentName","slimmerFooter","config","gxIdeContainer","type","listName","ordered","onSelectionChanged","renderListItems","htmlFor","main","includeAllLabel","accessibleName","checkedValue","unCheckedValue","onInput","ref","onClick","disabled","addButton","referencesButton","removeButton","slot","clearButton"],"sources":["src/components/bpm/objects-selector/helpers.ts","src/components/bpm/objects-selector/bpm-objects-selector.scss?tag=gx-ide-bpm-objects-selector&encapsulation=shadow","src/components/bpm/objects-selector/bpm-objects-selector.tsx"],"sourcesContent":["import { ItemData } from \"../../_helpers/list-selector/list-selector-item/list-selector-item\";\n\nexport type ObjectData = {\n  id: string;\n  icon: string;\n  name: string;\n};\n\nexport const objectsToListItemData = (objects: ObjectData[]): ItemData[] => {\n  const itemsData: ItemData[] = [];\n  objects.forEach(object => {\n    const itemId = object.id;\n    const itemValue = object.name;\n    const itemIcon: string = object.icon;\n    const itemChecked: boolean = false;\n    itemsData.push({\n      itemId: itemId,\n      itemValue: itemValue,\n      itemIcon: itemIcon,\n      itemChecked: itemChecked\n    });\n  });\n  return itemsData;\n};\n","@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n  display: block;\n}\n\n.header {\n  display: grid;\n  grid-template-columns: 1fr min-content min-content;\n  grid-template-areas:\n    \"label label label\"\n    \"input cancel export\";\n  grid-gap: var(--gx-ide-grid-column-gap);\n\n  .label {\n    grid-area: label;\n  }\n  .input {\n    grid-area: input;\n  }\n  .cancel {\n    grid-area: cancel;\n  }\n  .export {\n    grid-area: export;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { CheckedItemsInfo } from \"../../_helpers/list-selector/list-selector\";\n\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\nimport { renderListItems } from \"../../../common/render-list-item\";\nimport { ObjectData, objectsToListItemData } from \"./helpers\";\n\n@Component({\n  tag: \"gx-ide-bpm-objects-selector\",\n  styleUrl: \"bpm-objects-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-objects-selector\"]\n})\nexport class GxIdeBpmExportXpdl {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n\n  private includeAll = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeBpmObjectsSelectorElement;\n  private includeAllCheckboxEl: HTMLChCheckboxElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * Contains the list of selected object ids\n   */\n  @State() selectedObjects: string[] = [];\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   *The current selection in the list of objects\n   */\n  @Prop({ mutable: true }) selection: SelectionData;\n\n  /**\n   * Callback invoked when the user presses the 'Add' button.\n   * This function is expected to return a list of selected objects' basic information.\n   * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n   */\n  @Prop() readonly addCallback: () => Promise<ObjectData[]>;\n\n  /**\n   * Callback invoked when the user presses the 'References' button.\n   * Receives a parameter which is an array of IDs of the objects currently added to the list.\n   * Returns a Promise that resolves to an array of ObjectData, where each ObjectData contains the ID, icon, and name of an object.\n   * @param {string[]} ids - An array of IDs of the objects currently added to the list.\n   * @returns {Promise<ObjectData[]>} A Promise that resolves to an array of ObjectData. Each ObjectData contains the ID, icon, and name of an object.\n   */\n  @Prop() readonly referencesCallback: (ids: string[]) => Promise<ObjectData[]>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event()\n  componentDidRenderFirstTime: EventEmitter<HTMLGxIdeBpmObjectsSelectorElement>;\n\n  /**\n   * @description Gets fired when the objects selection list change or when 'Select All' checkbox state changes.\n   */\n  @Event() selectionChanged: 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(this.el);\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private objectSelectionChangedHandler = (\n    selectedItem: CustomEvent<CheckedItemsInfo>\n  ) => {\n    const selectedObjects = Array.isArray(selectedItem.detail)\n      ? selectedItem.detail\n      : [selectedItem.detail];\n\n    this.selectedObjects = selectedObjects.map(item => item.itemId);\n  };\n\n  private removeObjectsHandler = () => {\n    this.objects = this.objects.filter(\n      object => !this.selectedObjects.includes(object.id)\n    );\n\n    this.selectedObjects = [];\n    this.updateSelection(false);\n  };\n\n  private removeAllObjectsHandler = () => {\n    this.objects = [];\n    this.selectedObjects = [];\n    this.updateSelection(false);\n  };\n\n  private includeAllHandler = () => {\n    this.includeAll = this.includeAllCheckboxEl.value === \"true\";\n    if (this.includeAll) {\n      this.selectedObjects = this.objects.map(object => object.id);\n      this.objects = [];\n      this.updateSelection(true);\n    } else {\n      this.selectedObjects = [];\n      this.updateSelection(false);\n    }\n\n    this.selectionChanged.emit();\n  };\n  private addCallbackHandler = async () => {\n    if (this.addCallback) {\n      const resultObjects = await this.addCallback();\n      const newObjects = resultObjects.filter(\n        resultObj =>\n          !this.objects.some(existingObj => existingObj.id === resultObj.id)\n      );\n      this.objects = [...this.objects, ...newObjects];\n      this.updateSelection(false);\n    }\n  };\n\n  private referencesCallbackHandler = async () => {\n    if (this.referencesCallback && this.objects.length > 0) {\n      const ids = this.objects.map(obj => obj.id);\n\n      const resultObjects = await this.referencesCallback(ids);\n\n      const newObjects = resultObjects.filter(\n        resultObj =>\n          !this.objects.some(existingObj => existingObj.id === resultObj.id)\n      );\n\n      this.objects = [...this.objects, ...newObjects];\n      this.updateSelection(false);\n    }\n  };\n\n  private updateSelection = (includeAll: boolean) => {\n    const data: SelectionData = {\n      includeAll: this.includeAllCheckboxEl.value === \"true\",\n      objectIds: includeAll\n        ? this.selectedObjects\n        : this.objects.map(object => object.id)\n    };\n\n    this.selection = data;\n    this.selectionChanged.emit();\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host class=\"gx-ide-component gx-ide-bpm-objects-selector\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <gx-ide-list-selector\n              id=\"path-list\"\n              type=\"multi-selection\"\n              listName=\"path-list\"\n              ordered\n              onSelectionChanged={this.objectSelectionChangedHandler}\n              class=\"path-list\"\n            >\n              {renderListItems(objectsToListItemData(this.objects))}\n            </gx-ide-list-selector>\n\n            <div class=\"controls-wrapper\">\n              <label htmlFor=\"include-all\">\n                {this._componentLocale.main.includeAllLabel}\n              </label>\n              <ch-checkbox\n                id=\"include-all\"\n                accessibleName={this._componentLocale.main.includeAllLabel}\n                checkedValue=\"true\"\n                unCheckedValue=\"false\"\n                value=\"checked\"\n                onInput={this.includeAllHandler}\n                ref={(el: HTMLChCheckboxElement) =>\n                  (this.includeAllCheckboxEl = el as HTMLChCheckboxElement)\n                }\n              ></ch-checkbox>\n              <button\n                onClick={this.addCallbackHandler}\n                disabled={this.includeAll}\n              >\n                {this._componentLocale.main.addButton}\n              </button>\n              <button\n                onClick={this.referencesCallbackHandler}\n                disabled={this.objects.length === 0}\n              >\n                {this._componentLocale.main.referencesButton}\n              </button>\n              <button\n                onClick={this.removeObjectsHandler}\n                disabled={this.selectedObjects.length === 0 || this.includeAll}\n              >\n                {this._componentLocale.main.removeButton} (\n                {this.selectedObjects.length})\n              </button>\n            </div>\n\n            <button\n              slot=\"footer-end\"\n              onClick={this.removeAllObjectsHandler}\n              disabled={this.includeAll}\n            >\n              {this._componentLocale.main.clearButton}\n            </button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type SelectionData = {\n  includeAll: boolean;\n  objectIds: string[];\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-c9bca7c0.entry.js → p-dce532ea.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, c as e, h as i, H as o, a as s } from "./p-25a9f1d7.js";
 
-import { g as r } from "./p-2987a259.js";
+import { g as r } from "./p-401bfc97.js";
 
 import { L as n } from "./p-311eedf3.js";
 
@@ -165,4 +165,4 @@ b = new WeakMap;
 _.style = a;
 
 export { _ as gx_ide_entity_selector };
-//# sourceMappingURL=p-c9bca7c0.entry.js.map
+//# sourceMappingURL=p-dce532ea.entry.js.map

package/dist/genexus-ide-ui/{p-bbb5b0fb.entry.js → p-e02e3694.entry.js}

@@ -1,6 +1,6 @@
 import { g as e, r as t, h as s, H as i, a as r } from "./p-25a9f1d7.js";
 
-import { g as o } from "./p-2987a259.js";
+import { g as o } from "./p-401bfc97.js";
 
 import { L as a } from "./p-311eedf3.js";
 
@@ -145,4 +145,4 @@ d = new WeakMap;
 u.style = l;
 
 export { u as gx_ide_splash };
-//# sourceMappingURL=p-bbb5b0fb.entry.js.map
+//# sourceMappingURL=p-e02e3694.entry.js.map

package/dist/genexus-ide-ui/{p-75c1634c.entry.js → p-e162771e.entry.js}

@@ -1,6 +1,6 @@
 import { g as i, r as e, h as t, H as s, a } from "./p-25a9f1d7.js";
 
-import { g as n } from "./p-2987a259.js";
+import { g as n } from "./p-401bfc97.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -280,4 +280,4 @@ W = new WeakMap;
 L.style = r;
 
 export { L as gx_ide_plugin_details };
-//# sourceMappingURL=p-75c1634c.entry.js.map
+//# sourceMappingURL=p-e162771e.entry.js.map

package/dist/genexus-ide-ui/{p-75c1634c.entry.js.map → p-e162771e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pluginDetailsCss","USER_ICON","getIconPath","category","name","colorType","CHEVRON_DOWN_ICON","CHECK_CIRCLE_ICON","EXTENSION_ICON_IMG","getAssetPath","CSS_BUNDLES","GxIdePluginDetails","_GxIdePluginDetails_componentLocale","set","this","_GxIdePluginDetails_chMarkdownViewer","_GxIdePluginDetails_docSectionIdDescriptionMap","Map","_GxIdePluginDetails_versionsMenuOptionsModel","versionsToUpdateMenusModel","_a","data","versions","map","version","id","caption","_GxIdePluginDetails_menuVersionSelectedHandler","event","selectedVersion","detail","installCallback","_GxIdePluginDetails_renderUninstallButton","h","class","onClick","__classPrivateFieldGet","_GxIdePluginDetails_uninstallClickedHandler","actions","uninstall","_GxIdePluginDetails_installClickedHandler","_GxIdePluginDetails_updateVersionHandler","_GxIdePluginDetails_openLinkHandler","link","openLinkCallback","preventDefault","uninstallCallback","_GxIdePluginDetails_renderActionButtons","actionButtonCaption","actionButtonClasses","actionButtonCallback","moreVersionsToUpdate","length","installed","install","updateVersion","updateTo","call","blockAlign","inlineAlign","model","onButtonClick","src","_GxIdePluginDetails_tabSelectionChangedHandler","selectedTabId","newSelectedId","_GxIdePluginDetails_renderDocSectionsSlots","docsTabModel","docSectionTab","markdownValue","get","ref","el","__classPrivateFieldSet","slot","key","theme","value","_GxIdePluginDetails_returnFormatedId","rawId","toLowerCase","replace","_GxIdePluginDetails_renderLinkTag","href","label","cssClass","chImageSrc","target","_GxIdePluginDetails_renderAsideContent","infoCategories","infoCategory","fields__list","displayAsTags","fields","field","fieldValue","url","text","componentWillLoad","Locale","getComponentStrings","docSections","docSection","i","formatedId","content","componentDidLoad","addEventListener","path","composedPath","find","HTMLAnchorElement","render","renderActionButtons","titleLinkDataText","titleLinkDataUrl","titleHasLink","titleText","publisherDataText","publisher","publisherDataUrl","publisherHasLink","publisherText","Host","iconUrl","alt","description","tabListPosition","overflow","contain","onSelectedItemChange","selectedId"],"sources":["src/components/plugin-details/plugin-details.scss?tag=gx-ide-plugin-details&encapsulation=shadow","src/components/plugin-details/plugin-details.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-areas:\n    \"header header\"\n    \"main aside\";\n  grid-template-rows: max-content 1fr;\n  grid-template-columns: 1fr 280px;\n  row-gap: 12px;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.header {\n  display: grid;\n  grid-area: header;\n  grid-template-areas: \"plugin-icon plugin-details\";\n  grid-template-columns: 64px 1fr;\n  column-gap: 16px;\n  padding: 24px 24px 16px 24px;\n}\n.plugin__icon {\n  grid-area: plugin-icon;\n  max-width: 100%;\n}\n.plugin__details {\n  grid-area: plugin-details;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.plugin__publisher {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.plugin__description {\n  line-height: 1.5; // WA: Text appears too tight.\n}\n.plugin__actions-container {\n  margin-block-start: 8px;\n  align-items: center;\n}\n.action-button {\n  min-inline-size: 100px;\n\n  &.more-versions-available {\n    border-start-end-radius: 0 !important;\n    border-end-end-radius: 0 !important;\n  }\n}\n.installed-container {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  // WA Biggest Mercury icon (icon-md) looks small in this case.\n  // Mercury should expose more icon sizes.\n  ch-image {\n    --ch-image-size: 20px;\n  }\n}\n\n// main\n.main {\n  grid-area: main;\n}\n.docsTab {\n  block-size: 100%;\n}\n\n// aside\n.aside {\n  grid-area: aside;\n  overflow: auto;\n  border-block-start: 1px solid var(--items-container__border-color);\n}\n.fields__list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  font-size: 12px;\n}\n.plugin__info-category {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &:not(:first-child) {\n    $space: 16px;\n    padding-block-start: $space;\n    margin-block-start: $space;\n    border-block-start: 1px solid var(--mer-border-color__on-elevation--01);\n  }\n}\n.fields__list:not(.fields__list--as-tags) {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  .field__li {\n    display: flex;\n    gap: 16px;\n  }\n}\n.fields__list--as-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n\n  .field__li {\n    border: 1px solid var(--mer-border-color__on-elevation--01);\n    padding: 2px 8px;\n    border-radius: 4px;\n\n    text-transform: lowercase;\n  }\n  .field__link {\n    color: var(--mer-text__on-surface);\n\n    &:hover {\n      color: var(--mer-accent__primary);\n    }\n    &:active {\n      color: var(--mer-accent__primary--hover);\n    }\n  }\n}\n\n.field__name,\n.field__value {\n  flex: 1;\n}\n// WA: Link styles should be defined Mercury\n.field__link {\n  color: var(--mer-accent__primary);\n  &:hover {\n    color: var(--mer-accent__primary--hover);\n  }\n  &:active {\n    color: var(--mer-accent__primary--active);\n  }\n}\n// WA: Remove tab elevation background color\n.docsTab {\n  background-color: transparent !important;\n}\n\n// WA: Styles for \"button-icon-only\" should be defined on mercury\n.dropdown.button-icon-only::part(expandable-button) {\n  padding: calc(\n    (\n        var(--control__block-size) - 2 * var(--control__border-width) -\n          var(--mer-icon__box--md)\n      ) / 2\n  ) !important;\n  border-start-start-radius: 0 !important;\n  border-end-start-radius: 0 !important;\n}\n\n.version-buttons-container {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n}\n\nch-markdown-viewer {\n  block-size: 100%;\n  overflow: auto;\n}\n\n// WA: Need text with underline. This should be defined on Mercury\n.text-underline {\n  text-decoration: underline;\n}\n","import {\n  Component,\n  Host,\n  State,\n  Prop,\n  Element,\n  h,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { ActionMenuModel, TabModel } from \"@genexus/chameleon-controls-library\";\nimport { TabItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/tab/types\";\n\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-elevation\"\n});\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"system\",\n  name: \"chevron-down\",\n  colorType: \"on-primary\"\n});\nconst CHECK_CIRCLE_ICON = getIconPath({\n  category: \"system\",\n  name: \"check-circle\",\n  colorType: \"success\"\n});\n\n// plugin icon if no iconUri was provided\nconst EXTENSION_ICON_IMG = getAssetPath(\n  `./gx-ide-assets/plugin-manager/images/plugin-icon.svg`\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/dropdown\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/list-box\",\n  \"components/tab\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-plugin-details\",\n  styleUrl: \"plugin-details.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/plugin-details\"]\n})\nexport class GxIdePluginDetails {\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\n  #chMarkdownViewer: HTMLChMarkdownViewerElement;\n\n  // A map between docSection \"id\", and docSection \"description\".\n  // \"id\" is generated inside this component.\n  #docSectionIdDescriptionMap: Map<string, string> = new Map();\n\n  @Element() el: HTMLGxIdePluginDetailsElement;\n\n  @State() docsTabModel: TabModel = [];\n  @State() selectedTabId: string;\n\n  /**\n   * Specifies all the information related to a plugin.\n   */\n  @Prop() readonly data!: PluginDetailsData;\n\n  /**\n   * Callback that should be invoked when the user performs the install or update action.\n   * Receives an optional version string when a specific version is selected.\n   */\n  @Prop() readonly installCallback!: (version?: string) => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user attempts to open any link displayed in this component.\n   */\n  @Prop() readonly openLinkCallback!: (url: string) => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user performs the uninstall action.\n   */\n  @Prop() readonly uninstallCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    if (this.data.docSections?.length) {\n      this.docsTabModel = this.data.docSections.map((docSection, i) => {\n        const formatedId = this.#returnFormatedId(docSection.name);\n\n        this.#docSectionIdDescriptionMap.set(formatedId, docSection.content);\n\n        if (i === 0) {\n          this.selectedTabId = formatedId;\n        }\n        return {\n          id: formatedId,\n          name: docSection.name\n        } as TabItemModel;\n      });\n    }\n  }\n\n  componentDidLoad() {\n    this.#chMarkdownViewer.addEventListener(\"click\", event => {\n      // Listens for clicks on links inside <ch-markdown-viewer>.\n      // If a link (<a>) is clicked and openLinkCallback is defined,\n      // it prevents the default navigation and delegates the event\n      // to this.#openLinkHandler, passing the link's href.\n      const path = event.composedPath() as EventTarget[];\n\n      const link = path.find(el => el instanceof HTMLAnchorElement) as\n        | HTMLAnchorElement\n        | undefined;\n\n      if (link?.href) {\n        this.#openLinkHandler(link.href)(event);\n      }\n    });\n  }\n\n  #versionsMenuOptionsModel = (): ActionMenuModel => {\n    const versionsToUpdateMenusModel: ActionMenuModel = this.data.versions?.map(\n      version => {\n        return { id: version, caption: version };\n      }\n    );\n    return versionsToUpdateMenusModel;\n  };\n\n  #menuVersionSelectedHandler = (\n    event: CustomEvent<{\n      id?: string;\n    }>\n  ) => {\n    const selectedVersion = event.detail.id;\n    this.installCallback(selectedVersion);\n  };\n\n  #renderUninstallButton = (): JSX.Element => {\n    return (\n      <button class=\"button-tertiary\" onClick={this.#uninstallClickedHandler}>\n        {this.#componentLocale.actions.uninstall}\n      </button>\n    );\n  };\n\n  #installClickedHandler = () => {\n    this.installCallback();\n  };\n\n  #updateVersionHandler = (id: string) => () => {\n    this.installCallback(id);\n  };\n\n  #openLinkHandler = (link: string) => (event: MouseEvent) => {\n    if (this.openLinkCallback) {\n      event.preventDefault();\n      this.openLinkCallback(link);\n    }\n  };\n\n  #uninstallClickedHandler = () => {\n    this.uninstallCallback();\n  };\n\n  #renderActionButtons = (): JSX.Element => {\n    let actionButtonCaption;\n    let actionButtonClasses = \"button-primary action-button\";\n    let actionButtonCallback;\n    const moreVersionsToUpdate = this.data.versions?.length;\n\n    if (!this.data.installed) {\n      actionButtonCaption = this.#componentLocale.actions.install;\n      actionButtonCallback = this.#installClickedHandler;\n    } else if (this.data.updateVersion) {\n      actionButtonCaption = `${this.#componentLocale.actions.updateTo} ${\n        this.data.updateVersion\n      }`;\n      actionButtonCallback = this.#updateVersionHandler(\n        this.data.updateVersion\n      );\n    } else {\n      actionButtonCaption = this.#componentLocale.actions.installed;\n    }\n\n    if (moreVersionsToUpdate) {\n      actionButtonClasses = `${actionButtonClasses} more-versions-available`;\n    }\n\n    return [\n      <div class=\"version-buttons-container\">\n        <button class={actionButtonClasses} onClick={actionButtonCallback}>\n          {actionButtonCaption}\n        </button>\n        {moreVersionsToUpdate ? (\n          <ch-action-menu-render\n            class=\"dropdown button-primary button-icon-only\"\n            blockAlign=\"outside-end\"\n            inlineAlign=\"inside-start\"\n            model={this.#versionsMenuOptionsModel()}\n            onButtonClick={this.#menuVersionSelectedHandler}\n          >\n            <ch-image src={CHEVRON_DOWN_ICON} class=\"icon-md\"></ch-image>\n          </ch-action-menu-render>\n        ) : null}\n      </div>\n    ];\n  };\n\n  #tabSelectionChangedHandler = (\n    event: CustomEvent<{\n      lastSelectedIndex: number;\n      newSelectedId: string;\n      newSelectedIndex: number;\n    }>\n  ): void => {\n    this.selectedTabId = event.detail.newSelectedId;\n  };\n\n  #renderDocSectionsSlots = (): JSX.Element => {\n    return this.docsTabModel.map(docSectionTab => {\n      if (docSectionTab.id === this.selectedTabId) {\n        const markdownValue = this.#docSectionIdDescriptionMap.get(\n          docSectionTab.id\n        );\n\n        return (\n          <ch-markdown-viewer\n            ref={el =>\n              (this.#chMarkdownViewer = el as HTMLChMarkdownViewerElement)\n            }\n            slot={docSectionTab.id}\n            key={docSectionTab.id}\n            class=\"markdown spacing-body scrollable\"\n            theme=\"components/markdown-viewer\"\n            value={markdownValue}\n          ></ch-markdown-viewer>\n        );\n      }\n    });\n  };\n\n  #returnFormatedId = (rawId: string): string => {\n    return rawId.toLowerCase().replace(/\\s+/g, \"-\");\n  };\n\n  #renderLinkTag = (\n    href: string,\n    label: string,\n    cssClass?: string,\n    chImageSrc?: string\n  ): HTMLAnchorElement => {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        onClick={this.#openLinkHandler(href)}\n        class={cssClass}\n      >\n        {chImageSrc && <ch-image src={chImageSrc} class=\"icon-md\"></ch-image>}\n        {label}\n      </a>\n    );\n  };\n\n  #renderAsideContent = (): JSX.Element => {\n    return this.data.infoCategories.map(infoCategory => {\n      return (\n        <div class=\"plugin__info-category\">\n          <h3 class=\"subtitle-semi-bold-s\">{infoCategory.name}</h3>\n          <ul\n            class={{\n              \"fields__list\": true,\n              \"fields__list--as-tags\": infoCategory.displayAsTags\n            }}\n          >\n            {infoCategory.fields.map(field => {\n              // If the field name isn’t specified, only the value is shown — usually a link.\n              const fieldValue: string | HTMLAnchorElement =\n                typeof field.value === \"string\"\n                  ? (field.value as string)\n                  : this.#renderLinkTag(\n                      (field.value as LinkData).url,\n                      (field.value as LinkData).text,\n                      \"field__link\"\n                    );\n              return (\n                <li class=\"field__li\">\n                  {field.name && !infoCategory.displayAsTags\n                    ? // displaysAsTags forces the items to be displayed as tags\n                      // no span.field__name and span.field__value\n                      [\n                        <span class=\"field__name body-semi-bold-s\">\n                          {field.name}\n                        </span>,\n                        <span class=\"field__value body-regular-s\">\n                          {fieldValue}\n                        </span>\n                      ]\n                    : fieldValue}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      );\n    });\n  };\n\n  render() {\n    const renderActionButtons =\n      !this.data.installed ||\n      (this.data.installed && !!this.data.updateVersion);\n\n    const titleLinkDataText = (this.data.name as LinkData).text;\n    const titleLinkDataUrl = (this.data.name as LinkData).url;\n    const titleHasLink = titleLinkDataText && titleLinkDataUrl;\n    const titleText = titleLinkDataText || this.data.name;\n\n    const publisherDataText = (this.data.publisher as LinkData).text;\n    const publisherDataUrl = (this.data.publisher as LinkData).url;\n    const publisherHasLink = publisherDataText && publisherDataUrl;\n    const publisherText = publisherDataText || this.data.publisher;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header class=\"header\">\n            <img\n              class=\"plugin__icon\"\n              src={this.data.iconUrl || EXTENSION_ICON_IMG}\n              alt=\"plugin extension icon\"\n            />\n            <div class=\"plugin__details\">\n              {titleHasLink ? (\n                <h2 class=\"heading-5 has-link\">\n                  {this.#renderLinkTag(\n                    titleLinkDataUrl,\n                    titleText as string,\n                    \"text-underline\"\n                  )}\n                </h2>\n              ) : (\n                <h2 class=\"heading-5\">{titleText}</h2>\n              )}\n              {publisherHasLink ? (\n                this.#renderLinkTag(\n                  publisherDataUrl,\n                  titleText as string,\n                  \"text-underline plugin__publisher tiny-semi-bold-l\",\n                  USER_ICON\n                )\n              ) : (\n                <p class=\"plugin__publisher tiny-semi-bold-l\">\n                  <ch-image src={USER_ICON} class=\"icon-md\"></ch-image>\n                  {publisherText}\n                </p>\n              )}\n\n              <p class=\"plugin__description\">{this.data.description}</p>\n              <div class=\"buttons-spacer plugin__actions-container\">\n                {renderActionButtons ? (\n                  this.#renderActionButtons()\n                ) : (\n                  // installed and no updates\n                  <p class=\"installed-container subtitle-semi-bold-s\">\n                    <ch-image\n                      src={CHECK_CIRCLE_ICON}\n                      class=\"icon-md\"\n                    ></ch-image>\n                    {this.#componentLocale.actions.installed}\n                  </p>\n                )}\n                {this.data.installed && this.#renderUninstallButton()}\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            {this.docsTabModel.length > 0 && (\n              <ch-tab-render\n                class=\"tab docsTab scrollable\"\n                tabListPosition=\"block-start\"\n                overflow=\"auto\"\n                contain=\"size\"\n                model={this.docsTabModel}\n                onSelectedItemChange={this.#tabSelectionChangedHandler}\n                selectedId={this.selectedTabId}\n              >\n                {this.#renderDocSectionsSlots()}\n              </ch-tab-render>\n            )}\n          </div>\n          <div class=\"aside spacing-body scrollable\">\n            {this.#renderAsideContent()}\n          </div>\n        </section>\n        {/* <slot></slot> */}\n      </Host>\n    );\n  }\n}\n\n// plugin-details.types.ts\n\nexport type LinkData = {\n  text: string;\n  url: string;\n};\n\nexport type PluginFieldData = {\n  name?: string;\n  value: string | LinkData;\n};\n\nexport type PluginInfoCategoryData = {\n  name: string;\n  fields: PluginFieldData[];\n  displayAsTags: boolean;\n};\n\nexport type DocSectionData = {\n  name: string;\n  content: string;\n};\n\nexport type PluginDetailsData = {\n  id: string;\n  name: string | LinkData;\n  publisher: string | LinkData;\n  installed: boolean;\n  updateVersion?: string;\n  versions: string[];\n  iconUrl: string;\n  description: string;\n  docSections: DocSectionData[];\n  infoCategories: PluginInfoCategoryData[];\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAmB;;;;;;;;;;;;;;;;;ACgBzB,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMC,IAAoBJ,EAAY;EACpCC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAME,IAAoBL,EAAY;EACpCC,UAAU;EACVC,MAAM;EACNC,WAAW;;;yCAIb;MAAMG,IAAqBC,EACzB;;AAGF,MAAMC,IAA8B,EAClC,qBACA,uBACA,qBACA,uBACA,mBACA,mBACA,uBACA,kBACA,cACA,gBACA,iBACA;;MASWC,IAAkB;;;;;;;QAK7BC,EAAAC,IAAAC,WAAA;IAEAC,EAAAF,IAAAC,WAAA;;;QAIAE,EAAAH,IAAAC,MAAmD,IAAIG;IAkEvDC,EAAAL,IAAAC,OAA4B;;MAC1B,MAAMK,KAA8CC,IAAAN,KAAKO,KAAKC,cAAQ,QAAAF,WAAA,aAAAA,EAAEG,KACtEC,MACS;QAAEC,IAAID;QAASE,SAASF;;MAGnC,OAAOL;AAA0B;IAGnCQ,EAAAd,IAAAC,OACEc;MAIA,MAAMC,IAAkBD,EAAME,OAAOL;MACrCX,KAAKiB,gBAAgBF;AAAgB;IAGvCG,EAAAnB,IAAAC,OAAyB,MAErBmB,EAAA;MAAQC,OAAM;MAAkBC,SAASC,EAAAtB,MAAIuB,GAAA;OAC1CD,EAAAtB,MAAIF,GAAA,KAAkB0B,QAAQC;IAKrCC,EAAA3B,IAAAC,OAAyB;MACvBA,KAAKiB;AAAiB;IAGxBU,EAAA5B,IAAAC,OAAyBW,KAAe;MACtCX,KAAKiB,gBAAgBN;AAAG;IAG1BiB,EAAA7B,IAAAC,OAAoB6B,KAAkBf;MACpC,IAAId,KAAK8B,kBAAkB;QACzBhB,EAAMiB;QACN/B,KAAK8B,iBAAiBD;;;IAI1BN,EAAAxB,IAAAC,OAA2B;MACzBA,KAAKgC;AAAmB;IAG1BC,EAAAlC,IAAAC,OAAuB;;MACrB,IAAIkC;MACJ,IAAIC,IAAsB;MAC1B,IAAIC;MACJ,MAAMC,KAAuB/B,IAAAN,KAAKO,KAAKC,cAAQ,QAAAF,WAAA,aAAAA,EAAEgC;MAEjD,KAAKtC,KAAKO,KAAKgC,WAAW;QACxBL,IAAsBZ,EAAAtB,MAAIF,GAAA,KAAkB0B,QAAQgB;QACpDJ,IAAuBd,EAAAtB,MAAI0B,GAAA;aACtB,IAAI1B,KAAKO,KAAKkC,eAAe;QAClCP,IAAsB,GAAGZ,EAAAtB,MAAIF,GAAA,KAAkB0B,QAAQkB,YACrD1C,KAAKO,KAAKkC;QAEZL,IAAuBd,EAAAtB,MAAI2B,GAAA,KAAsBgB,KAA1B3C,MACrBA,KAAKO,KAAKkC;aAEP;QACLP,IAAsBZ,EAAAtB,MAAIF,GAAA,KAAkB0B,QAAQe;;MAGtD,IAAIF,GAAsB;QACxBF,IAAsB,GAAGA;;MAG3B,OAAO,EACLhB,EAAA;QAAKC,OAAM;SACTD,EAAA;QAAQC,OAAOe;QAAqBd,SAASe;SAC1CF,IAEFG,IACClB,EAAA;QACEC,OAAM;QACNwB,YAAW;QACXC,aAAY;QACZC,OAAOxB,EAAAtB,MAAII,GAAA,KAA0BuC,KAA9B3C;QACP+C,eAAezB,EAAAtB,MAAIa,GAAA;SAEnBM,EAAA;QAAU6B,KAAKxD;QAAmB4B,OAAM;YAExC;AAEP;IAGH6B,EAAAlD,IAAAC,OACEc;MAMAd,KAAKkD,gBAAgBpC,EAAME,OAAOmC;AAAa;IAGjDC,EAAArD,IAAAC,OAA0B,MACjBA,KAAKqD,aAAa5C,KAAI6C;MAC3B,IAAIA,EAAc3C,OAAOX,KAAKkD,eAAe;QAC3C,MAAMK,IAAgBjC,EAAAtB,MAAIE,GAAA,KAA6BsD,IACrDF,EAAc3C;QAGhB,OACEQ,EAAA;UACEsC,KAAKC,KACFC,EAAA3D,MAAIC,GAAqByD,GAAiC;UAE7DE,MAAMN,EAAc3C;UACpBkD,KAAKP,EAAc3C;UACnBS,OAAM;UACN0C,OAAM;UACNC,OAAOR;;;;IAOjBS,EAAAjE,IAAAC,OAAqBiE,KACZA,EAAMC,cAAcC,QAAQ,QAAQ;IAG7CC,EAAArE,IAAAC,OAAiB,CACfqE,GACAC,GACAC,GACAC,MAGErD,EAAA;MACEkD,MAAMA;MACNI,QAAO;MACPpD,SAASC,EAAAtB,MAAI4B,GAAA,KAAiBe,KAArB3C,MAAsBqE;MAC/BjD,OAAOmD;OAENC,KAAcrD,EAAA;MAAU6B,KAAKwB;MAAYpD,OAAM;QAC/CkD;IAKPI,EAAA3E,IAAAC,OAAsB,MACbA,KAAKO,KAAKoE,eAAelE,KAAImE,KAEhCzD,EAAA;MAAKC,OAAM;OACTD,EAAA;MAAIC,OAAM;OAAwBwD,EAAatF,OAC/C6B,EAAA;MACEC,OAAO;QACLyD,cAAgB;QAChB,yBAAyBD,EAAaE;;OAGvCF,EAAaG,OAAOtE,KAAIuE;;MAEvB,MAAMC,WACGD,EAAMjB,UAAU,WAClBiB,EAAMjB,QACPzC,EAAAtB,MAAIoE,GAAA,KAAezB,KAAnB3C,MACGgF,EAAMjB,MAAmBmB,KACzBF,EAAMjB,MAAmBoB,MAC1B;MAER,OACEhE,EAAA;QAAIC,OAAM;SACP4D,EAAM1F,SAASsF,EAAaE;;MAGzB,EACE3D,EAAA;QAAMC,OAAM;SACT4D,EAAM1F,OAET6B,EAAA;QAAMC,OAAM;SACT6D,OAGLA;AACD;wBAlPe;;;;;;;EAwBlC,uBAAMG;;IACJzB,EAAA3D,MAAIF,SAA0BuF,EAAOC,oBAAoBtF,KAAK0D,KAAG;IAEjE,KAAIpD,IAAAN,KAAKO,KAAKgF,iBAAW,QAAAjF,WAAA,aAAAA,EAAEgC,QAAQ;MACjCtC,KAAKqD,eAAerD,KAAKO,KAAKgF,YAAY9E,KAAI,CAAC+E,GAAYC;QACzD,MAAMC,IAAapE,EAAAtB,MAAIgE,GAAA,KAAkBrB,KAAtB3C,MAAuBwF,EAAWlG;QAErDgC,EAAAtB,MAAIE,GAAA,KAA6BH,IAAI2F,GAAYF,EAAWG;QAE5D,IAAIF,MAAM,GAAG;UACXzF,KAAKkD,gBAAgBwC;;QAEvB,OAAO;UACL/E,IAAI+E;UACJpG,MAAMkG,EAAWlG;;AACF;;;EAKvB,gBAAAsG;IACEtE,EAAAtB,MAAIC,GAAA,KAAmB4F,iBAAiB,UAAS/E;;;;;MAK/C,MAAMgF,IAAOhF,EAAMiF;MAEnB,MAAMlE,IAAOiE,EAAKE,MAAKtC,KAAMA,aAAcuC;MAI3C,IAAIpE,MAAI,QAAJA,WAAI,aAAJA,EAAMwC,MAAM;QACd/C,EAAAtB,MAAI4B,GAAA,KAAiBe,KAArB3C,MAAsB6B,EAAKwC,KAA3B/C,CAAiCR;;;;EAkMvC,MAAAoF;IACE,MAAMC,KACHnG,KAAKO,KAAKgC,aACVvC,KAAKO,KAAKgC,eAAevC,KAAKO,KAAKkC;IAEtC,MAAM2D,IAAqBpG,KAAKO,KAAKjB,KAAkB6F;IACvD,MAAMkB,IAAoBrG,KAAKO,KAAKjB,KAAkB4F;IACtD,MAAMoB,IAAeF,KAAqBC;IAC1C,MAAME,IAAYH,KAAqBpG,KAAKO,KAAKjB;IAEjD,MAAMkH,IAAqBxG,KAAKO,KAAKkG,UAAuBtB;IAC5D,MAAMuB,IAAoB1G,KAAKO,KAAKkG,UAAuBvB;IAC3D,MAAMyB,IAAmBH,KAAqBE;IAC9C,MAAME,IAAgBJ,KAAqBxG,KAAKO,KAAKkG;IAErD,OACEtF,EAAC0F,GAAI;MAACzF,OAAM;OACVD,EAAA;MAAU2B,OAAOlD;QACjBuB,EAAA;MAASC,OAAM;OACbD,EAAA;MAAQC,OAAM;OACZD,EAAA;MACEC,OAAM;MACN4B,KAAKhD,KAAKO,KAAKuG,WAAWpH;MAC1BqH,KAAI;QAEN5F,EAAA;MAAKC,OAAM;OACRkF,IACCnF,EAAA;MAAIC,OAAM;OACPE,EAAAtB,MAAIoE,GAAA,KAAezB,KAAnB3C,MACCqG,GACAE,GACA,qBAIJpF,EAAA;MAAIC,OAAM;OAAamF,IAExBI,IACCrF,EAAAtB,MAAIoE,GAAA,KAAezB,KAAnB3C,MACE0G,GACAH,GACA,qDACApH,KAGFgC,EAAA;MAAGC,OAAM;OACPD,EAAA;MAAU6B,KAAK7D;MAAWiC,OAAM;QAC/BwF,IAILzF,EAAA;MAAGC,OAAM;OAAuBpB,KAAKO,KAAKyG,cAC1C7F,EAAA;MAAKC,OAAM;OACR+E,IACC7E,EAAAtB,MAAIiC,GAAA,KAAqBU,KAAzB3C;;IAGAmB,EAAA;MAAGC,OAAM;OACPD,EAAA;MACE6B,KAAKvD;MACL2B,OAAM;QAEPE,EAAAtB,MAAIF,GAAA,KAAkB0B,QAAQe,YAGlCvC,KAAKO,KAAKgC,aAAajB,EAAAtB,MAAIkB,GAAA,KAAuByB,KAA3B3C,UAI9BmB,EAAA;MAAKC,OAAM;OACRpB,KAAKqD,aAAaf,SAAS,KAC1BnB,EAAA;MACEC,OAAM;MACN6F,iBAAgB;MAChBC,UAAS;MACTC,SAAQ;MACRrE,OAAO9C,KAAKqD;MACZ+D,sBAAsB9F,EAAAtB,MAAIiD,GAAA;MAC1BoE,YAAYrH,KAAKkD;OAEhB5B,EAAAtB,MAAIoD,GAAA,KAAwBT,KAA5B3C,SAIPmB,EAAA;MAAKC,OAAM;OACRE,EAAAtB,MAAI0E,GAAA,KAAoB/B,KAAxB3C"}
+{"version":3,"names":["pluginDetailsCss","USER_ICON","getIconPath","category","name","colorType","CHEVRON_DOWN_ICON","CHECK_CIRCLE_ICON","EXTENSION_ICON_IMG","getAssetPath","CSS_BUNDLES","GxIdePluginDetails","_GxIdePluginDetails_componentLocale","set","this","_GxIdePluginDetails_chMarkdownViewer","_GxIdePluginDetails_docSectionIdDescriptionMap","Map","_GxIdePluginDetails_versionsMenuOptionsModel","versionsToUpdateMenusModel","_a","data","versions","map","version","id","caption","_GxIdePluginDetails_menuVersionSelectedHandler","event","selectedVersion","detail","installCallback","_GxIdePluginDetails_renderUninstallButton","h","class","onClick","__classPrivateFieldGet","_GxIdePluginDetails_uninstallClickedHandler","actions","uninstall","_GxIdePluginDetails_installClickedHandler","_GxIdePluginDetails_updateVersionHandler","_GxIdePluginDetails_openLinkHandler","link","openLinkCallback","preventDefault","uninstallCallback","_GxIdePluginDetails_renderActionButtons","actionButtonCaption","actionButtonClasses","actionButtonCallback","moreVersionsToUpdate","length","installed","install","updateVersion","updateTo","call","blockAlign","inlineAlign","model","onButtonClick","src","_GxIdePluginDetails_tabSelectionChangedHandler","selectedTabId","newSelectedId","_GxIdePluginDetails_renderDocSectionsSlots","docsTabModel","docSectionTab","markdownValue","get","ref","el","__classPrivateFieldSet","slot","key","theme","value","_GxIdePluginDetails_returnFormatedId","rawId","toLowerCase","replace","_GxIdePluginDetails_renderLinkTag","href","label","cssClass","chImageSrc","target","_GxIdePluginDetails_renderAsideContent","infoCategories","infoCategory","fields__list","displayAsTags","fields","field","fieldValue","url","text","componentWillLoad","Locale","getComponentStrings","docSections","docSection","i","formatedId","content","componentDidLoad","addEventListener","path","composedPath","find","HTMLAnchorElement","render","renderActionButtons","titleLinkDataText","titleLinkDataUrl","titleHasLink","titleText","publisherDataText","publisher","publisherDataUrl","publisherHasLink","publisherText","Host","iconUrl","alt","description","tabListPosition","overflow","contain","onSelectedItemChange","selectedId"],"sources":["src/components/plugin-details/plugin-details.scss?tag=gx-ide-plugin-details&encapsulation=shadow","src/components/plugin-details/plugin-details.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  grid-template-areas:\n    \"header header\"\n    \"main aside\";\n  grid-template-rows: max-content 1fr;\n  grid-template-columns: 1fr 280px;\n  row-gap: 12px;\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.header {\n  display: grid;\n  grid-area: header;\n  grid-template-areas: \"plugin-icon plugin-details\";\n  grid-template-columns: 64px 1fr;\n  column-gap: 16px;\n  padding: 24px 24px 16px 24px;\n}\n.plugin__icon {\n  grid-area: plugin-icon;\n  max-width: 100%;\n}\n.plugin__details {\n  grid-area: plugin-details;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.plugin__publisher {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.plugin__description {\n  line-height: 1.5; // WA: Text appears too tight.\n}\n.plugin__actions-container {\n  margin-block-start: 8px;\n  align-items: center;\n}\n.action-button {\n  min-inline-size: 100px;\n\n  &.more-versions-available {\n    border-start-end-radius: 0 !important;\n    border-end-end-radius: 0 !important;\n  }\n}\n.installed-container {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  // WA Biggest Mercury icon (icon-md) looks small in this case.\n  // Mercury should expose more icon sizes.\n  ch-image {\n    --ch-image-size: 20px;\n  }\n}\n\n// main\n.main {\n  grid-area: main;\n}\n.docsTab {\n  block-size: 100%;\n}\n\n// aside\n.aside {\n  grid-area: aside;\n  overflow: auto;\n  border-block-start: 1px solid var(--items-container__border-color);\n}\n.fields__list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  font-size: 12px;\n}\n.plugin__info-category {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &:not(:first-child) {\n    $space: 16px;\n    padding-block-start: $space;\n    margin-block-start: $space;\n    border-block-start: 1px solid var(--mer-border-color__on-elevation--01);\n  }\n}\n.fields__list:not(.fields__list--as-tags) {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  .field__li {\n    display: flex;\n    gap: 16px;\n  }\n}\n.fields__list--as-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n\n  .field__li {\n    border: 1px solid var(--mer-border-color__on-elevation--01);\n    padding: 2px 8px;\n    border-radius: 4px;\n\n    text-transform: lowercase;\n  }\n  .field__link {\n    color: var(--mer-text__on-surface);\n\n    &:hover {\n      color: var(--mer-accent__primary);\n    }\n    &:active {\n      color: var(--mer-accent__primary--hover);\n    }\n  }\n}\n\n.field__name,\n.field__value {\n  flex: 1;\n}\n// WA: Link styles should be defined Mercury\n.field__link {\n  color: var(--mer-accent__primary);\n  &:hover {\n    color: var(--mer-accent__primary--hover);\n  }\n  &:active {\n    color: var(--mer-accent__primary--active);\n  }\n}\n// WA: Remove tab elevation background color\n.docsTab {\n  background-color: transparent !important;\n}\n\n// WA: Styles for \"button-icon-only\" should be defined on mercury\n.dropdown.button-icon-only::part(expandable-button) {\n  padding: calc(\n    (\n        var(--control__block-size) - 2 * var(--control__border-width) -\n          var(--mer-icon__box--md)\n      ) / 2\n  ) !important;\n  border-start-start-radius: 0 !important;\n  border-end-start-radius: 0 !important;\n}\n\n.version-buttons-container {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n}\n\nch-markdown-viewer {\n  block-size: 100%;\n  overflow: auto;\n}\n\n// WA: Need text with underline. This should be defined on Mercury\n.text-underline {\n  text-decoration: underline;\n}\n","import {\n  Component,\n  Host,\n  State,\n  Prop,\n  Element,\n  h,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { ActionMenuModel, TabModel } from \"@genexus/chameleon-controls-library\";\nimport { TabItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/tab/types\";\n\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-elevation\"\n});\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"system\",\n  name: \"chevron-down\",\n  colorType: \"on-primary\"\n});\nconst CHECK_CIRCLE_ICON = getIconPath({\n  category: \"system\",\n  name: \"check-circle\",\n  colorType: \"success\"\n});\n\n// plugin icon if no iconUri was provided\nconst EXTENSION_ICON_IMG = getAssetPath(\n  `./gx-ide-assets/plugin-manager/images/plugin-icon.svg`\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/dropdown\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/list-box\",\n  \"components/tab\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-plugin-details\",\n  styleUrl: \"plugin-details.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/plugin-details\"]\n})\nexport class GxIdePluginDetails {\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\n  #chMarkdownViewer: HTMLChMarkdownViewerElement;\n\n  // A map between docSection \"id\", and docSection \"description\".\n  // \"id\" is generated inside this component.\n  #docSectionIdDescriptionMap: Map<string, string> = new Map();\n\n  @Element() el: HTMLGxIdePluginDetailsElement;\n\n  @State() docsTabModel: TabModel = [];\n  @State() selectedTabId: string;\n\n  /**\n   * Specifies all the information related to a plugin.\n   */\n  @Prop() readonly data!: PluginDetailsData;\n\n  /**\n   * Callback that should be invoked when the user performs the install or update action.\n   * Receives an optional version string when a specific version is selected.\n   */\n  @Prop() readonly installCallback!: (version?: string) => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user attempts to open any link displayed in this component.\n   */\n  @Prop() readonly openLinkCallback!: (url: string) => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user performs the uninstall action.\n   */\n  @Prop() readonly uninstallCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    if (this.data.docSections?.length) {\n      this.docsTabModel = this.data.docSections.map((docSection, i) => {\n        const formatedId = this.#returnFormatedId(docSection.name);\n\n        this.#docSectionIdDescriptionMap.set(formatedId, docSection.content);\n\n        if (i === 0) {\n          this.selectedTabId = formatedId;\n        }\n        return {\n          id: formatedId,\n          name: docSection.name\n        } as TabItemModel;\n      });\n    }\n  }\n\n  componentDidLoad() {\n    this.#chMarkdownViewer.addEventListener(\"click\", event => {\n      // Listens for clicks on links inside <ch-markdown-viewer>.\n      // If a link (<a>) is clicked and openLinkCallback is defined,\n      // it prevents the default navigation and delegates the event\n      // to this.#openLinkHandler, passing the link's href.\n      const path = event.composedPath() as EventTarget[];\n\n      const link = path.find(el => el instanceof HTMLAnchorElement) as\n        | HTMLAnchorElement\n        | undefined;\n\n      if (link?.href) {\n        this.#openLinkHandler(link.href)(event);\n      }\n    });\n  }\n\n  #versionsMenuOptionsModel = (): ActionMenuModel => {\n    const versionsToUpdateMenusModel: ActionMenuModel = this.data.versions?.map(\n      version => {\n        return { id: version, caption: version };\n      }\n    );\n    return versionsToUpdateMenusModel;\n  };\n\n  #menuVersionSelectedHandler = (\n    event: CustomEvent<{\n      id?: string;\n    }>\n  ) => {\n    const selectedVersion = event.detail.id;\n    this.installCallback(selectedVersion);\n  };\n\n  #renderUninstallButton = (): JSX.Element => {\n    return (\n      <button class=\"button-tertiary\" onClick={this.#uninstallClickedHandler}>\n        {this.#componentLocale.actions.uninstall}\n      </button>\n    );\n  };\n\n  #installClickedHandler = () => {\n    this.installCallback();\n  };\n\n  #updateVersionHandler = (id: string) => () => {\n    this.installCallback(id);\n  };\n\n  #openLinkHandler = (link: string) => (event: MouseEvent) => {\n    if (this.openLinkCallback) {\n      event.preventDefault();\n      this.openLinkCallback(link);\n    }\n  };\n\n  #uninstallClickedHandler = () => {\n    this.uninstallCallback();\n  };\n\n  #renderActionButtons = (): JSX.Element => {\n    let actionButtonCaption;\n    let actionButtonClasses = \"button-primary action-button\";\n    let actionButtonCallback;\n    const moreVersionsToUpdate = this.data.versions?.length;\n\n    if (!this.data.installed) {\n      actionButtonCaption = this.#componentLocale.actions.install;\n      actionButtonCallback = this.#installClickedHandler;\n    } else if (this.data.updateVersion) {\n      actionButtonCaption = `${this.#componentLocale.actions.updateTo} ${\n        this.data.updateVersion\n      }`;\n      actionButtonCallback = this.#updateVersionHandler(\n        this.data.updateVersion\n      );\n    } else {\n      actionButtonCaption = this.#componentLocale.actions.installed;\n    }\n\n    if (moreVersionsToUpdate) {\n      actionButtonClasses = `${actionButtonClasses} more-versions-available`;\n    }\n\n    return [\n      <div class=\"version-buttons-container\">\n        <button class={actionButtonClasses} onClick={actionButtonCallback}>\n          {actionButtonCaption}\n        </button>\n        {moreVersionsToUpdate ? (\n          <ch-action-menu-render\n            class=\"dropdown button-primary button-icon-only\"\n            blockAlign=\"outside-end\"\n            inlineAlign=\"inside-start\"\n            model={this.#versionsMenuOptionsModel()}\n            onButtonClick={this.#menuVersionSelectedHandler}\n          >\n            <ch-image src={CHEVRON_DOWN_ICON} class=\"icon-md\"></ch-image>\n          </ch-action-menu-render>\n        ) : null}\n      </div>\n    ];\n  };\n\n  #tabSelectionChangedHandler = (\n    event: CustomEvent<{\n      lastSelectedIndex: number;\n      newSelectedId: string;\n      newSelectedIndex: number;\n    }>\n  ): void => {\n    this.selectedTabId = event.detail.newSelectedId;\n  };\n\n  #renderDocSectionsSlots = (): JSX.Element => {\n    return this.docsTabModel.map(docSectionTab => {\n      if (docSectionTab.id === this.selectedTabId) {\n        const markdownValue = this.#docSectionIdDescriptionMap.get(\n          docSectionTab.id\n        );\n\n        return (\n          <ch-markdown-viewer\n            ref={(el: HTMLChMarkdownViewerElement) =>\n              (this.#chMarkdownViewer = el as HTMLChMarkdownViewerElement)\n            }\n            slot={docSectionTab.id}\n            key={docSectionTab.id}\n            class=\"markdown spacing-body scrollable\"\n            theme=\"components/markdown-viewer\"\n            value={markdownValue}\n          ></ch-markdown-viewer>\n        );\n      }\n    });\n  };\n\n  #returnFormatedId = (rawId: string): string => {\n    return rawId.toLowerCase().replace(/\\s+/g, \"-\");\n  };\n\n  #renderLinkTag = (\n    href: string,\n    label: string,\n    cssClass?: string,\n    chImageSrc?: string\n  ): HTMLAnchorElement => {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        onClick={this.#openLinkHandler(href)}\n        class={cssClass}\n      >\n        {chImageSrc && <ch-image src={chImageSrc} class=\"icon-md\"></ch-image>}\n        {label}\n      </a>\n    );\n  };\n\n  #renderAsideContent = (): JSX.Element => {\n    return this.data.infoCategories.map(infoCategory => {\n      return (\n        <div class=\"plugin__info-category\">\n          <h3 class=\"subtitle-semi-bold-s\">{infoCategory.name}</h3>\n          <ul\n            class={{\n              \"fields__list\": true,\n              \"fields__list--as-tags\": infoCategory.displayAsTags\n            }}\n          >\n            {infoCategory.fields.map(field => {\n              // If the field name isn’t specified, only the value is shown — usually a link.\n              const fieldValue: string | HTMLAnchorElement =\n                typeof field.value === \"string\"\n                  ? (field.value as string)\n                  : this.#renderLinkTag(\n                      (field.value as LinkData).url,\n                      (field.value as LinkData).text,\n                      \"field__link\"\n                    );\n              return (\n                <li class=\"field__li\">\n                  {field.name && !infoCategory.displayAsTags\n                    ? // displaysAsTags forces the items to be displayed as tags\n                      // no span.field__name and span.field__value\n                      [\n                        <span class=\"field__name body-semi-bold-s\">\n                          {field.name}\n                        </span>,\n                        <span class=\"field__value body-regular-s\">\n                          {fieldValue}\n                        </span>\n                      ]\n                    : fieldValue}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      );\n    });\n  };\n\n  render() {\n    const renderActionButtons =\n      !this.data.installed ||\n      (this.data.installed && !!this.data.updateVersion);\n\n    const titleLinkDataText = (this.data.name as LinkData).text;\n    const titleLinkDataUrl = (this.data.name as LinkData).url;\n    const titleHasLink = titleLinkDataText && titleLinkDataUrl;\n    const titleText = titleLinkDataText || this.data.name;\n\n    const publisherDataText = (this.data.publisher as LinkData).text;\n    const publisherDataUrl = (this.data.publisher as LinkData).url;\n    const publisherHasLink = publisherDataText && publisherDataUrl;\n    const publisherText = publisherDataText || this.data.publisher;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header class=\"header\">\n            <img\n              class=\"plugin__icon\"\n              src={this.data.iconUrl || EXTENSION_ICON_IMG}\n              alt=\"plugin extension icon\"\n            />\n            <div class=\"plugin__details\">\n              {titleHasLink ? (\n                <h2 class=\"heading-5 has-link\">\n                  {this.#renderLinkTag(\n                    titleLinkDataUrl,\n                    titleText as string,\n                    \"text-underline\"\n                  )}\n                </h2>\n              ) : (\n                <h2 class=\"heading-5\">{titleText}</h2>\n              )}\n              {publisherHasLink ? (\n                this.#renderLinkTag(\n                  publisherDataUrl,\n                  titleText as string,\n                  \"text-underline plugin__publisher tiny-semi-bold-l\",\n                  USER_ICON\n                )\n              ) : (\n                <p class=\"plugin__publisher tiny-semi-bold-l\">\n                  <ch-image src={USER_ICON} class=\"icon-md\"></ch-image>\n                  {publisherText}\n                </p>\n              )}\n\n              <p class=\"plugin__description\">{this.data.description}</p>\n              <div class=\"buttons-spacer plugin__actions-container\">\n                {renderActionButtons ? (\n                  this.#renderActionButtons()\n                ) : (\n                  // installed and no updates\n                  <p class=\"installed-container subtitle-semi-bold-s\">\n                    <ch-image\n                      src={CHECK_CIRCLE_ICON}\n                      class=\"icon-md\"\n                    ></ch-image>\n                    {this.#componentLocale.actions.installed}\n                  </p>\n                )}\n                {this.data.installed && this.#renderUninstallButton()}\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            {this.docsTabModel.length > 0 && (\n              <ch-tab-render\n                class=\"tab docsTab scrollable\"\n                tabListPosition=\"block-start\"\n                overflow=\"auto\"\n                contain=\"size\"\n                model={this.docsTabModel}\n                onSelectedItemChange={this.#tabSelectionChangedHandler}\n                selectedId={this.selectedTabId}\n              >\n                {this.#renderDocSectionsSlots()}\n              </ch-tab-render>\n            )}\n          </div>\n          <div class=\"aside spacing-body scrollable\">\n            {this.#renderAsideContent()}\n          </div>\n        </section>\n        {/* <slot></slot> */}\n      </Host>\n    );\n  }\n}\n\n// plugin-details.types.ts\n\nexport type LinkData = {\n  text: string;\n  url: string;\n};\n\nexport type PluginFieldData = {\n  name?: string;\n  value: string | LinkData;\n};\n\nexport type PluginInfoCategoryData = {\n  name: string;\n  fields: PluginFieldData[];\n  displayAsTags: boolean;\n};\n\nexport type DocSectionData = {\n  name: string;\n  content: string;\n};\n\nexport type PluginDetailsData = {\n  id: string;\n  name: string | LinkData;\n  publisher: string | LinkData;\n  installed: boolean;\n  updateVersion?: string;\n  versions: string[];\n  iconUrl: string;\n  description: string;\n  docSections: DocSectionData[];\n  infoCategories: PluginInfoCategoryData[];\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["bpmImportGxpmCss","GxIdeTemplate","this","renderedFirstTime","loadFileHandle","async","fileInput","click","handleFileInputChange","event","target","files","length","newFile","selectedFile","pathValue","name","value","handlePathInputChange","inputElement","newValue","confirmCallbackHandle","confirmCallback","fileName","replace","toLowerCase","trim","endsWith","fileData","File","data","automaticBackup","automaticBackupEl","file","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","htmlFor","main","projectPathInputLabel","type","id","onChange","accept","ref","onClick","addFilesButton","automaticBackupCheckboxLabel","accessibleName","checkedValue","unCheckedValue","slot","cancelCallback","footer","cancelButton","confirmButton"],"sources":["src/components/bpm/import-gxpm/bpm-import-gxpm.scss?tag=gx-ide-bpm-import-gxpm&encapsulation=shadow","src/components/bpm/import-gxpm/bpm-import-gxpm.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n  display: block;\n}\n\n.header {\n  display: grid;\n  align-items: center;\n  grid-template-columns: max-content 1fr min-content;\n  gap: var(--mer-spacing--sm);\n}\n.hidden-input {\n  display: none;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-bpm-import-gxpm\",\n  styleUrl: \"bpm-import-gxpm.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-import-gxpm\"]\n})\nexport class GxIdeTemplate {\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: HTMLGxIdeBpmImportGxpmElement;\n\n  private fileInput: HTMLInputElement;\n  private automaticBackupEl: HTMLChCheckboxElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Contains the list of files\n   */\n  @State() selectedFile: File = null;\n\n  /**\n   * Contains the path input value\n   */\n  @State() pathValue: string = \"\";\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   * Callback function to be executed when OK button is pressed.\n   * This callback is expected to handle the file or string input and return a Promise that resolves when is completed.\n   *\n   * @param {ImportData} data - The data to be processed. This can be a string or a File object.\n   * @returns {Promise<void>} A Promise that resolves to void, indicating the completion of the operation.\n   */\n  @Prop() readonly confirmCallback: (data: ImportData) => Promise<void>;\n  /**\n   * Callback invoked when user press 'Cancel' button.\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private loadFileHandle = async () => {\n    this.fileInput.click();\n  };\n\n  private handleFileInputChange = (event: Event) => {\n    const fileInput = event.target as HTMLInputElement;\n\n    if (fileInput.files && fileInput.files.length > 0) {\n      const newFile: File = fileInput.files[0];\n      this.selectedFile = newFile;\n      this.pathValue = this.selectedFile.name;\n    }\n\n    this.fileInput.value = null;\n  };\n\n  private handlePathInputChange = (event: Event) => {\n    this.selectedFile = null;\n    const inputElement = event.target as HTMLInputElement;\n    const newValue = inputElement.value;\n\n    this.pathValue = newValue;\n  };\n\n  private confirmCallbackHandle = async () => {\n    if (this.confirmCallback) {\n      const fileName = this.pathValue\n        .replace(/^.*?([^\\\\\\/]*)$/, \"$1\")\n        .toLowerCase()\n        .trim();\n      if (fileName === \".gxpm\" || !fileName.endsWith(\".gxpm\")) {\n        return;\n      }\n      const fileData = this.selectedFile\n        ? this.selectedFile\n        : new File([this.pathValue], fileName);\n\n      const data: ImportData = {\n        automaticBackup: this.automaticBackupEl.value === \"true\",\n        file: fileData\n      };\n\n      await this.confirmCallback(data);\n\n      this.fileInput.value = null;\n      this.selectedFile = null;\n      this.pathValue = \"\";\n      this.automaticBackupEl.value = \"false\";\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            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <div class=\"header\">\n              <label htmlFor=\"project-path\">\n                {this._componentLocale.main.projectPathInputLabel}\n              </label>\n              <input\n                type=\"text\"\n                class=\"input-text\"\n                id=\"project-path\"\n                value={this.pathValue}\n                onChange={this.handlePathInputChange}\n              />\n              <input\n                type=\"file\"\n                id=\"input_file\"\n                accept=\".gxpm\"\n                ref={el => (this.fileInput = el as HTMLInputElement)}\n                onChange={this.handleFileInputChange}\n                class=\"hidden-input\"\n              />\n              <button onClick={this.loadFileHandle}>\n                {this._componentLocale.main.addFilesButton}\n              </button>\n            </div>\n\n            <div class=\"control-wrapper\">\n              <label htmlFor=\"automatic-backup\">\n                {this._componentLocale.main.automaticBackupCheckboxLabel}\n              </label>\n\n              <ch-checkbox\n                id=\"automatic-backup\"\n                accessibleName=\"automatic-backup\"\n                checkedValue=\"true\"\n                unCheckedValue=\"false\"\n                value=\"checked\"\n                ref={el =>\n                  (this.automaticBackupEl = el as HTMLChCheckboxElement)\n                }\n              ></ch-checkbox>\n            </div>\n            <button slot=\"footer-end\" onClick={this.cancelCallback}>\n              {this._componentLocale.footer.cancelButton}\n            </button>\n            <button slot=\"footer-end\" onClick={this.confirmCallbackHandle}>\n              {this._componentLocale.footer.confirmButton}\n            </button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type ImportData = {\n  file: File;\n  automaticBackup: boolean;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAmB;;MCuBZC,IAAa;;;;IAOhBC,KAAAC,oBAAoB;;;;QAoEpBD,KAAAE,iBAAiBC;MACvBH,KAAKI,UAAUC;AAAO;IAGhBL,KAAAM,wBAAyBC;MAC/B,MAAMH,IAAYG,EAAMC;MAExB,IAAIJ,EAAUK,SAASL,EAAUK,MAAMC,SAAS,GAAG;QACjD,MAAMC,IAAgBP,EAAUK,MAAM;QACtCT,KAAKY,eAAeD;QACpBX,KAAKa,YAAYb,KAAKY,aAAaE;;MAGrCd,KAAKI,UAAUW,QAAQ;AAAI;IAGrBf,KAAAgB,wBAAyBT;MAC/BP,KAAKY,eAAe;MACpB,MAAMK,IAAeV,EAAMC;MAC3B,MAAMU,IAAWD,EAAaF;MAE9Bf,KAAKa,YAAYK;AAAQ;IAGnBlB,KAAAmB,wBAAwBhB;MAC9B,IAAIH,KAAKoB,iBAAiB;QACxB,MAAMC,IAAWrB,KAAKa,UACnBS,QAAQ,mBAAmB,MAC3BC,cACAC;QACH,IAAIH,MAAa,YAAYA,EAASI,SAAS,UAAU;UACvD;;QAEF,MAAMC,IAAW1B,KAAKY,eAClBZ,KAAKY,eACL,IAAIe,KAAK,EAAC3B,KAAKa,aAAYQ;QAE/B,MAAMO,IAAmB;UACvBC,iBAAiB7B,KAAK8B,kBAAkBf,UAAU;UAClDgB,MAAML;;cAGF1B,KAAKoB,gBAAgBQ;QAE3B5B,KAAKI,UAAUW,QAAQ;QACvBf,KAAKY,eAAe;QACpBZ,KAAKa,YAAY;QACjBb,KAAK8B,kBAAkBf,QAAQ;;;wBArGL;qBAKD;wBAOG;;;;;EAuBhC,uBAAMiB;IACJhC,KAAKiC,yBAAyBC,EAAOC,oBAAoBnC,KAAKoC;;EAGhE,kBAAAC;IACE,KAAKrC,KAAKC,mBAAmB;MAC3BD,KAAKsC,4BAA4BC,KAC/BvC,KAAKiC,iBAAiBO;MAExBxC,KAAKC,oBAAoB;;;;EA+D7B,MAAAwC;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACE7C,KAAK8C,eAAe9C,KAAKiC,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAErCL,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZlD,KAAKiC,iBAAiBkB,KAAKC,wBAE9BV,EAAA;MACEW,MAAK;MACLT,OAAM;MACNU,IAAG;MACHvC,OAAOf,KAAKa;MACZ0C,UAAUvD,KAAKgB;QAEjB0B,EAAA;MACEW,MAAK;MACLC,IAAG;MACHE,QAAO;MACPC,KAAKrB,KAAOpC,KAAKI,YAAYgC;MAC7BmB,UAAUvD,KAAKM;MACfsC,OAAM;QAERF,EAAA;MAAQgB,SAAS1D,KAAKE;OACnBF,KAAKiC,iBAAiBkB,KAAKQ,kBAIhCjB,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZlD,KAAKiC,iBAAiBkB,KAAKS,+BAG9BlB,EAAA;MACEY,IAAG;MACHO,gBAAe;MACfC,cAAa;MACbC,gBAAe;MACfhD,OAAM;MACN0C,KAAKrB,KACFpC,KAAK8B,oBAAoBM;SAIhCM,EAAA;MAAQsB,MAAK;MAAaN,SAAS1D,KAAKiE;OACrCjE,KAAKiC,iBAAiBiC,OAAOC,eAEhCzB,EAAA;MAAQsB,MAAK;MAAaN,SAAS1D,KAAKmB;OACrCnB,KAAKiC,iBAAiBiC,OAAOE"}
+{"version":3,"names":["bpmImportGxpmCss","GxIdeTemplate","this","renderedFirstTime","loadFileHandle","async","fileInput","click","handleFileInputChange","event","target","files","length","newFile","selectedFile","pathValue","name","value","handlePathInputChange","inputElement","newValue","confirmCallbackHandle","confirmCallback","fileName","replace","toLowerCase","trim","endsWith","fileData","File","data","automaticBackup","automaticBackupEl","file","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","htmlFor","main","projectPathInputLabel","type","id","onChange","accept","ref","onClick","addFilesButton","automaticBackupCheckboxLabel","accessibleName","checkedValue","unCheckedValue","slot","cancelCallback","footer","cancelButton","confirmButton"],"sources":["src/components/bpm/import-gxpm/bpm-import-gxpm.scss?tag=gx-ide-bpm-import-gxpm&encapsulation=shadow","src/components/bpm/import-gxpm/bpm-import-gxpm.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common.scss\";\n@import \"../../../global/gx-ide-mixins.scss\";\n@import \"../../../global/temporary-tokens-chameleon.scss\";\n\n:host {\n  display: block;\n}\n\n.header {\n  display: grid;\n  align-items: center;\n  grid-template-columns: max-content 1fr min-content;\n  gap: var(--mer-spacing--sm);\n}\n.hidden-input {\n  display: none;\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n\n/* CUSTOM IMPORTS */\nimport { config } from \"../../../common/config\";\nimport { Locale } from \"../../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-bpm-import-gxpm\",\n  styleUrl: \"bpm-import-gxpm.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/bpm-import-gxpm\"]\n})\nexport class GxIdeTemplate {\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: HTMLGxIdeBpmImportGxpmElement;\n\n  private fileInput: HTMLInputElement;\n  private automaticBackupEl: HTMLChCheckboxElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Contains the list of files\n   */\n  @State() selectedFile: File = null;\n\n  /**\n   * Contains the path input value\n   */\n  @State() pathValue: string = \"\";\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   * Callback function to be executed when OK button is pressed.\n   * This callback is expected to handle the file or string input and return a Promise that resolves when is completed.\n   *\n   * @param {ImportData} data - The data to be processed. This can be a string or a File object.\n   * @returns {Promise<void>} A Promise that resolves to void, indicating the completion of the operation.\n   */\n  @Prop() readonly confirmCallback: (data: ImportData) => Promise<void>;\n  /**\n   * Callback invoked when user press 'Cancel' button.\n   */\n  @Prop() readonly cancelCallback: () => Promise<void>;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * @description Gets fired when the component has rendered for the first time.\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private loadFileHandle = async () => {\n    this.fileInput.click();\n  };\n\n  private handleFileInputChange = (event: Event) => {\n    const fileInput = event.target as HTMLInputElement;\n\n    if (fileInput.files && fileInput.files.length > 0) {\n      const newFile: File = fileInput.files[0];\n      this.selectedFile = newFile;\n      this.pathValue = this.selectedFile.name;\n    }\n\n    this.fileInput.value = null;\n  };\n\n  private handlePathInputChange = (event: Event) => {\n    this.selectedFile = null;\n    const inputElement = event.target as HTMLInputElement;\n    const newValue = inputElement.value;\n\n    this.pathValue = newValue;\n  };\n\n  private confirmCallbackHandle = async () => {\n    if (this.confirmCallback) {\n      const fileName = this.pathValue\n        .replace(/^.*?([^\\\\\\/]*)$/, \"$1\")\n        .toLowerCase()\n        .trim();\n      if (fileName === \".gxpm\" || !fileName.endsWith(\".gxpm\")) {\n        return;\n      }\n      const fileData = this.selectedFile\n        ? this.selectedFile\n        : new File([this.pathValue], fileName);\n\n      const data: ImportData = {\n        automaticBackup: this.automaticBackupEl.value === \"true\",\n        file: fileData\n      };\n\n      await this.confirmCallback(data);\n\n      this.fileInput.value = null;\n      this.selectedFile = null;\n      this.pathValue = \"\";\n      this.automaticBackupEl.value = \"false\";\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            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n            slimmerFooter={config.gxIdeContainer.slimmerFooter}\n          >\n            <div class=\"header\">\n              <label htmlFor=\"project-path\">\n                {this._componentLocale.main.projectPathInputLabel}\n              </label>\n              <input\n                type=\"text\"\n                class=\"input-text\"\n                id=\"project-path\"\n                value={this.pathValue}\n                onChange={this.handlePathInputChange}\n              />\n              <input\n                type=\"file\"\n                id=\"input_file\"\n                accept=\".gxpm\"\n                ref={el => (this.fileInput = el as HTMLInputElement)}\n                onChange={this.handleFileInputChange}\n                class=\"hidden-input\"\n              />\n              <button onClick={this.loadFileHandle}>\n                {this._componentLocale.main.addFilesButton}\n              </button>\n            </div>\n\n            <div class=\"control-wrapper\">\n              <label htmlFor=\"automatic-backup\">\n                {this._componentLocale.main.automaticBackupCheckboxLabel}\n              </label>\n\n              <ch-checkbox\n                id=\"automatic-backup\"\n                accessibleName=\"automatic-backup\"\n                checkedValue=\"true\"\n                unCheckedValue=\"false\"\n                value=\"checked\"\n                ref={(el: HTMLChCheckboxElement) =>\n                  (this.automaticBackupEl = el as HTMLChCheckboxElement)\n                }\n              ></ch-checkbox>\n            </div>\n            <button slot=\"footer-end\" onClick={this.cancelCallback}>\n              {this._componentLocale.footer.cancelButton}\n            </button>\n            <button slot=\"footer-end\" onClick={this.confirmCallbackHandle}>\n              {this._componentLocale.footer.confirmButton}\n            </button>\n          </gx-ide-container>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type ImportData = {\n  file: File;\n  automaticBackup: boolean;\n};\n"],"mappings":";;;;;;AAAA,MAAMA,IAAmB;;MCuBZC,IAAa;;;;IAOhBC,KAAAC,oBAAoB;;;;QAoEpBD,KAAAE,iBAAiBC;MACvBH,KAAKI,UAAUC;AAAO;IAGhBL,KAAAM,wBAAyBC;MAC/B,MAAMH,IAAYG,EAAMC;MAExB,IAAIJ,EAAUK,SAASL,EAAUK,MAAMC,SAAS,GAAG;QACjD,MAAMC,IAAgBP,EAAUK,MAAM;QACtCT,KAAKY,eAAeD;QACpBX,KAAKa,YAAYb,KAAKY,aAAaE;;MAGrCd,KAAKI,UAAUW,QAAQ;AAAI;IAGrBf,KAAAgB,wBAAyBT;MAC/BP,KAAKY,eAAe;MACpB,MAAMK,IAAeV,EAAMC;MAC3B,MAAMU,IAAWD,EAAaF;MAE9Bf,KAAKa,YAAYK;AAAQ;IAGnBlB,KAAAmB,wBAAwBhB;MAC9B,IAAIH,KAAKoB,iBAAiB;QACxB,MAAMC,IAAWrB,KAAKa,UACnBS,QAAQ,mBAAmB,MAC3BC,cACAC;QACH,IAAIH,MAAa,YAAYA,EAASI,SAAS,UAAU;UACvD;;QAEF,MAAMC,IAAW1B,KAAKY,eAClBZ,KAAKY,eACL,IAAIe,KAAK,EAAC3B,KAAKa,aAAYQ;QAE/B,MAAMO,IAAmB;UACvBC,iBAAiB7B,KAAK8B,kBAAkBf,UAAU;UAClDgB,MAAML;;cAGF1B,KAAKoB,gBAAgBQ;QAE3B5B,KAAKI,UAAUW,QAAQ;QACvBf,KAAKY,eAAe;QACpBZ,KAAKa,YAAY;QACjBb,KAAK8B,kBAAkBf,QAAQ;;;wBArGL;qBAKD;wBAOG;;;;;EAuBhC,uBAAMiB;IACJhC,KAAKiC,yBAAyBC,EAAOC,oBAAoBnC,KAAKoC;;EAGhE,kBAAAC;IACE,KAAKrC,KAAKC,mBAAmB;MAC3BD,KAAKsC,4BAA4BC,KAC/BvC,KAAKiC,iBAAiBO;MAExBxC,KAAKC,oBAAoB;;;;EA+D7B,MAAAwC;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACE7C,KAAK8C,eAAe9C,KAAKiC,iBAAiBO,gBAAgB;MAE5DO,eAAeC,EAAOC,eAAeF;OAErCL,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZlD,KAAKiC,iBAAiBkB,KAAKC,wBAE9BV,EAAA;MACEW,MAAK;MACLT,OAAM;MACNU,IAAG;MACHvC,OAAOf,KAAKa;MACZ0C,UAAUvD,KAAKgB;QAEjB0B,EAAA;MACEW,MAAK;MACLC,IAAG;MACHE,QAAO;MACPC,KAAKrB,KAAOpC,KAAKI,YAAYgC;MAC7BmB,UAAUvD,KAAKM;MACfsC,OAAM;QAERF,EAAA;MAAQgB,SAAS1D,KAAKE;OACnBF,KAAKiC,iBAAiBkB,KAAKQ,kBAIhCjB,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAOQ,SAAQ;OACZlD,KAAKiC,iBAAiBkB,KAAKS,+BAG9BlB,EAAA;MACEY,IAAG;MACHO,gBAAe;MACfC,cAAa;MACbC,gBAAe;MACfhD,OAAM;MACN0C,KAAMrB,KACHpC,KAAK8B,oBAAoBM;SAIhCM,EAAA;MAAQsB,MAAK;MAAaN,SAAS1D,KAAKiE;OACrCjE,KAAKiC,iBAAiBiC,OAAOC,eAEhCzB,EAAA;MAAQsB,MAAK;MAAaN,SAAS1D,KAAKmB;OACrCnB,KAAKiC,iBAAiBiC,OAAOE"}

package/dist/genexus-ide-ui/{p-7d107d2f.entry.js → p-f3f068f6.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, h as t, H as n, a as i } from "./p-25a9f1d7.js";
 
-import { g as o } from "./p-2987a259.js";
+import { g as o } from "./p-401bfc97.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -191,4 +191,4 @@ c = new WeakMap, d = new WeakMap, u = new WeakMap, f = new WeakMap, m = new Weak
 y.style = s;
 
 export { y as gx_ide_current_user_info };
-//# sourceMappingURL=p-7d107d2f.entry.js.map
+//# sourceMappingURL=p-f3f068f6.entry.js.map

package/dist/genexus-ide-ui/{p-fd440291.entry.js → p-f4a60017.entry.js}

@@ -2,7 +2,7 @@ import { r as t, h as e, H as s, a as i } from "./p-25a9f1d7.js";
 
 import { L as n } from "./p-311eedf3.js";
 
-import { g as a } from "./p-2987a259.js";
+import { g as a } from "./p-401bfc97.js";
 
 const o = "property";
 
@@ -492,4 +492,4 @@ V = new WeakMap, L = new WeakMap, l = new WeakSet, S = function _GxIdeKbManagerE
 q.style = c;
 
 export { q as gx_ide_kb_manager_export };
-//# sourceMappingURL=p-fd440291.entry.js.map
+//# sourceMappingURL=p-f4a60017.entry.js.map

package/dist/genexus-ide-ui/{p-7cece7a8.entry.js → p-f52ea9d4.entry.js}

@@ -1,6 +1,6 @@
 import { r as t, h as e, H as s, a as i } from "./p-25a9f1d7.js";
 
-import { g as n } from "./p-2987a259.js";
+import { g as n } from "./p-401bfc97.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -341,4 +341,4 @@ W = new WeakMap, C = new WeakMap;
 A.style = a;
 
 export { A as gx_ide_data_type_selector };
-//# sourceMappingURL=p-7cece7a8.entry.js.map
+//# sourceMappingURL=p-f52ea9d4.entry.js.map

package/dist/genexus-ide-ui/{p-7cece7a8.entry.js.map → p-f52ea9d4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["mapCategoryToListItemGroup","category","categoryGroup","caption","name","id","type","expanded","expandable","items","types","map","selected","additionalInformation","center","imgSrc","icon","mapDataTypesToList","dataTypes","dataType","index","undefined","order","dataTypeSelectorCss","CSS_BUNDLES","ARROW_UP_KEY","ARROW_DOWN_KEY","ENTER_KEY","TAB_KEY","ALL_CATEGORY_ID","RECENTLY_USED_CATEGORY_ID","CLOCK_ICON","getIconPath","colorType","GxIdeKbManagerImport","_GxIdeKbManagerImport__componentLocale","set","this","_GxIdeKbManagerImport_showAll","_GxIdeKbManagerImport_categoriesActionListItemGroupMap","Map","_GxIdeKbManagerImport_dataTypeCategoryMap","_GxIdeKbManagerImport_dataTypeDataIdMap","_GxIdeKbManagerImport_lastArrowKey","_GxIdeKbManagerImport_selectedDataTypeIds","categoryId","dataTypeId","_GxIdeKbManagerImport_focusAlreadySet","_GxIdeKbManagerImport_actionListEl","_GxIdeKbManagerImport_evaluateSelectionChanged","path","chActionListItem","find","el","tagName","dataTypeData","__classPrivateFieldGet","get","dataTypeSelectedCallback","_GxIdeKbManagerImport_listKeyDownHandler","event","pressedKey","key","composedPath","__classPrivateFieldSet","actionGroup","currentFocusedActionGroupId","firstActionListGroupId","shadowRoot","firstElementChild","arrowUpOnFirstElement","call","stopPropagation","_GxIdeKbManagerImport_listClickHandler","detail","_GxIdeKbManagerImport_showAllObjects","allCategoriesActionListModel","counter","mapLength","size","keys","push","categoriesListBoxModel","selectedCategory","_GxIdeKbManagerImport_showRecentlyObjects","recentlyUsedActionListModel","selectedCategoryHandler","e","currentTarget","dataset","newSelectedCategory","_GxIdeKbManagerImport_handleButtonTab","_GxIdeKbManagerImport_renderFooter","recentlyUsedBtnClass","allBtnClass","selectedCategoryDescription","fixedTypes","recentlyUsed","all","h","class","length","select","title","onClick","onKeyDown","src","categories","buttonClass","_GxIdeKbManagerImport_setFocus","async","focusableElement","setTimeout","focusType","selectedDataTypeEl","getElementById","firstActionListGroup","firstButton","focus","categoriesChanged","newCategories","clear","forEach","categoryListBoxModel","isSelected","loading","categoriesJustChanged","recentlyUsedChanged","newRecentlyUsed","componentWillLoad","Locale","getComponentStrings","render","Host","model","loaderTitle","loader","description","show","ref","selection"],"sources":["src/components/data-type-selector/helpers.ts","src/components/data-type-selector/data-type-selector.scss?tag=gx-ide-data-type-selector&encapsulation=shadow","src/components/data-type-selector/data-type-selector.tsx"],"sourcesContent":["import { DataTypeCategoryData, DataTypeData } from \"./data-type-selector\";\nimport {\n  ActionListItemGroup,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n\nexport const mapCategoryToListItemGroup = (\n  category: DataTypeCategoryData\n): ActionListItemGroup => {\n  const categoryGroup: ActionListItemGroup = {\n    caption: category.name,\n    id: category.name,\n    type: \"group\",\n    expanded: true,\n    expandable: true,\n    items: category.types.map(type => {\n      return {\n        caption: type.name,\n        id: type.name,\n        selected: type.selected,\n        additionalInformation: {\n          \"stretch-start\": {\n            center: [{ imgSrc: type.icon }]\n          }\n        },\n        type: \"actionable\"\n      };\n    })\n  };\n  return categoryGroup;\n};\n\nexport const mapDataTypesToList = (\n  dataTypes: DataTypeData[]\n): ActionListModel => {\n  return dataTypes.map((dataType, index) => {\n    return {\n      caption: dataType.name,\n      id: dataType.name,\n      selected: dataType.selected,\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: dataType.icon || undefined }]\n        }\n      },\n      type: \"actionable\",\n      order: index\n    };\n  });\n};\n",":host {\n  position: relative;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr max-content;\n\n  // WA: Prevent a custom css rule on genexus-web from overriding --control__border-width value.\n  // TDOO: remove this when the custom style is removed from genexus-web.\n  // custom stlye is: .gx-struct-editor .tabular-grid-cell {\n  //   --control__border-width: 0;\n  // }\n\n  --control__border-width: var(--mer-border__width--sm);\n  --control__border-radius: var(--mer-border__radius--sm);\n}\n\n.main {\n  display: contents;\n}\n\n.selected-category {\n  margin: 0;\n  text-transform: capitalize;\n  margin-inline-start: var(\n    --mer-spacing--md\n  ); // TODO: Create a semantic class in Mercury for this case.\n  white-space: nowrap;\n}\n\n.footer {\n  overflow: auto;\n  padding: var(--mer-spacing--xs);\n}\n\n// WA: Reduce font-size. This should be solved on Mercury.\n.list-box::part(item__action),\n.list-box::part(group__action) {\n  font-size: var(--font-size-body-s) !important;\n}\n","// Stencil\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  ActionListItemModel,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ActionListItemGroup } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n// Gx Ide Ui\nimport { Locale } from \"../../common/locale\";\nimport { mapCategoryToListItemGroup, mapDataTypesToList } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/list-box\",\n  \"utils/form--full\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst ARROW_UP_KEY = \"ArrowUp\";\nconst ARROW_DOWN_KEY = \"ArrowDown\";\nconst ENTER_KEY = \"Enter\";\nconst TAB_KEY = \"Tab\";\n\nconst ALL_CATEGORY_ID = \"all\";\nconst RECENTLY_USED_CATEGORY_ID = \"recenttly-used\";\n\nconst CLOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"time\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-data-type-selector\",\n  styleUrl: \"data-type-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/data-type-selector\"]\n})\nexport class GxIdeKbManagerImport {\n  #_componentLocale: any;\n  #showAll: boolean = false;\n  #categoriesActionListItemGroupMap: Map<string, ActionListItemGroup> = new Map<\n    string,\n    ActionListItemGroup\n  >();\n\n  #dataTypeCategoryMap: Map<string, string> = new Map<string, string>();\n  #dataTypeDataIdMap: Map<string, DataTypeData> = new Map<\n    string,\n    DataTypeData\n  >();\n  #lastArrowKey: typeof ARROW_UP_KEY | typeof ARROW_DOWN_KEY | null = null;\n  #selectedDataTypeIds: SelectedDataTypeIds = {\n    // For setting focus\n    categoryId: undefined,\n    dataTypeId: undefined\n  };\n  #focusAlreadySet: boolean = false;\n\n  #actionListEl!: HTMLChActionListRenderElement;\n  @Element() el: HTMLGxIdeDataTypeSelectorElement;\n\n  @State() categoriesListBoxModel: ActionListItemModel[] = [];\n  @State() selectedCategory: string;\n  @State() recentlyUsedActionListModel: ActionListModel = [];\n  @State() loading: boolean = true;\n  @State() categoriesJustChanged: boolean = false;\n  @State() actionListDidRender: boolean = false;\n\n  /**\n   * All possible types and its category\n   */\n  @Prop() readonly categories: DataTypeCategoryData[] = undefined;\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: DataTypeCategoryData[]) {\n    if (!newCategories?.length) {\n      return;\n    }\n\n    this.#categoriesActionListItemGroupMap.clear();\n    newCategories.forEach(category => {\n      const categoryListBoxModel = mapCategoryToListItemGroup(category);\n      this.#categoriesActionListItemGroupMap.set(\n        category.name,\n        categoryListBoxModel\n      );\n      category.types.forEach(type => {\n        const isSelected = type.selected;\n        if (isSelected) {\n          // For setting focus\n          this.#selectedDataTypeIds.categoryId = category.name;\n          this.#selectedDataTypeIds.dataTypeId = type.name;\n        }\n\n        this.#dataTypeCategoryMap.set(type.name, category.id);\n        this.#dataTypeDataIdMap.set(type.name, {\n          id: category.id,\n          name: type.name,\n          icon: type.icon,\n          selected: type.selected\n        });\n      });\n    });\n    this.loading = false;\n    this.#showAllObjects();\n    this.categoriesJustChanged = true;\n  }\n\n  /**\n   * Callback invoked when the user has selected an item type\n   */\n  @Prop() readonly dataTypeSelectedCallback: DataTypeSelectedCallback;\n\n  /**\n   * Defines the type of focus applied when the component renders for the first time.\n   */\n  @Prop() readonly arrowUpOnFirstElement: ArrowFirstOnFirstElement;\n\n  /**\n   * Defines the type of focus applied when the component renders for the first time.\n   */\n  @Prop() readonly focusType: \"first-element\" | \"selected\" = \"first-element\";\n\n  /**\n   * All recently used types list\n   */\n  @Prop() readonly recentlyUsed: DataTypeData[] = [];\n  @Watch(\"recentlyUsed\")\n  recentlyUsedChanged(newRecentlyUsed: DataTypeData[]) {\n    this.recentlyUsedActionListModel = null;\n    this.recentlyUsedActionListModel = mapDataTypesToList(newRecentlyUsed);\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    // initialize models\n    this.recentlyUsed.length && this.recentlyUsedChanged(this.recentlyUsed);\n  }\n\n  #evaluateSelectionChanged = (path: EventTarget[]) => {\n    const chActionListItem = path.find(\n      el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-ITEM\"\n    );\n    if (chActionListItem) {\n      const id = (chActionListItem as HTMLElement).id;\n      const dataTypeData = this.#dataTypeDataIdMap.get(id);\n      this.dataTypeSelectedCallback(dataTypeData);\n    }\n  };\n\n  #listKeyDownHandler = (event: KeyboardEvent) => {\n    const pressedKey = event.key;\n    const path = event.composedPath();\n\n    if (pressedKey === ARROW_UP_KEY || pressedKey === ARROW_DOWN_KEY) {\n      this.#lastArrowKey = pressedKey;\n\n      if (pressedKey === ARROW_UP_KEY) {\n        // Check if this is the first group. IF it is, let the host know,\n        // so it can close the dialog.\n\n        const chActionListItem = path.find(\n          el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-ITEM\"\n        );\n\n        if (chActionListItem !== undefined) {\n          return;\n        }\n\n        // This is a ch-action-list-group\n        const actionGroup = path.find(\n          el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-GROUP\"\n        );\n        const currentFocusedActionGroupId = (actionGroup as HTMLElement).id;\n\n        const firstActionListGroupId =\n          this.#actionListEl.shadowRoot.firstElementChild.id;\n\n        if (currentFocusedActionGroupId === firstActionListGroupId) {\n          this.arrowUpOnFirstElement();\n        }\n      }\n    } else if (pressedKey === ENTER_KEY) {\n      this.#evaluateSelectionChanged(path);\n    } else if (pressedKey === TAB_KEY) {\n      event.stopPropagation();\n    }\n  };\n\n  #listClickHandler = (event: MouseEvent) => {\n    if (this.#lastArrowKey) {\n      // User navigated with ArrowUp or ArrowDown\n      // Ignore, since this was not a click event.\n    } else if (event.detail === 0) {\n      // ignore keyboard Enter (Enter happens by default on buttons on onClick)\n      return;\n    } else {\n      const path = event.composedPath();\n      this.#evaluateSelectionChanged(path);\n    }\n    this.#lastArrowKey = null;\n  };\n\n  #showAllObjects = () => {\n    if (!this.#showAll) {\n      const allCategoriesActionListModel: ActionListItemModel[] = [];\n      let counter = 1;\n      const mapLength = this.#categoriesActionListItemGroupMap.size;\n      for (const key of this.#categoriesActionListItemGroupMap.keys()) {\n        allCategoriesActionListModel.push(\n          this.#categoriesActionListItemGroupMap.get(key)\n        );\n        if (counter !== mapLength) {\n          allCategoriesActionListModel.push({ type: \"separator\" });\n        }\n        counter++;\n      }\n      this.categoriesListBoxModel = allCategoriesActionListModel;\n      this.#showAll = true;\n      this.selectedCategory = ALL_CATEGORY_ID;\n    }\n  };\n\n  #showRecentlyObjects = () => {\n    this.#showAll = false;\n    this.categoriesListBoxModel = this.recentlyUsedActionListModel;\n    this.selectedCategory = RECENTLY_USED_CATEGORY_ID;\n  };\n\n  private selectedCategoryHandler = (e: MouseEvent) => {\n    this.selectedCategory = (e.currentTarget as HTMLButtonElement).dataset.name;\n    const newSelectedCategory = [\n      this.#categoriesActionListItemGroupMap.get(this.selectedCategory)\n    ];\n    this.categoriesListBoxModel = newSelectedCategory;\n    this.#showAll = false;\n  };\n\n  #handleButtonTab = (event: KeyboardEvent) => {\n    // Prevents bubbling, which causes this component to close, due to how the IDE handles Tab event\n    // in a parent element.\n    if (event.key === TAB_KEY || event.key === ENTER_KEY) {\n      event.stopPropagation();\n    }\n  };\n\n  #renderFooter = () => {\n    const recentlyUsedBtnClass =\n      this.selectedCategory === RECENTLY_USED_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    const allBtnClass =\n      this.selectedCategory === ALL_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    let selectedCategoryDescription = this.selectedCategory;\n    if (this.selectedCategory === RECENTLY_USED_CATEGORY_ID) {\n      selectedCategoryDescription =\n        this.#_componentLocale.fixedTypes.recentlyUsed;\n    } else if (this.selectedCategory === ALL_CATEGORY_ID) {\n      selectedCategoryDescription = this.#_componentLocale.fixedTypes.all;\n    } else {\n      selectedCategoryDescription = this.selectedCategory;\n    }\n\n    return (\n      <footer\n        class=\"footer control-footer control-footer-start scrollable\n      \"\n      >\n        <div class=\"buttons-spacer\">\n          {this.recentlyUsed && this.recentlyUsed.length > 0 && (\n            <button\n              class={`button-icon-only ${recentlyUsedBtnClass}`}\n              aria-label={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              title={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              onClick={this.#showRecentlyObjects}\n              onKeyDown={this.#handleButtonTab}\n            >\n              <ch-image class=\"icon-md\" src={CLOCK_ICON}></ch-image>\n            </button>\n          )}\n          <button\n            class={`button-icon-only ${allBtnClass}`}\n            onClick={this.#showAllObjects}\n            onKeyDown={this.#handleButtonTab}\n            aria-label={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n            title={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n          >\n            [*]\n          </button>\n          {this.categories.map(category => {\n            const buttonClass =\n              category.name === this.selectedCategory\n                ? \"button-secondary\"\n                : \"button-tertiary\";\n\n            return (\n              <button\n                class={`button-icon-only ${buttonClass}`}\n                aria-label={category.name}\n                title={category.name}\n                onClick={this.selectedCategoryHandler}\n                onKeyDown={this.#handleButtonTab}\n                data-name={category.name}\n              >\n                <ch-image class=\"icon-md\" src={category.icon}></ch-image>\n              </button>\n            );\n          })}\n        </div>\n        <p class=\"body-regular-s selected-category\">\n          {selectedCategoryDescription}\n        </p>\n      </footer>\n    );\n  };\n\n  #setFocus = async () => {\n    if (this.#focusAlreadySet) {\n      return;\n    }\n    let focusableElement: HTMLElement;\n\n    setTimeout(() => {\n      // setTimeout as a WA, since the list-box elements are not rendered/read immediatelly\n      if (\n        this.focusType === \"selected\" &&\n        this.#selectedDataTypeIds.categoryId &&\n        this.#selectedDataTypeIds.dataTypeId\n      ) {\n        // set focus on the selected element\n        const selectedDataTypeEl = this.#actionListEl.shadowRoot.getElementById(\n          this.#selectedDataTypeIds.dataTypeId\n        );\n        if (selectedDataTypeEl) {\n          focusableElement = selectedDataTypeEl;\n        }\n      } else {\n        // set focus of the first element\n        const firstActionListGroup =\n          this.#actionListEl.shadowRoot.firstElementChild;\n\n        const firstButton = firstActionListGroup.shadowRoot.firstElementChild;\n        focusableElement = firstButton as HTMLButtonElement;\n      }\n\n      focusableElement && (focusableElement as HTMLElement).focus();\n      this.#focusAlreadySet = true;\n    }, 150);\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\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          <section class=\"main\">\n            <ch-action-list-render\n              ref={async el => {\n                this.#actionListEl = el as HTMLChActionListRenderElement;\n                this.#setFocus();\n              }}\n              class=\"list-box\"\n              model={this.categoriesListBoxModel}\n              selection=\"single\"\n              onKeyDown={this.#listKeyDownHandler}\n              onClick={this.#listClickHandler}\n            ></ch-action-list-render>\n            {this.#renderFooter()}\n          </section>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type DataTypeCategoryData = {\n  id: string;\n  name: string;\n  icon: string;\n  types: DataTypeData[];\n};\nexport type DataTypeData = {\n  id: string;\n  name: string;\n  icon: string;\n  selected: boolean;\n};\n\nexport type DataTypeSelectedCallback = (data: DataTypeData) => Promise<void>;\n\ntype SelectedDataTypeIds = {\n  categoryId: string;\n  dataTypeId: string;\n};\n\nexport type ArrowFirstOnFirstElement = () => Promise<void>;\n"],"mappings":"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"}
+{"version":3,"names":["mapCategoryToListItemGroup","category","categoryGroup","caption","name","id","type","expanded","expandable","items","types","map","selected","additionalInformation","center","imgSrc","icon","mapDataTypesToList","dataTypes","dataType","index","undefined","order","dataTypeSelectorCss","CSS_BUNDLES","ARROW_UP_KEY","ARROW_DOWN_KEY","ENTER_KEY","TAB_KEY","ALL_CATEGORY_ID","RECENTLY_USED_CATEGORY_ID","CLOCK_ICON","getIconPath","colorType","GxIdeKbManagerImport","_GxIdeKbManagerImport__componentLocale","set","this","_GxIdeKbManagerImport_showAll","_GxIdeKbManagerImport_categoriesActionListItemGroupMap","Map","_GxIdeKbManagerImport_dataTypeCategoryMap","_GxIdeKbManagerImport_dataTypeDataIdMap","_GxIdeKbManagerImport_lastArrowKey","_GxIdeKbManagerImport_selectedDataTypeIds","categoryId","dataTypeId","_GxIdeKbManagerImport_focusAlreadySet","_GxIdeKbManagerImport_actionListEl","_GxIdeKbManagerImport_evaluateSelectionChanged","path","chActionListItem","find","el","tagName","dataTypeData","__classPrivateFieldGet","get","dataTypeSelectedCallback","_GxIdeKbManagerImport_listKeyDownHandler","event","pressedKey","key","composedPath","__classPrivateFieldSet","actionGroup","currentFocusedActionGroupId","firstActionListGroupId","shadowRoot","firstElementChild","arrowUpOnFirstElement","call","stopPropagation","_GxIdeKbManagerImport_listClickHandler","detail","_GxIdeKbManagerImport_showAllObjects","allCategoriesActionListModel","counter","mapLength","size","keys","push","categoriesListBoxModel","selectedCategory","_GxIdeKbManagerImport_showRecentlyObjects","recentlyUsedActionListModel","selectedCategoryHandler","e","currentTarget","dataset","newSelectedCategory","_GxIdeKbManagerImport_handleButtonTab","_GxIdeKbManagerImport_renderFooter","recentlyUsedBtnClass","allBtnClass","selectedCategoryDescription","fixedTypes","recentlyUsed","all","h","class","length","select","title","onClick","onKeyDown","src","categories","buttonClass","_GxIdeKbManagerImport_setFocus","async","focusableElement","setTimeout","focusType","selectedDataTypeEl","getElementById","firstActionListGroup","firstButton","focus","categoriesChanged","newCategories","clear","forEach","categoryListBoxModel","isSelected","loading","categoriesJustChanged","recentlyUsedChanged","newRecentlyUsed","componentWillLoad","Locale","getComponentStrings","render","Host","model","loaderTitle","loader","description","show","ref","selection"],"sources":["src/components/data-type-selector/helpers.ts","src/components/data-type-selector/data-type-selector.scss?tag=gx-ide-data-type-selector&encapsulation=shadow","src/components/data-type-selector/data-type-selector.tsx"],"sourcesContent":["import { DataTypeCategoryData, DataTypeData } from \"./data-type-selector\";\nimport {\n  ActionListItemGroup,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n\nexport const mapCategoryToListItemGroup = (\n  category: DataTypeCategoryData\n): ActionListItemGroup => {\n  const categoryGroup: ActionListItemGroup = {\n    caption: category.name,\n    id: category.name,\n    type: \"group\",\n    expanded: true,\n    expandable: true,\n    items: category.types.map(type => {\n      return {\n        caption: type.name,\n        id: type.name,\n        selected: type.selected,\n        additionalInformation: {\n          \"stretch-start\": {\n            center: [{ imgSrc: type.icon }]\n          }\n        },\n        type: \"actionable\"\n      };\n    })\n  };\n  return categoryGroup;\n};\n\nexport const mapDataTypesToList = (\n  dataTypes: DataTypeData[]\n): ActionListModel => {\n  return dataTypes.map((dataType, index) => {\n    return {\n      caption: dataType.name,\n      id: dataType.name,\n      selected: dataType.selected,\n      additionalInformation: {\n        \"stretch-start\": {\n          center: [{ imgSrc: dataType.icon || undefined }]\n        }\n      },\n      type: \"actionable\",\n      order: index\n    };\n  });\n};\n",":host {\n  position: relative;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr max-content;\n\n  // WA: Prevent a custom css rule on genexus-web from overriding --control__border-width value.\n  // TDOO: remove this when the custom style is removed from genexus-web.\n  // custom stlye is: .gx-struct-editor .tabular-grid-cell {\n  //   --control__border-width: 0;\n  // }\n\n  --control__border-width: var(--mer-border__width--sm);\n  --control__border-radius: var(--mer-border__radius--sm);\n}\n\n.main {\n  display: contents;\n}\n\n.selected-category {\n  margin: 0;\n  text-transform: capitalize;\n  margin-inline-start: var(\n    --mer-spacing--md\n  ); // TODO: Create a semantic class in Mercury for this case.\n  white-space: nowrap;\n}\n\n.footer {\n  overflow: auto;\n  padding: var(--mer-spacing--xs);\n}\n\n// WA: Reduce font-size. This should be solved on Mercury.\n.list-box::part(item__action),\n.list-box::part(group__action) {\n  font-size: var(--font-size-body-s) !important;\n}\n","// Stencil\nimport { Component, Host, h, Prop, Element, State, Watch } from \"@stencil/core\";\n// Other Libraries\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  ActionListItemModel,\n  ActionListModel\n} from \"@genexus/chameleon-controls-library\";\nimport { ActionListItemGroup } from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n// Gx Ide Ui\nimport { Locale } from \"../../common/locale\";\nimport { mapCategoryToListItemGroup, mapDataTypesToList } from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/list-box\",\n  \"utils/form--full\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst ARROW_UP_KEY = \"ArrowUp\";\nconst ARROW_DOWN_KEY = \"ArrowDown\";\nconst ENTER_KEY = \"Enter\";\nconst TAB_KEY = \"Tab\";\n\nconst ALL_CATEGORY_ID = \"all\";\nconst RECENTLY_USED_CATEGORY_ID = \"recenttly-used\";\n\nconst CLOCK_ICON = getIconPath({\n  category: \"system\",\n  name: \"time\",\n  colorType: \"primary\"\n});\n\n@Component({\n  tag: \"gx-ide-data-type-selector\",\n  styleUrl: \"data-type-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/data-type-selector\"]\n})\nexport class GxIdeKbManagerImport {\n  #_componentLocale: any;\n  #showAll: boolean = false;\n  #categoriesActionListItemGroupMap: Map<string, ActionListItemGroup> = new Map<\n    string,\n    ActionListItemGroup\n  >();\n\n  #dataTypeCategoryMap: Map<string, string> = new Map<string, string>();\n  #dataTypeDataIdMap: Map<string, DataTypeData> = new Map<\n    string,\n    DataTypeData\n  >();\n  #lastArrowKey: typeof ARROW_UP_KEY | typeof ARROW_DOWN_KEY | null = null;\n  #selectedDataTypeIds: SelectedDataTypeIds = {\n    // For setting focus\n    categoryId: undefined,\n    dataTypeId: undefined\n  };\n  #focusAlreadySet: boolean = false;\n\n  #actionListEl!: HTMLChActionListRenderElement;\n  @Element() el: HTMLGxIdeDataTypeSelectorElement;\n\n  @State() categoriesListBoxModel: ActionListItemModel[] = [];\n  @State() selectedCategory: string;\n  @State() recentlyUsedActionListModel: ActionListModel = [];\n  @State() loading: boolean = true;\n  @State() categoriesJustChanged: boolean = false;\n  @State() actionListDidRender: boolean = false;\n\n  /**\n   * All possible types and its category\n   */\n  @Prop() readonly categories: DataTypeCategoryData[] = undefined;\n  @Watch(\"categories\")\n  categoriesChanged(newCategories: DataTypeCategoryData[]) {\n    if (!newCategories?.length) {\n      return;\n    }\n\n    this.#categoriesActionListItemGroupMap.clear();\n    newCategories.forEach(category => {\n      const categoryListBoxModel = mapCategoryToListItemGroup(category);\n      this.#categoriesActionListItemGroupMap.set(\n        category.name,\n        categoryListBoxModel\n      );\n      category.types.forEach(type => {\n        const isSelected = type.selected;\n        if (isSelected) {\n          // For setting focus\n          this.#selectedDataTypeIds.categoryId = category.name;\n          this.#selectedDataTypeIds.dataTypeId = type.name;\n        }\n\n        this.#dataTypeCategoryMap.set(type.name, category.id);\n        this.#dataTypeDataIdMap.set(type.name, {\n          id: category.id,\n          name: type.name,\n          icon: type.icon,\n          selected: type.selected\n        });\n      });\n    });\n    this.loading = false;\n    this.#showAllObjects();\n    this.categoriesJustChanged = true;\n  }\n\n  /**\n   * Callback invoked when the user has selected an item type\n   */\n  @Prop() readonly dataTypeSelectedCallback: DataTypeSelectedCallback;\n\n  /**\n   * Defines the type of focus applied when the component renders for the first time.\n   */\n  @Prop() readonly arrowUpOnFirstElement: ArrowFirstOnFirstElement;\n\n  /**\n   * Defines the type of focus applied when the component renders for the first time.\n   */\n  @Prop() readonly focusType: \"first-element\" | \"selected\" = \"first-element\";\n\n  /**\n   * All recently used types list\n   */\n  @Prop() readonly recentlyUsed: DataTypeData[] = [];\n  @Watch(\"recentlyUsed\")\n  recentlyUsedChanged(newRecentlyUsed: DataTypeData[]) {\n    this.recentlyUsedActionListModel = null;\n    this.recentlyUsedActionListModel = mapDataTypesToList(newRecentlyUsed);\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    // initialize models\n    this.recentlyUsed.length && this.recentlyUsedChanged(this.recentlyUsed);\n  }\n\n  #evaluateSelectionChanged = (path: EventTarget[]) => {\n    const chActionListItem = path.find(\n      el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-ITEM\"\n    );\n    if (chActionListItem) {\n      const id = (chActionListItem as HTMLElement).id;\n      const dataTypeData = this.#dataTypeDataIdMap.get(id);\n      this.dataTypeSelectedCallback(dataTypeData);\n    }\n  };\n\n  #listKeyDownHandler = (event: KeyboardEvent) => {\n    const pressedKey = event.key;\n    const path = event.composedPath();\n\n    if (pressedKey === ARROW_UP_KEY || pressedKey === ARROW_DOWN_KEY) {\n      this.#lastArrowKey = pressedKey;\n\n      if (pressedKey === ARROW_UP_KEY) {\n        // Check if this is the first group. IF it is, let the host know,\n        // so it can close the dialog.\n\n        const chActionListItem = path.find(\n          el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-ITEM\"\n        );\n\n        if (chActionListItem !== undefined) {\n          return;\n        }\n\n        // This is a ch-action-list-group\n        const actionGroup = path.find(\n          el => (el as HTMLElement).tagName === \"CH-ACTION-LIST-GROUP\"\n        );\n        const currentFocusedActionGroupId = (actionGroup as HTMLElement).id;\n\n        const firstActionListGroupId =\n          this.#actionListEl.shadowRoot.firstElementChild.id;\n\n        if (currentFocusedActionGroupId === firstActionListGroupId) {\n          this.arrowUpOnFirstElement();\n        }\n      }\n    } else if (pressedKey === ENTER_KEY) {\n      this.#evaluateSelectionChanged(path);\n    } else if (pressedKey === TAB_KEY) {\n      event.stopPropagation();\n    }\n  };\n\n  #listClickHandler = (event: MouseEvent) => {\n    if (this.#lastArrowKey) {\n      // User navigated with ArrowUp or ArrowDown\n      // Ignore, since this was not a click event.\n    } else if (event.detail === 0) {\n      // ignore keyboard Enter (Enter happens by default on buttons on onClick)\n      return;\n    } else {\n      const path = event.composedPath();\n      this.#evaluateSelectionChanged(path);\n    }\n    this.#lastArrowKey = null;\n  };\n\n  #showAllObjects = () => {\n    if (!this.#showAll) {\n      const allCategoriesActionListModel: ActionListItemModel[] = [];\n      let counter = 1;\n      const mapLength = this.#categoriesActionListItemGroupMap.size;\n      for (const key of this.#categoriesActionListItemGroupMap.keys()) {\n        allCategoriesActionListModel.push(\n          this.#categoriesActionListItemGroupMap.get(key)\n        );\n        if (counter !== mapLength) {\n          allCategoriesActionListModel.push({ type: \"separator\" });\n        }\n        counter++;\n      }\n      this.categoriesListBoxModel = allCategoriesActionListModel;\n      this.#showAll = true;\n      this.selectedCategory = ALL_CATEGORY_ID;\n    }\n  };\n\n  #showRecentlyObjects = () => {\n    this.#showAll = false;\n    this.categoriesListBoxModel = this.recentlyUsedActionListModel;\n    this.selectedCategory = RECENTLY_USED_CATEGORY_ID;\n  };\n\n  private selectedCategoryHandler = (e: MouseEvent) => {\n    this.selectedCategory = (e.currentTarget as HTMLButtonElement).dataset.name;\n    const newSelectedCategory = [\n      this.#categoriesActionListItemGroupMap.get(this.selectedCategory)\n    ];\n    this.categoriesListBoxModel = newSelectedCategory;\n    this.#showAll = false;\n  };\n\n  #handleButtonTab = (event: KeyboardEvent) => {\n    // Prevents bubbling, which causes this component to close, due to how the IDE handles Tab event\n    // in a parent element.\n    if (event.key === TAB_KEY || event.key === ENTER_KEY) {\n      event.stopPropagation();\n    }\n  };\n\n  #renderFooter = () => {\n    const recentlyUsedBtnClass =\n      this.selectedCategory === RECENTLY_USED_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    const allBtnClass =\n      this.selectedCategory === ALL_CATEGORY_ID\n        ? \"button-secondary\"\n        : \"button-tertiary\";\n    let selectedCategoryDescription = this.selectedCategory;\n    if (this.selectedCategory === RECENTLY_USED_CATEGORY_ID) {\n      selectedCategoryDescription =\n        this.#_componentLocale.fixedTypes.recentlyUsed;\n    } else if (this.selectedCategory === ALL_CATEGORY_ID) {\n      selectedCategoryDescription = this.#_componentLocale.fixedTypes.all;\n    } else {\n      selectedCategoryDescription = this.selectedCategory;\n    }\n\n    return (\n      <footer\n        class=\"footer control-footer control-footer-start scrollable\n      \"\n      >\n        <div class=\"buttons-spacer\">\n          {this.recentlyUsed && this.recentlyUsed.length > 0 && (\n            <button\n              class={`button-icon-only ${recentlyUsedBtnClass}`}\n              aria-label={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              title={`${this.#_componentLocale.select} ${\n                this.#_componentLocale.fixedTypes.recentlyUsed\n              }`}\n              onClick={this.#showRecentlyObjects}\n              onKeyDown={this.#handleButtonTab}\n            >\n              <ch-image class=\"icon-md\" src={CLOCK_ICON}></ch-image>\n            </button>\n          )}\n          <button\n            class={`button-icon-only ${allBtnClass}`}\n            onClick={this.#showAllObjects}\n            onKeyDown={this.#handleButtonTab}\n            aria-label={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n            title={`${this.#_componentLocale.select} ${\n              this.#_componentLocale.fixedTypes.all\n            }`}\n          >\n            [*]\n          </button>\n          {this.categories.map(category => {\n            const buttonClass =\n              category.name === this.selectedCategory\n                ? \"button-secondary\"\n                : \"button-tertiary\";\n\n            return (\n              <button\n                class={`button-icon-only ${buttonClass}`}\n                aria-label={category.name}\n                title={category.name}\n                onClick={this.selectedCategoryHandler}\n                onKeyDown={this.#handleButtonTab}\n                data-name={category.name}\n              >\n                <ch-image class=\"icon-md\" src={category.icon}></ch-image>\n              </button>\n            );\n          })}\n        </div>\n        <p class=\"body-regular-s selected-category\">\n          {selectedCategoryDescription}\n        </p>\n      </footer>\n    );\n  };\n\n  #setFocus = async () => {\n    if (this.#focusAlreadySet) {\n      return;\n    }\n    let focusableElement: HTMLElement;\n\n    setTimeout(() => {\n      // setTimeout as a WA, since the list-box elements are not rendered/read immediatelly\n      if (\n        this.focusType === \"selected\" &&\n        this.#selectedDataTypeIds.categoryId &&\n        this.#selectedDataTypeIds.dataTypeId\n      ) {\n        // set focus on the selected element\n        const selectedDataTypeEl = this.#actionListEl.shadowRoot.getElementById(\n          this.#selectedDataTypeIds.dataTypeId\n        );\n        if (selectedDataTypeEl) {\n          focusableElement = selectedDataTypeEl;\n        }\n      } else {\n        // set focus of the first element\n        const firstActionListGroup =\n          this.#actionListEl.shadowRoot.firstElementChild;\n\n        const firstButton = firstActionListGroup.shadowRoot.firstElementChild;\n        focusableElement = firstButton as HTMLButtonElement;\n      }\n\n      focusableElement && (focusableElement as HTMLElement).focus();\n      this.#focusAlreadySet = true;\n    }, 150);\n  };\n\n  render(): void {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\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          <section class=\"main\">\n            <ch-action-list-render\n              ref={async (el: HTMLChActionListRenderElement) => {\n                this.#actionListEl = el as HTMLChActionListRenderElement;\n                this.#setFocus();\n              }}\n              class=\"list-box\"\n              model={this.categoriesListBoxModel}\n              selection=\"single\"\n              onKeyDown={this.#listKeyDownHandler}\n              onClick={this.#listClickHandler}\n            ></ch-action-list-render>\n            {this.#renderFooter()}\n          </section>\n        )}\n      </Host>\n    );\n  }\n}\n\nexport type DataTypeCategoryData = {\n  id: string;\n  name: string;\n  icon: string;\n  types: DataTypeData[];\n};\nexport type DataTypeData = {\n  id: string;\n  name: string;\n  icon: string;\n  selected: boolean;\n};\n\nexport type DataTypeSelectedCallback = (data: DataTypeData) => Promise<void>;\n\ntype SelectedDataTypeIds = {\n  categoryId: string;\n  dataTypeId: string;\n};\n\nexport type ArrowFirstOnFirstElement = () => Promise<void>;\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-54fb1287.entry.js → p-f83ceb69.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, h as t, H as n, a } from "./p-25a9f1d7.js";
 
-import { g as o } from "./p-2987a259.js";
+import { g as o } from "./p-401bfc97.js";
 
 import { L as r } from "./p-311eedf3.js";
 
@@ -2416,4 +2416,4 @@ Qe = new WeakMap, Re = new WeakMap, Ve = new WeakMap, Ee = new WeakSet, Be = fun
 nt.style = Ie;
 
 export { nt as gx_ide_start_page };
-//# sourceMappingURL=p-54fb1287.entry.js.map
+//# sourceMappingURL=p-f83ceb69.entry.js.map