@genexus/genexus-ide-ui 1.1.4 → 1.1.5

package/dist/genexus-ide-ui/{p-4cbc8a8b.entry.js → p-e5571f49.entry.js}

@@ -1,14 +1,12 @@
 import { r as t, g as e, h as i, H as s, a } from "./p-25a9f1d7.js";
 
-import { g as l } from "./p-6e4208d8.js";
+import { g as l } from "./p-ede7bd20.js";
 
-import "./p-5ac47c69.js";
-
-import { L as o } from "./p-311eedf3.js";
+import { L as o } from "./p-857866f8.js";
 
 import { c as r } from "./p-13738332.js";
 
-import { f as n } from "./p-9ddea83b.js";
+import { f as n } from "./p-51601b85.js";
 
 import { F as c } from "./p-13feb5cf.js";
 
@@ -26,7 +24,7 @@ const mapCategoryToComboBoxItemModel = t => t.map((t => ({
   caption: t.label
 })));
 
-const d = ':host{block-size:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:auto}.section{display:contents}.filter-layout{grid-template:"pattern type" "category module" "modified modified";grid-template-columns:1fr 1fr}.pattern{grid-area:pattern}.type{grid-area:type}.category{grid-area:category}.module{grid-area:module}.modified-accordion{grid-area:modified;display:flex;flex-direction:column}.field-group-modified{grid-template-columns:1fr 1fr 1fr}.input-date-time{block-size:calc( var(--control__font-size--regular) * var(--control__line-height) + var(--control__padding-block) * 2 + var(--control__border-width) * 2 )}gx-ide-container::part(content){display:grid}ch-tabular-grid{overflow:auto}.tabular-grid-object-selector ch-tabular-grid-cell:is(:nth-child(5)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objects-count{display:grid;grid-template-columns:1fr 1fr;border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.objects-selected,.objects-matching{padding-block-end:var(--mer-spacing--xs)}ch-tabular-grid-rowset-empty{position:relative}ch-tabular-grid.empty-result::part(main){overflow:hidden}input::-webkit-datetime-edit-fields-wrapper{padding:none}';
+const d = ':host{block-size:100%;display:grid;grid-template-rows:auto 1fr auto;overflow:auto}.section{display:contents}.filter-layout{grid-template:"pattern type" "category module" "modified modified";grid-template-columns:1fr 1fr}.pattern{grid-area:pattern}.type{grid-area:type}.category{grid-area:category}.module{grid-area:module}.modified-accordion{grid-area:modified;display:flex;flex-direction:column}.field-group-modified{grid-template-columns:1fr 1fr 1fr}.input-date-time{block-size:calc( var(--control__font-size--regular) * var(--control__line-height) + var(--control__padding-block) * 2 + var(--control__border-width) * 2 )}gx-ide-container::part(content){display:grid}ch-tabular-grid{overflow:auto}.tabular-grid-object-selector ch-tabular-grid-cell:is(:nth-child(5)){padding-block:var(--grid-cell__padding-block);padding-inline:var(--grid-cell__padding-inline);align-items:start;justify-content:start;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-inline-size:0}.objects-count{display:grid;grid-template-columns:1fr 1fr;border-block-start:var(--mer-border__width--sm) solid var(--mer-color__elevation--04)}.objects-selected,.objects-matching{padding-block-end:var(--mer-spacing--xs)}ch-tabular-grid-rowset-empty{position:relative}ch-tabular-grid.empty-result::part(main){overflow:hidden}input::-webkit-datetime-edit-fields-wrapper{padding:none}';
 
 var h = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
@@ -41,7 +39,7 @@ var f = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a)
   return s === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
 };
 
-var u, p, b, m, g, w, v, y, k, M, W, x, j, _, T, C, z, D, $, E, F, I, P, S, N, L, K, V, A, B;
+var u, p, b, m, g, w, y, v, k, M, W, x, j, _, T, z, C, D, $, E, F, I, P, S, N, L, K, V, A, B;
 
 const H = [ "resets/box-sizing", "utils/form--full", "components/accordion", "components/tabular-grid", "utils/typography", "utils/layout", "utils/spacing" ];
 
@@ -74,8 +72,8 @@ const O = class {
     /* References needed to collect data */    m.set(this, void 0);
     g.set(this, void 0);
     w.set(this, void 0);
-    v.set(this, void 0);
     y.set(this, void 0);
+    v.set(this, void 0);
     k.set(this, void 0);
     M.set(this, void 0);
     W.set(this, void 0);
@@ -91,7 +89,7 @@ const O = class {
     T.set(this, (() => {
       h(this, W, "f").selectAllRows(false);
     }));
-    C.set(this, (t => {
+    z.set(this, (t => {
       const e = h(this, u, "f");
       if (t === "selected") {
         if (this.selectedObjectsIdsArray.length === 0) {
@@ -111,7 +109,7 @@ const O = class {
       }
       return `${this.objects.length} ${e.objCount.matching.many}`;
     }));
-    z.set(this, (() => {
+    C.set(this, (() => {
       const t = new Date;
       const e = t.toISOString().split("T")[0];
       const i = t.toISOString().split("T")[1].slice(0, 5);
@@ -142,21 +140,21 @@ const O = class {
       this.openSelectionCallback(this.selectedObjectsIdsArray);
     }));
     P.set(this, (() => {
-      var t, e, i, s, a, l;
-      /* 'modified' checkbox, should only be considered if 'date' || 'user' */      const o = h(this, y, "f").value;
-      const r = (e = (t = h(this, k, "f")) === null || t === void 0 ? void 0 : t.value) === null || e === void 0 ? void 0 : e.trim();
-      const n = {
-        pattern: (i = h(this, m, "f")) === null || i === void 0 ? void 0 : i.value,
+      /* 'modified' checkbox, should only be considered if 'date' || 'user' */
+      const t = h(this, v, "f").value;
+      const e = h(this, k, "f")?.value?.trim();
+      const i = {
+        pattern: h(this, m, "f")?.value,
         type: h(this, g, "f").value,
         category: h(this, w, "f").value,
-        module: (a = (s = h(this, v, "f")) === null || s === void 0 ? void 0 : s.value) === null || a === void 0 ? void 0 : a.id,
-        modifiedAfter: o ? o : null,
-        modifiedBy: r ? r : null,
-        modifiedDate: o === c.DATE_TIME ? new Date((l = h(this, M, "f")) === null || l === void 0 ? void 0 : l.value) : null
+        module: h(this, y, "f")?.value?.id,
+        modifiedAfter: t ? t : null,
+        modifiedBy: e ? e : null,
+        modifiedDate: t === c.DATE_TIME ? new Date(h(this, M, "f")?.value) : null
       };
       this.loading = true;
       this.objects = [];
-      this.loadCallback(n).then((t => {
+      this.loadCallback(i).then((t => {
         if (t) {
           this.objects = h(this, B, "f").call(this, t);
         }
@@ -223,7 +221,7 @@ const O = class {
       class: "module",
       id: "module",
       value: this.defaultModule,
-      ref: t => f(this, v, t, "f"),
+      ref: t => f(this, y, t, "f"),
       labelCaption: h(this, u, "f").filter.module,
       labelPosition: "block-start",
       onValueChanged: h(this, P, "f"),
@@ -250,7 +248,7 @@ const O = class {
       part: "filter-after-type",
       id: "after-type",
       model: h(this, b, "f"),
-      ref: t => f(this, y, t, "f"),
+      ref: t => f(this, v, t, "f"),
       onInput: h(this, D, "f")
     })), i("div", {
       class: "field field-block"
@@ -296,10 +294,10 @@ const O = class {
     }, i("p", {
       class: "body-regular-s objects-selected",
       part: "objects-selected"
-    }, h(this, C, "f").call(this, "selected")), i("p", {
+    }, h(this, z, "f").call(this, "selected")), i("p", {
       class: "body-regular-s objects-matching",
       part: "objects-matching"
-    }, h(this, C, "f").call(this, "matching"))), i("div", {
+    }, h(this, z, "f").call(this, "matching"))), i("div", {
       class: "control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end"
     }, i("button", {
       // button new object
@@ -463,7 +461,7 @@ const O = class {
     this.types = undefined;
   }
   async connectedCallback() {
-    J = h(this, z, "f").call(this);
+    J = h(this, C, "f").call(this);
   }
   async componentWillLoad() {
     f(this, u, await o.getComponentStrings(this.el), "f");
@@ -515,13 +513,13 @@ const O = class {
 };
 
 u = new WeakMap, p = new WeakMap, b = new WeakMap, m = new WeakMap, g = new WeakMap, 
-w = new WeakMap, v = new WeakMap, y = new WeakMap, k = new WeakMap, M = new WeakMap, 
+w = new WeakMap, y = new WeakMap, v = new WeakMap, k = new WeakMap, M = new WeakMap, 
 W = new WeakMap, x = new WeakMap, j = new WeakMap, _ = new WeakMap, T = new WeakMap, 
-C = new WeakMap, z = new WeakMap, D = new WeakMap, $ = new WeakMap, E = new WeakMap, 
+z = new WeakMap, C = new WeakMap, D = new WeakMap, $ = new WeakMap, E = new WeakMap, 
 F = new WeakMap, I = new WeakMap, P = new WeakMap, S = new WeakMap, N = new WeakMap, 
 L = new WeakMap, K = new WeakMap, V = new WeakMap, A = new WeakMap, B = new WeakMap;
 
 O.style = d;
 
 export { O as gx_ide_object_selector };
-//# sourceMappingURL=p-4cbc8a8b.entry.js.map
+//# sourceMappingURL=p-e5571f49.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["mapObjectTypeToComboBoxItemModel","objectTypeModel","map","objectType","value","id","caption","name","mapCategoryToComboBoxItemModel","categoryModel","category","label","objectSelectorCss","CSS_BUNDLES","FILTER_ICON","getIconPath","colorType","USER_ICON","MODIFIED_ACCORDION_MODEL","expanded","TODAY","GxIdeObjectSelector","_GxIdeObjectSelector_componentLocale","set","this","_GxIdeObjectSelector_shortcutsSrc","getAssetPath","_GxIdeObjectSelector_afterModel","_GxIdeObjectSelector_patternInput","_GxIdeObjectSelector_typeComboBox","_GxIdeObjectSelector_categoryComboBox","_GxIdeObjectSelector_moduleEntitySelector","_GxIdeObjectSelector_afterTypeComboBox","_GxIdeObjectSelector_userInput","_GxIdeObjectSelector_modifiedDateInput","_GxIdeObjectSelector_objectsGrid","_GxIdeObjectSelector_shortcutsEl","_GxIdeObjectSelector_cancelCallbackHandler","cancelCallback","_GxIdeObjectSelector_chGridKeyDownHandler","e","key","__classPrivateFieldGet","_GxIdeObjectSelector_openSelectionCallbackHandler","call","_GxIdeObjectSelector_deselectAll","selectAllRows","_GxIdeObjectSelector_evaluateObjectsCount","type","locale","selectedObjectsIdsArray","length","objCount","selected","none","one","many","objects","matching","_GxIdeObjectSelector_getToday","now","Date","date","toISOString","split","time","slice","_GxIdeObjectSelector_handleAfterValueChange","event","modifiedAfterValue","detail","FILTER_AFTER","DATE_TIME","_GxIdeObjectSelector_refreshUIWithNewConfiguration","_GxIdeObjectSelector_handleObjectsSelectionChange","rowsId","_GxIdeObjectSelector_hostKeyPressHandler","stopPropagation","_GxIdeObjectSelector_newObjectCallbackHandler","newObjectCallback","openSelectionCallback","modifiedAfter","user","trim","filters","pattern","module","modifiedBy","modifiedDate","loading","loadCallback","then","_GxIdeObjectSelector_sortObjectsByName","_GxIdeObjectSelector_renderFilter","h","class","htmlFor","filter","accessibleName","debounce","config","inputDebounce","part","patternValue","mode","ref","el","__classPrivateFieldSet","onInput","disabled","types","defaultType","model","categories","defaultCategory","defaultModule","labelCaption","labelPosition","onValueChanged","defaultValue","selectEntityCallback","selectModuleCallback","slot","after","startImgSrc","dateTime","max","_GxIdeObjectSelector_renderFooter","onClick","undefined","footer","btnNew","btnCancel","btnConfirm","multiSelection","_GxIdeObjectSelector_selectAll","btnSelectAll","_GxIdeObjectSelector_renderObjects","rowSelectionMode","onKeyDown","onSelectionChanged","onDblClick","settingable","size","tabularGrid","colSize","maxContent","tableHead","description","commonDouble","importDate","obj","rowid","src","icon","formatDate","loader","loaderTitle","title","show","stateIconSrc","stateTitle","emptyState","_GxIdeObjectSelector_setAfterDefaultValue","NONE","_GxIdeObjectSelector_setAfterOptions","afterNone","IMPORT","LAST_BUILD","sort","a","b","nameA","toLowerCase","nameB","connectedCallback","componentWillLoad","Locale","getComponentStrings","componentDidLoad","focus","componentDidRender","suspendShortcuts","suspend","validate","isValid","render","Host","onKeyPress"],"sources":["src/components/object-selector/helpers.ts","src/components/object-selector/object-selector.scss?tag=gx-ide-object-selector&encapsulation=shadow","src/components/object-selector/object-selector.tsx"],"sourcesContent":["import { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\nimport { ObjectType, GxOption } from \"../../common/types\";\n// - - - - - - - - - - - -\n// Data Mappings\n// - - - - - - - - - - - -\n\n// ch-combo-box-render\n\nexport const mapObjectTypeToComboBoxItemModel = (\n  objectTypeModel: ObjectType[]\n): ComboBoxModel =>\n  objectTypeModel.map(objectType => ({\n    value: objectType.id,\n    caption: objectType.name\n  }));\nexport const mapCategoryToComboBoxItemModel = (\n  categoryModel: GxOption[]\n): ComboBoxModel =>\n  categoryModel.map(category => ({\n    value: category.id,\n    caption: category.label\n  }));\n","@import \"../../../node_modules/@genexus/mercury/dist/assets/scss/helpers.scss\"; // for the tabular-grid-cell-layout mixin\n\n:host {\n  block-size: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n/* Filters */\n.filter-layout {\n  grid-template:\n    \"pattern type\"\n    \"category module\"\n    \"modified modified\";\n  grid-template-columns: 1fr 1fr;\n}\n.pattern {\n  grid-area: pattern;\n}\n.type {\n  grid-area: type;\n}\n.category {\n  grid-area: category;\n}\n.module {\n  grid-area: module;\n}\n.modified-accordion {\n  grid-area: modified;\n  display: flex;\n  flex-direction: column;\n}\n.field-group-modified {\n  grid-template-columns: 1fr 1fr 1fr;\n}\n.input-date-time {\n  // TODO: Mercury controls block-size should be defined by a variable,\n  // instead of the sum of the font-size + line-height + padding-block.\n  // once this is updated, the block-size defined bellow should not be\n  // required anymore.\n\n  block-size: calc(\n    var(--control__font-size--regular) * var(--control__line-height) +\n      var(--control__padding-block) * 2 + var(--control__border-width) * 2\n  );\n}\n\ngx-ide-container::part(content) {\n  // only apply display grid when the loader is being displayed, to stretch the container.\n  display: grid;\n}\n\n/*tabular grid*/\nch-tabular-grid {\n  overflow: auto;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".tabular-grid-object-selector\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    5\n  )\n);\n\n// Objects Table\n.objects-count {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  border-block-start: var(--mer-border__width--sm) solid\n    var(--mer-color__elevation--04);\n}\n.objects-selected,\n.objects-matching {\n  padding-block-end: var(--mer-spacing--xs);\n}\n\nch-tabular-grid-rowset-empty {\n  position: relative; // makes this the bounder element for the loader\n}\n\nch-tabular-grid.empty-result::part(main) {\n  // WA to avoid scrollbar flickering when displaying the empty-state message\n  overflow: hidden;\n}\n\ninput::-webkit-datetime-edit-fields-wrapper {\n  // WA remove padding to force this input block-size to be the same as other\n  // mercury controls block size.\n  padding: none;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  AccordionModel,\n  ComboBoxModel,\n  TabularGridSelectionChangedEvent\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\nimport { EntityData, GxOption, ObjectType } from \"../../common/types\";\nimport { formatDate } from \"../../common/helpers\";\nimport {\n  mapObjectTypeToComboBoxItemModel,\n  mapCategoryToComboBoxItemModel\n} from \"./helpers\";\nimport { FILTER_AFTER, FilterAfterValue } from \"../../common/constants\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/form--full\",\n  \"components/accordion\",\n  \"components/tabular-grid\",\n  \"utils/typography\",\n  \"utils/layout\",\n  \"utils/spacing\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-elevation\"\n});\n\nconst MODIFIED_ACCORDION_MODEL: AccordionModel = [\n  {\n    id: \"modified\",\n    caption: \"Modified\",\n    expanded: false\n  }\n];\n\nlet TODAY: string = null;\n\n@Component({\n  tag: \"gx-ide-object-selector\",\n  styleUrl: \"object-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/object-selector\"]\n})\nexport class GxIdeObjectSelector {\n  #componentLocale: any;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/object-selector/shortcuts.json`\n  );\n\n  #afterModel: ComboBoxModel = null;\n\n  @Element() el: HTMLGxIdeObjectSelectorElement;\n\n  /* References needed to collect data */\n  #patternInput!: HTMLChEditElement;\n  #typeComboBox!: HTMLChComboBoxRenderElement;\n  #categoryComboBox!: HTMLChComboBoxRenderElement;\n  #moduleEntitySelector!: HTMLGxIdeEntitySelectorElement;\n  #afterTypeComboBox!: HTMLChComboBoxRenderElement;\n  #userInput!: HTMLChEditElement;\n  #modifiedDateInput!: HTMLInputElement;\n  #objectsGrid!: HTMLChTabularGridElement;\n  #shortcutsEl: HTMLChShortcutsElement;\n\n  /**\n   * For show or hide the filters relative to modifiers\n   */\n  @State() filterModified = false;\n\n  /**\n   * True if loadCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = false;\n\n  /**\n   * The \"modified after\" value\n   */\n  @State() modifiedAfterValue: FilterAfterValue;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ObjectData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIdsArray: string[] = [];\n\n  /**\n   * Callback invoked when the user wishes to cancel the selection of objects.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * The categories render in the filter category selector\n   */\n  @Prop() readonly categories!: GxOption[];\n\n  /**\n   * The default id value for the category filter\n   */\n  @Prop() readonly defaultCategory: string;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * The default value for the type filter\n   */\n  @Prop() readonly defaultType: string;\n\n  /**\n   * If true, it will display a loader when needed.\n   */\n  @Prop() readonly loader = false;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadCallback!: LoadCallback;\n\n  /**\n   * True if multiple object selection is allowed. Default is 'True'\n   */\n  @Prop() readonly multiSelection: boolean = false;\n\n  /**\n   * Callback invoked when the user presses the 'New' button.\n   */\n  @Prop() readonly newObjectCallback!: NewObjectCallback;\n\n  /**\n   * This is a function provided by the developer for expanded the data of object that is double-clicked or entered.\n   */\n  @Prop() readonly openSelectionCallback!: OpenSelectionCallback;\n\n  /**\n   * Current value of the input pattern. It is also used to set the default value when initializing the component\n   */\n  @Prop() readonly patternValue: string;\n\n  /**\n   * Callback invoked when the action is executed in the Module/Folder filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.\n   */\n  @Prop() readonly selectModuleCallback: SelectModuleCallback;\n\n  /**\n   * The types render in the filter type selector\n   */\n  @Prop() readonly types!: ObjectType[];\n\n  async connectedCallback() {\n    TODAY = this.#getToday();\n  }\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.#setAfterOptions();\n    this.#setAfterDefaultValue();\n  }\n\n  componentDidLoad() {\n    this.#refreshUIWithNewConfiguration();\n    this.#patternInput.focus();\n  }\n\n  componentDidRender() {}\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#shortcutsEl.suspend = true;\n    } else {\n      this.#shortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  #cancelCallbackHandler = (): void => {\n    this.cancelCallback();\n  };\n\n  #chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.#openSelectionCallbackHandler(e);\n    }\n  };\n\n  #deselectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows(false);\n  };\n\n  #evaluateObjectsCount = (type: \"selected\" | \"matching\"): string => {\n    const locale = this.#componentLocale;\n\n    if (type === \"selected\") {\n      if (this.selectedObjectsIdsArray.length === 0) {\n        return locale.objCount.selected.none;\n      }\n      if (this.selectedObjectsIdsArray.length === 1) {\n        return `1 ${locale.objCount.selected.one}`;\n      }\n      return `${this.selectedObjectsIdsArray.length} ${locale.objCount.selected.many}`;\n    }\n\n    // type === \"matching\"\n    if (this.objects.length === 0) {\n      return locale.objCount.matching.none;\n    }\n    if (this.objects.length === 1) {\n      return `1 ${locale.objCount.matching.one}`;\n    }\n    return `${this.objects.length} ${locale.objCount.matching.many}`;\n  };\n\n  #getToday = (): string => {\n    const now = new Date();\n    const date = now.toISOString().split(\"T\")[0];\n    const time = now.toISOString().split(\"T\")[1].slice(0, 5); // Only take 'HH:MM' part\n    return `${date}T${time}`;\n  };\n\n  #handleAfterValueChange = (event: CustomEvent<string> | InputEvent) => {\n    this.modifiedAfterValue = event.detail as FilterAfterValue;\n    if (\n      this.modifiedAfterValue !== FILTER_AFTER.DATE_TIME ||\n      (this.modifiedAfterValue === FILTER_AFTER.DATE_TIME &&\n        this.#modifiedDateInput.value)\n    ) {\n      // if \"modified\" is \"after date/time\" only refresh ui if date/time is valid.\n      this.#refreshUIWithNewConfiguration();\n    }\n  };\n\n  #handleObjectsSelectionChange = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    this.selectedObjectsIdsArray = event.detail.rowsId;\n  };\n\n  #hostKeyPressHandler = (e: KeyboardEvent) => {\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  #newObjectCallbackHandler = (): void => {\n    this.newObjectCallback();\n  };\n\n  #openSelectionCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.openSelectionCallback(this.selectedObjectsIdsArray);\n  };\n\n  #refreshUIWithNewConfiguration = (): void => {\n    /* 'modified' checkbox, should only be considered if 'date' || 'user' */\n    const modifiedAfter = this.#afterTypeComboBox.value;\n    const user = this.#userInput?.value?.trim();\n    const filters: ObjectFiltersData = {\n      pattern: this.#patternInput?.value,\n      type: this.#typeComboBox.value,\n      category: this.#categoryComboBox.value,\n      module: this.#moduleEntitySelector?.value?.id,\n      modifiedAfter: modifiedAfter ? modifiedAfter : null,\n      modifiedBy: user ? user : null,\n      modifiedDate:\n        modifiedAfter === FILTER_AFTER.DATE_TIME\n          ? new Date(this.#modifiedDateInput?.value)\n          : null\n    };\n    this.loading = true;\n    this.objects = [];\n    this.loadCallback(filters).then((objects: ObjectData[]) => {\n      if (objects) {\n        this.objects = this.#sortObjectsByName(objects);\n      }\n      this.selectedObjectsIdsArray = [];\n      this.#deselectAll();\n      this.loading = false;\n    });\n  };\n\n  #renderFilter = (): Element => {\n    return (\n      <header class=\"control-header spacing-body-inline spacing-body-block-start\">\n        <form class=\"field-group filter-layout\">\n          <div class=\"field field-block pattern\">\n            <label\n              // pattern\n              class=\"label\"\n              htmlFor=\"pattern\"\n            >\n              {this.#componentLocale.filter.pattern}\n            </label>\n\n            <ch-edit\n              accessibleName={this.#componentLocale.filter.pattern}\n              debounce={config.inputDebounce}\n              class=\"input\"\n              part=\"filter-pattern\"\n              id=\"pattern\"\n              name=\"pattern\"\n              value={this.patternValue}\n              mode=\"text\"\n              ref={(el: HTMLChEditElement) =>\n                (this.#patternInput = el as HTMLChEditElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-edit>\n          </div>\n\n          <div class=\"field field-block type\">\n            <label\n              // type\n              class=\"label\"\n              htmlFor=\"type\"\n            >\n              {this.#componentLocale.filter.type}\n            </label>\n            <ch-combo-box-render\n              accessibleName={this.#componentLocale.filter.type}\n              class=\"combo-box\"\n              disabled={!this.types}\n              value={this.defaultType}\n              part=\"filter-type\"\n              id=\"type\"\n              model={mapObjectTypeToComboBoxItemModel(this.types)}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#typeComboBox = el as HTMLChComboBoxRenderElement)\n              }\n              onInput={this.#refreshUIWithNewConfiguration}\n            ></ch-combo-box-render>\n          </div>\n\n          <div class=\"field field-block category\">\n            <label\n              // category\n              class=\"label\"\n              htmlFor=\"category\"\n            >\n              {this.#componentLocale.filter.category}\n            </label>\n            <ch-combo-box-render\n              id=\"category\"\n              class=\"combo-box\"\n              accessibleName={this.#componentLocale.filter.category}\n              disabled={!this.categories}\n              model={mapCategoryToComboBoxItemModel(this.categories)}\n              value={this.defaultCategory}\n              part=\"filter-category\"\n              onInput={this.categories && this.#refreshUIWithNewConfiguration}\n              ref={(el: HTMLChComboBoxRenderElement) =>\n                (this.#categoryComboBox = el as HTMLChComboBoxRenderElement)\n              }\n            ></ch-combo-box-render>\n          </div>\n\n          <gx-ide-entity-selector\n            // module\n            class=\"module\"\n            id=\"module\"\n            value={this.defaultModule}\n            ref={(el: HTMLGxIdeEntitySelectorElement) =>\n              (this.#moduleEntitySelector =\n                el as HTMLGxIdeEntitySelectorElement)\n            }\n            labelCaption={this.#componentLocale.filter.module}\n            labelPosition=\"block-start\"\n            onValueChanged={this.#refreshUIWithNewConfiguration}\n            defaultValue={this.defaultModule}\n            selectEntityCallback={this.selectModuleCallback}\n          ></gx-ide-entity-selector>\n\n          <ch-accordion-render\n            // modified\n            class=\"accordion-outlined modified-accordion\"\n            model={MODIFIED_ACCORDION_MODEL}\n          >\n            <div slot=\"modified\" class=\"spacing-body\">\n              <div class=\"field-group field-group-modified\">\n                <div class=\"field field-block after\">\n                  <label\n                    // after\n                    class=\"label\"\n                    htmlFor=\"after-type\"\n                  >\n                    {this.#componentLocale.filter.after}\n                  </label>\n                  <ch-combo-box-render\n                    class=\"combo-box\"\n                    value={this.modifiedAfterValue}\n                    part=\"filter-after-type\"\n                    id=\"after-type\"\n                    model={this.#afterModel}\n                    ref={(el: HTMLChComboBoxRenderElement) =>\n                      (this.#afterTypeComboBox =\n                        el as HTMLChComboBoxRenderElement)\n                    }\n                    onInput={this.#handleAfterValueChange}\n                  ></ch-combo-box-render>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // user\n                    class=\"label\"\n                    htmlFor=\"user-name\"\n                  >\n                    {this.#componentLocale.filter.user}\n                  </label>\n                  <ch-edit\n                    class=\"input\"\n                    part=\"filter-user\"\n                    value={this.patternValue}\n                    ref={(el: HTMLChEditElement) =>\n                      (this.#userInput = el as HTMLChEditElement)\n                    }\n                    id=\"user-name\"\n                    name=\"userName\"\n                    startImgSrc={USER_ICON}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></ch-edit>\n                </div>\n\n                <div class=\"field field-block\">\n                  <label\n                    // date\n                    class={{\n                      \"label\": true,\n                      \"label--disabled\":\n                        this.modifiedAfterValue !== \"afterDateTime\"\n                    }}\n                    htmlFor=\"modified-date\"\n                  >\n                    {this.#componentLocale.filter.dateTime}\n                  </label>\n\n                  <input\n                    type=\"datetime-local\"\n                    class=\"input input-date-time\"\n                    id=\"modified-date\"\n                    name=\"modifiedDate\"\n                    part=\"filter-pattern\"\n                    value={this.patternValue}\n                    max={TODAY}\n                    ref={(el: HTMLInputElement) =>\n                      (this.#modifiedDateInput = el as HTMLInputElement)\n                    }\n                    disabled={this.modifiedAfterValue !== \"afterDateTime\"}\n                    onInput={this.#refreshUIWithNewConfiguration}\n                  ></input>\n                </div>\n              </div>\n            </div>\n          </ch-accordion-render>\n        </form>\n      </header>\n    );\n  };\n\n  #renderFooter = (): Element => {\n    return (\n      <footer class=\"footer control-footer-space-between\">\n        <div\n          class=\"control-footer control-footer-space-between objects-count spacing-body-inline\"\n          slot=\"footer-above\"\n        >\n          <p class=\"body-regular-s objects-selected\" part=\"objects-selected\">\n            {this.#evaluateObjectsCount(\"selected\")}\n          </p>\n          <p class=\"body-regular-s objects-matching\" part=\"objects-matching\">\n            {this.#evaluateObjectsCount(\"matching\")}\n          </p>\n        </div>\n\n        <div class=\"control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end\">\n          <button\n            // button new object\n            class=\"button-secondary\"\n            part=\"button button-new\"\n            onClick={!this.loading ? this.#newObjectCallbackHandler : undefined}\n            disabled={this.loading}\n          >\n            {this.#componentLocale.footer.btnNew}\n          </button>\n          <div class=\"end buttons-spacer\">\n            <button\n              // button cancel\n              class=\"button-secondary\"\n              part=\"button button-cancel\"\n              onClick={this.#cancelCallbackHandler}\n            >\n              {this.#componentLocale.footer.btnCancel}\n            </button>\n            <button\n              // button confirm\n              class=\"button-primary\"\n              part=\"button button-confirm\"\n              onClick={this.#openSelectionCallbackHandler}\n              disabled={this.loading}\n            >\n              {this.#componentLocale.footer.btnConfirm}\n            </button>\n            {this.multiSelection ? (\n              <button\n                class=\"button-secondary\"\n                onClick={this.#selectAll}\n                part=\"button button-select-all\"\n              >\n                {this.#componentLocale.footer.btnSelectAll}\n              </button>\n            ) : null}\n          </div>\n        </div>\n      </footer>\n    );\n  };\n\n  #renderObjects = (): Element => {\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"tabular-grid-object-selector\": true,\n          \"empty-result\": this.objects.length === 0\n        }}\n        rowSelectionMode={this.multiSelection ? \"multiple\" : \"single\"}\n        ref={(el: HTMLChTabularGridElement) => (this.#objectsGrid = el)}\n        part=\"ch-grid-objects\"\n        onKeyDown={this.#chGridKeyDownHandler}\n        onSelectionChanged={this.#handleObjectsSelectionChange}\n        onDblClick={this.#openSelectionCallbackHandler}\n      >\n        <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n          <ch-tabular-grid-column\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.name}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.type}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.module}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.description}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.commonDouble}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.modifiedDate}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.importDate}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.maxContent}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {this.objects.length ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: ObjectData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                key={obj.id}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image src={obj.icon} class=\"icon-md\"></ch-image>\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.name}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.type}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.module}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {obj.description}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.modifiedDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  {`${formatDate(obj.importDate, \"date-time\")}`}\n                </ch-tabular-grid-cell>\n              </ch-tabular-grid-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {this.loader && this.loading ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  stateIconSrc={FILTER_ICON}\n                  stateTitle={this.#componentLocale.emptyState.title}\n                ></gx-ide-empty-state>\n              )}\n            </ch-tabular-grid-rowset-empty>\n          </ch-tabular-grid-rowset>\n        )}\n      </ch-tabular-grid>\n    );\n  };\n\n  #selectAll = (): void => {\n    (this.#objectsGrid as any).selectAllRows();\n  };\n\n  #setAfterDefaultValue = (): void => {\n    this.modifiedAfterValue = FILTER_AFTER.NONE;\n  };\n\n  #setAfterOptions = (): void => {\n    this.#afterModel = [\n      {\n        caption: this.#componentLocale.filter.afterNone,\n        value: FILTER_AFTER.NONE\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.DATE_TIME],\n        value: FILTER_AFTER.DATE_TIME\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.IMPORT],\n        value: FILTER_AFTER.IMPORT\n      },\n      {\n        caption: this.#componentLocale.filter[FILTER_AFTER.LAST_BUILD],\n        value: FILTER_AFTER.LAST_BUILD\n      }\n    ];\n  };\n\n  #sortObjectsByName = (objects: ObjectData[]): ObjectData[] => {\n    return objects.sort((a, b) => {\n      const nameA = a.name.toLowerCase(),\n        nameB = b.name.toLowerCase();\n      if (nameA < nameB) {\n        return -1;\n      }\n      if (nameA > nameB) {\n        return 1;\n      }\n      return 0;\n    });\n  };\n\n  render(): void {\n    return (\n      <Host onKeyPress={this.#hostKeyPressHandler} class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#shortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          {this.#renderFilter()}\n          {this.#renderObjects()}\n          {this.#renderFooter()}\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewObjectCallback = () => Promise<void>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectModuleCallback = () => Promise<EntityData | undefined>;\n\nexport type OpenSelectionCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadCallback = (\n  filters: ObjectFiltersData\n) => Promise<ObjectData[]>;\n\nexport type ObjectFiltersData = {\n  pattern?: string;\n  type: string;\n  category?: string;\n  module?: string;\n  modifiedAfter?: string;\n  modifiedBy?: string;\n  modifiedDate?: Date;\n};\n\nexport type ObjectData = {\n  id: string;\n  icon: string;\n  name: string;\n  type: string;\n  description: string;\n  module: string;\n  modifiedDate?: Date;\n  importDate?: Date;\n};\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-eb51429c.entry.js

@@ -0,0 +1,317 @@
+import { g as e, r as t, h as n, H as a } from "./p-25a9f1d7.js";
+
+import { m as s } from "./p-3edbf07d.js";
+
+import "./p-48f5911b.js";
+
+const o = "{{ASSISTANT_NAME}}";
+
+let i;
+
+const r = `\n###### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (\` \`\`\` \`) or three tildes (\`~~~\`) on the lines before and after the code block.\n\n\`\`\`\n{\n  "firstName": "John",\n  "lastName": "Smith",\n  "age": 25\n}\n\`\`\`\n\nAnother way to create code blocks is to indent every line of the block by at least four spaces or one tab.\n\n    <html>\n      <head>\n      </head>\n    </html>\n\n\n###### Syntax Highlighting {#syntax-highlighting}\nThis feature allows you to add color highlighting for whatever language your code was written in.\nTo add syntax highlighting, specify a language next to the backticks before the fenced code block.\n\n\`\`\`json\n{\n  "firstName": "John",\n  "lastName": "Smith",\n  "age": 25\n}\n\`\`\`\n\n\`\`\`javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Markdown from 'react-markdown'\nimport rehypeHighlight from 'rehype-highlight'\n\nconst markdown = \`\n# Your markdown here\n\`\n\nReactDOM.render(\n  <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,\n  document.querySelector('#content')\n)\n\`\`\`\n\n###### Horizontal Rules {#horizontal-rules}\nTo create a horizontal rule, use three or more asterisks (\`***\`), dashes (\`---\`), or underscores (\`___\`) on a line by themselves.\n`;
+
+const c = `\n###### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (\` \`\`\` \`) or three tildes (\`~~~\`) on the lines before and after the code block.\n\n\`\`\`json\n{\n  "firstName": "John",\n  "lastName": "Smith",\n  "age": 25\n}\n\`\`\`\n`;
+
+const sendChatToLLM = e => () => {
+  console.log("dsa");
+  e.generatingResponse = true;
+  e.addNewMessage({
+    id: `${(new Date).getTime()}`,
+    role: "assistant",
+    content: "Analyzing",
+    status: "waiting"
+  });
+  i = setTimeout((() => {
+    e.updateLastMessage({
+      role: "assistant",
+      content: "Processing with Chat with LLMs",
+      status: "waiting"
+    }, "replace");
+    i = setTimeout((() => {
+      dummyStreaming(e, 20, r, "replace");
+    }), 1e4);
+  }), 2e4);
+};
+
+const chatCallbacksWithChatRef = e => ({
+  clear: () => new Promise((e => e())),
+  sendChatToLLM: sendChatToLLM(e),
+  uploadImage: () => new Promise((e => e(""))),
+  stopGeneratingAnswer: () => {
+    clearTimeout(i);
+    e.updateLastMessage({
+      role: "assistant",
+      content: "",
+      status: "complete"
+    }, "concat");
+    return new Promise((e => setTimeout((() => e), 10)));
+  }
+});
+
+function dummyStreaming(e, t, n, a) {
+  i = setTimeout((() => {
+    const s = t >= n.length;
+    e.updateLastMessage({
+      role: "assistant",
+      content: n.substring(t - 20, t),
+      // {
+      //   message: stringToDisplay.substring(counter - 20, counter),
+      //   files: streamingCompleted
+      //     ? [
+      //         {
+      //           url: "https://next.genexus.ai",
+      //           caption: "Mars Exploration Contract"
+      //         },
+      //         {
+      //           url: "https://gx-chameleon.netlify.app",
+      //           caption: "Venus Exploration Contract"
+      //         }
+      //       ]
+      //     : undefined
+      // },
+      status: s ? "complete" : "streaming"
+    }, a);
+    if (!s) {
+      dummyStreaming(e, t + 20, n, "concat");
+    } else {
+      e.generatingResponse = false;
+    }
+  }), t % 200 === 0 ? 50 : 40);
+}
+
+const d = {
+  accessibleName: {
+    clearChat: "Clear chat",
+    copyResponseButton: "Copy assistant response",
+    downloadCodeButton: "Download code",
+    imagePicker: "Select images",
+    removeUploadedImage: "Remove uploaded image",
+    sendButton: "Send",
+    sendInput: "Message",
+    stopGeneratingAnswerButton: "Stop generating answer"
+  },
+  placeholder: {
+    sendInput: "Ask me a question..."
+  },
+  text: {
+    copyCodeButton: "Copy code",
+    processing: `Processing with ${o}`,
+    sourceFiles: "Source files:"
+  }
+};
+
+Array.from({
+  length: 40
+}, ((e, t) => t % 2 === 0 ? {
+  id: `index: ${t}`,
+  role: "user",
+  content: `index: ${t}` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n`
+} : {
+  id: `index: ${t}`,
+  role: "assistant",
+  content: c + `\nindex: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n`
+}));
+
+const l = [ {
+  id: "1",
+  role: "user",
+  content: "Please give me an example about...",
+  metadata: "14:55"
+}, {
+  id: "2",
+  role: "assistant",
+  status: "complete",
+  content: "Action required example. Action required example. Action required example.",
+  metadata: "14:56"
+}, {
+  id: "3",
+  role: "assistant",
+  status: "complete",
+  content: "Some fields contain missing or invalid data, which may prevent the process from completing correctly. Review your input carefully and make any necessary corrections before continuing.",
+  metadata: "14:57",
+  parts: "warning"
+}, {
+  id: "4",
+  role: "error",
+  content: "An unexpected error occurred while processing your request, and the operation couldn’t be completed.Please check your internet connection or try again later. If the problem persists, contact support.",
+  metadata: "14:58"
+}, {
+  id: "5",
+  role: "assistant",
+  status: "complete",
+  content: "Your information has been saved successfully, and all changes are now reflected in your account. You can continue with the next steps or return to the dashboard at any time.",
+  metadata: "14:59",
+  parts: "success"
+}, {
+  id: "6",
+  role: "user",
+  content: "Implement the function calculate_average_grade in grades.py that takes a list of grades as input and returns the average grade as a floating-point number",
+  metadata: "15:00"
+}, {
+  id: "7",
+  role: "assistant",
+  status: "complete",
+  content: "You can provide further details or updates regarding your support ticket and its associated code. Your input here helps us better understand and address your issue effectively.",
+  metadata: "15:01"
+}, {
+  id: "8",
+  role: "assistant",
+  status: "waiting",
+  content: "You can provide further details or updates"
+}, {
+  id: "9",
+  role: "assistant",
+  status: "complete",
+  content: c
+} ];
+
+const h = ":host{block-size:100%;display:grid}";
+
+var u = undefined && undefined.__classPrivateFieldGet || function(e, t, n, a) {
+  if (n === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return n === "m" ? a : n === "a" ? a.call(e) : a ? a.value : t.get(e);
+};
+
+var m = undefined && undefined.__classPrivateFieldSet || function(e, t, n, a, s) {
+  if (a === "m") throw new TypeError("Private method is not writable");
+  if (a === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !s : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return a === "a" ? s.call(e, n) : s ? s.value = n : t.set(e, n), n;
+};
+
+var p, g, f, w, y, b, k;
+
+const v = e(`./gx-ide-assets/chat-welcome/images/ai-avatar.svg`);
+
+const x = [ "resets/box-sizing", "utils/elevation", "components/chat" ];
+
+const T = class {
+  constructor(e) {
+    t(this, e);
+    p.set(this, void 0);
+    g.set(this, void 0);
+    f.set(this, void 0);
+    w.set(this, void 0);
+    y.set(this, (() => {
+      u(this, p, "f").showCopyConversationMessage();
+    }));
+    b.set(this, (() => {}));
+    k.set(this, (async e => {
+      let t;
+      if (e.toLowerCase().includes("transaction")) {
+        t = 'To create a transaction in GeneXus, start by opening your KB (Knowledge Base) and selecting "Transaction" from the "New Object" options. Give it a name and define its attributes, starting with a primary key followed by the related data fields. GeneXus will automatically infer the data structure and relationships based on how you define the attributes and their nesting. Once saved, it generates the necessary database tables and forms for inserting, updating, and deleting records. You can then run the application to test the transaction directly in your browser.';
+      } else if (e.toLowerCase().includes("entity")) {
+        t = 'In GeneXus, creating an entity usually means defining a Transaction object that represents a real-world concept like "Customer" or "Product." To do this, create a new Transaction, name it after the entity, and define its attributes—starting with a unique identifier (like CustomerId) and then adding other fields (like CustomerName, CustomerEmail). GeneXus treats this Transaction as an entity and uses it to generate the corresponding table and interface automatically.';
+      } else {
+        t = "Sorry, I didn’t catch that—mind rephrasing it? 😅";
+      }
+      const n = {
+        id: "1",
+        role: "user",
+        content: e
+      };
+      u(this, f, "f").addNewMessage(n);
+      setTimeout((() => {
+        u(this, f, "f").addNewMessage({
+          id: `${(new Date).getTime()}`,
+          role: "assistant",
+          content: "Analyzing",
+          status: "waiting"
+        });
+        setTimeout((() => {
+          u(this, f, "f").updateLastMessage({
+            role: "assistant",
+            content: "Processing with Chat with LLMs",
+            status: "waiting"
+          }, "replace");
+          setTimeout((() => {
+            u(this, f, "f").updateLastMessage({
+              role: "assistant",
+              content: "Getting information",
+              status: "waiting"
+            }, "replace");
+            u(this, f, "f").updateLastMessage({
+              role: "assistant",
+              content: t,
+              status: "complete"
+            }, "replace");
+          }), 1500);
+        }), 1500);
+      }), 100);
+    }));
+    this.mode = "messages-sample";
+    this.generatingResponse = false;
+    this.loadingState = "all-records-loaded";
+    this.showAdditionalContent = false;
+    this.conversationCopied = false;
+    this.assistantStatus = "Getting Data";
+    this.chatItems = [];
+  }
+  /**
+     * It will exit the wellcome screen and remove it from the dom.
+     */  async exitWelcome() {
+    // hand exitWelcome to gx-ide-chat-welcome
+    u(this, g, "f").exitWelcome();
+  }
+  componentDidLoad() {
+    setTimeout((() => {
+      this.assistantStatus = "Creating Data Base..";
+    }), 1e3);
+  }
+  componentDidRender() {
+    if (!u(this, w, "f") && u(this, f, "f")) {
+      m(this, w, chatCallbacksWithChatRef(u(this, f, "f")), "f");
+    }
+  }
+  async componentWillLoad() {
+    if (this.mode === "messages-sample") {
+      this.chatItems = l;
+    } else if (this.mode === "welcome") {
+      this.chatItems = [];
+    } else if (this.mode === "empty") {
+      this.chatItems = [ {
+        id: "1",
+        role: "assistant",
+        status: "complete",
+        content: "Hello! I am your assistant.",
+        metadata: "14:56"
+      } ];
+    }
+  }
+  render() {
+    return n(a, null, n("ch-theme", {
+      model: x
+    }), n("gx-ide-chat-container", {
+      chatTitle: "GeneXus Assistant",
+      copyConversationCallback: u(this, y, "f"),
+      deleteConversationCallback: u(this, b, "f"),
+      ref: e => m(this, p, e, "f"),
+      class: "elevation-1"
+    }, n("ch-chat", {
+      callbacks: u(this, w, "f"),
+      class: "chat",
+      generatingResponse: this.generatingResponse,
+      loadingState: this.loadingState,
+      renderItem: s("components/markdown-viewer", v, "Nexa"),
+      items: this.chatItems,
+      showAdditionalContent: this.showAdditionalContent,
+      translations: d,
+      ref: e => m(this, f, e, "f")
+    }, n("gx-ide-chat-welcome", {
+      ref: e => m(this, g, e, "f"),
+      slot: "empty-chat",
+      suggestedPrompRequestedCallback: u(this, k, "f")
+    }), n("div", {
+      slot: "additional-content"
+    }, "Custom content that is rendered when the chat renders content"))));
+  }
+};
+
+p = new WeakMap, g = new WeakMap, f = new WeakMap, w = new WeakMap, y = new WeakMap, 
+b = new WeakMap, k = new WeakMap;
+
+T.style = h;
+
+export { T as gx_ide_sc_chat_container };
+//# sourceMappingURL=p-eb51429c.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PROCESSING_PLACEHOLDER","timeOut","ASSISTANT_RESPONSE_MARKDOWN","ASSISTANT_RESPONSE_SHORT_MARKDOWN","sendChatToLLM","chatRef","console","log","generatingResponse","addNewMessage","id","Date","getTime","role","content","status","setTimeout","updateLastMessage","dummyStreaming","chatCallbacksWithChatRef","chChatRef","clear","Promise","resolve","uploadImage","stopGeneratingAnswer","clearTimeout","counter","stringToDisplay","mode","streamingCompleted","length","substring","chatTranslations","accessibleName","clearChat","copyResponseButton","downloadCodeButton","imagePicker","removeUploadedImage","sendButton","sendInput","stopGeneratingAnswerButton","placeholder","text","copyCodeButton","processing","sourceFiles","Array","from","_","index","codeFixerRecord","metadata","parts","chatShowcaseCss","AI_AVATAR","getAssetPath","CSS_BUNDLES","GxIdeScChatContainer","_GxIdeScChatContainer_chatContainerRef","set","this","_GxIdeScChatContainer_chatWelcomeRef","_GxIdeScChatContainer_chChatRef","_GxIdeScChatContainer_chatCallbacks","_GxIdeScChatContainer_copyConversationCallbackHandler","__classPrivateFieldGet","showCopyConversationMessage","_GxIdeScChatContainer_deleteConversationCallbackHandler","_GxIdeScChatContainer_suggestedPrompRequestedCallbackHandler","async","prompt","assistantFinalResponse","toLowerCase","includes","userPrompt","exitWelcome","componentDidLoad","assistantStatus","componentDidRender","__classPrivateFieldSet","componentWillLoad","chatItems","render","h","Host","model","chatTitle","copyConversationCallback","deleteConversationCallback","ref","el","class","callbacks","loadingState","renderItem","mercuryChatMessageRender","items","showAdditionalContent","translations","slot","suggestedPrompRequestedCallback"],"sources":["src/showcase/chat-container/callbacks.ts","src/showcase/chat-container/chat-showcase.scss?tag=gx-ide-sc-chat-container&encapsulation=shadow","src/showcase/chat-container/chat.showcase.tsx"],"sourcesContent":["import {\n  ChatInternalCallbacks,\n  ChatMessage,\n  ChatTranslations\n} from \"@genexus/chameleon-controls-library\";\n\nconst PROCESSING_PLACEHOLDER = \"{{ASSISTANT_NAME}}\";\n\nlet timeOut: NodeJS.Timeout;\n\nconst ASSISTANT_RESPONSE_MARKDOWN = `\n###### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (\\` \\`\\`\\` \\`) or three tildes (\\`~~~\\`) on the lines before and after the code block.\n\n\\`\\`\\`\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n\\`\\`\\`\n\nAnother way to create code blocks is to indent every line of the block by at least four spaces or one tab.\n\n    <html>\n      <head>\n      </head>\n    </html>\n\n\n###### Syntax Highlighting {#syntax-highlighting}\nThis feature allows you to add color highlighting for whatever language your code was written in.\nTo add syntax highlighting, specify a language next to the backticks before the fenced code block.\n\n\\`\\`\\`json\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n\\`\\`\\`\n\n\\`\\`\\`javascript\nimport React from 'react'\nimport ReactDOM from 'react-dom'\nimport Markdown from 'react-markdown'\nimport rehypeHighlight from 'rehype-highlight'\n\nconst markdown = \\`\n# Your markdown here\n\\`\n\nReactDOM.render(\n  <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,\n  document.querySelector('#content')\n)\n\\`\\`\\`\n\n###### Horizontal Rules {#horizontal-rules}\nTo create a horizontal rule, use three or more asterisks (\\`***\\`), dashes (\\`---\\`), or underscores (\\`___\\`) on a line by themselves.\n`;\n\nconst ASSISTANT_RESPONSE_SHORT_MARKDOWN = `\n###### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (\\` \\`\\`\\` \\`) or three tildes (\\`~~~\\`) on the lines before and after the code block.\n\n\\`\\`\\`json\n{\n  \"firstName\": \"John\",\n  \"lastName\": \"Smith\",\n  \"age\": 25\n}\n\\`\\`\\`\n`;\n\nconst sendChatToLLM = (chatRef: HTMLChChatElement) => () => {\n  console.log(\"dsa\");\n  chatRef.generatingResponse = true;\n\n  chatRef.addNewMessage({\n    id: `${new Date().getTime()}`,\n    role: \"assistant\",\n    content: \"Analyzing\",\n    status: \"waiting\"\n  });\n\n  timeOut = setTimeout(() => {\n    chatRef.updateLastMessage(\n      {\n        role: \"assistant\",\n        content: \"Processing with Chat with LLMs\",\n        status: \"waiting\"\n      },\n      \"replace\"\n    );\n\n    timeOut = setTimeout(() => {\n      dummyStreaming(chatRef, 20, ASSISTANT_RESPONSE_MARKDOWN, \"replace\");\n    }, 10000);\n  }, 20000);\n};\n\nexport const chatCallbacksWithChatRef = (\n  chChatRef: HTMLChChatElement\n): ChatInternalCallbacks => {\n  return {\n    clear: () => new Promise(resolve => resolve()),\n    sendChatToLLM: sendChatToLLM(chChatRef),\n    uploadImage: () => new Promise(resolve => resolve(\"\")),\n    stopGeneratingAnswer: () => {\n      clearTimeout(timeOut);\n\n      chChatRef.updateLastMessage(\n        {\n          role: \"assistant\",\n          content: \"\",\n          status: \"complete\"\n        },\n        \"concat\"\n      );\n\n      return new Promise(resolve => setTimeout(() => resolve, 10));\n    }\n  };\n};\n\nfunction dummyStreaming(\n  chatRef: HTMLChChatElement,\n  counter: number,\n  stringToDisplay: string,\n  mode: \"concat\" | \"replace\"\n) {\n  timeOut = setTimeout(\n    () => {\n      const streamingCompleted = counter >= stringToDisplay.length;\n\n      chatRef.updateLastMessage(\n        {\n          role: \"assistant\",\n          content: stringToDisplay.substring(counter - 20, counter),\n\n          // {\n          //   message: stringToDisplay.substring(counter - 20, counter),\n          //   files: streamingCompleted\n          //     ? [\n          //         {\n          //           url: \"https://next.genexus.ai\",\n          //           caption: \"Mars Exploration Contract\"\n          //         },\n          //         {\n          //           url: \"https://gx-chameleon.netlify.app\",\n          //           caption: \"Venus Exploration Contract\"\n          //         }\n          //       ]\n          //     : undefined\n          // },\n          status: streamingCompleted ? \"complete\" : \"streaming\"\n        },\n        mode\n      );\n\n      if (!streamingCompleted) {\n        dummyStreaming(chatRef, counter + 20, stringToDisplay, \"concat\");\n      } else {\n        chatRef.generatingResponse = false;\n      }\n    },\n    counter % 200 === 0 ? 50 : 40\n  );\n}\n\nexport const chatTranslations: ChatTranslations = {\n  accessibleName: {\n    clearChat: \"Clear chat\",\n    copyResponseButton: \"Copy assistant response\",\n    downloadCodeButton: \"Download code\",\n    imagePicker: \"Select images\",\n    removeUploadedImage: \"Remove uploaded image\",\n    sendButton: \"Send\",\n    sendInput: \"Message\",\n    stopGeneratingAnswerButton: \"Stop generating answer\"\n  },\n  placeholder: {\n    sendInput: \"Ask me a question...\"\n  },\n  text: {\n    copyCodeButton: \"Copy code\",\n    processing: `Processing with ${PROCESSING_PLACEHOLDER}`,\n    sourceFiles: \"Source files:\"\n  }\n};\n\nexport const chatRecord: ChatMessage[] = [\n  { id: \"1\", role: \"user\", content: \"Hello world\" },\n  { id: \"2\", role: \"assistant\", content: ASSISTANT_RESPONSE_MARKDOWN },\n  { id: \"3\", role: \"user\", content: \"Hello world 1\" },\n  { id: \"4\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"5\", role: \"user\", content: \"Hello world 2\" },\n  { id: \"6\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"7\", role: \"user\", content: \"Hello world 3\" },\n  { id: \"8\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"9\", role: \"user\", content: \"Hello world 4\" },\n  { id: \"10\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN }\n];\n\nexport const longChatRecord: ChatMessage[] = Array.from(\n  { length: 40 },\n  (_, index) =>\n    index % 2 === 0\n      ? {\n          id: `index: ${index}`,\n          role: \"user\",\n          content:\n            `index: ${index}` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n`\n        }\n      : {\n          id: `index: ${index}`,\n          role: \"assistant\",\n          content:\n            ASSISTANT_RESPONSE_SHORT_MARKDOWN +\n            `\\nindex: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n`\n        }\n);\n\nexport const codeFixerRecord: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    content: \"Please give me an example about...\",\n    metadata: \"14:55\"\n  },\n  {\n    id: \"2\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Action required example. Action required example. Action required example.\",\n    metadata: \"14:56\"\n  },\n  {\n    id: \"3\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Some fields contain missing or invalid data, which may prevent the process from completing correctly. Review your input carefully and make any necessary corrections before continuing.\",\n    metadata: \"14:57\",\n    parts: \"warning\"\n  },\n  {\n    id: \"4\",\n    role: \"error\",\n    content:\n      \"An unexpected error occurred while processing your request, and the operation couldn’t be completed.Please check your internet connection or try again later. If the problem persists, contact support.\",\n    metadata: \"14:58\"\n  },\n  {\n    id: \"5\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Your information has been saved successfully, and all changes are now reflected in your account. You can continue with the next steps or return to the dashboard at any time.\",\n    metadata: \"14:59\",\n    parts: \"success\"\n  },\n  {\n    id: \"6\",\n    role: \"user\",\n    content:\n      \"Implement the function calculate_average_grade in grades.py that takes a list of grades as input and returns the average grade as a floating-point number\",\n    metadata: \"15:00\"\n  },\n  {\n    id: \"7\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"You can provide further details or updates regarding your support ticket and its associated code. Your input here helps us better understand and address your issue effectively.\",\n    metadata: \"15:01\"\n  },\n  {\n    id: \"8\",\n    role: \"assistant\",\n    status: \"waiting\",\n    content: \"You can provide further details or updates\"\n  },\n  {\n    id: \"9\",\n    role: \"assistant\",\n    status: \"complete\",\n    content: ASSISTANT_RESPONSE_SHORT_MARKDOWN\n  }\n];\n",":host {\n  block-size: 100%;\n  display: grid;\n}\n","import {\n  Component,\n  Host,\n  h,\n  State,\n  Prop,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\nimport { mercuryChatMessageRender } from \"../../components/chat/code-render\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst AI_AVATAR = getAssetPath(\n  `./gx-ide-assets/chat-welcome/images/ai-avatar.svg`\n);\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/elevation\",\n  \"components/chat\"\n];\n\nimport {\n  chatCallbacksWithChatRef,\n  chatTranslations,\n  codeFixerRecord\n} from \"./callbacks\";\nimport {\n  ChatMessage,\n  ChatInternalCallbacks\n} from \"@genexus/chameleon-controls-library\";\nimport { ChatMessageUser } from \"@genexus/chameleon-controls-library/dist/types/components/chat/types\";\n\n@Component({\n  tag: \"gx-ide-sc-chat-container\",\n  styleUrl: \"chat-showcase.scss\",\n  shadow: true\n})\nexport class GxIdeScChatContainer {\n  #chatContainerRef!: HTMLGxIdeChatContainerElement;\n  #chatWelcomeRef!: HTMLGxIdeChatWelcomeElement;\n  #chChatRef!: HTMLChChatElement;\n  #chatCallbacks: ChatInternalCallbacks;\n\n  /**\n   * If true, the chat items length will be 0, since this is a requirement for dipslaying the ch-chat\n   * \"empty-chat\" slot that welcome screen uses to display.\n   */\n  @Prop() readonly mode: \"welcome\" | \"messages-sample\" | \"empty\" =\n    \"messages-sample\";\n\n  @State() generatingResponse: boolean = false;\n  @State() loadingState:\n    | \"all-records-loaded\"\n    | \"initial\"\n    | \"loading\"\n    | \"more-data-to-fetch\" = \"all-records-loaded\";\n  @State() showAdditionalContent: boolean = false;\n  @State() conversationCopied: boolean = false;\n  @State() assistantStatus: string = \"Getting Data\";\n  @State() chatItems: ChatMessage[] = [];\n\n  /**\n   * It will exit the wellcome screen and remove it from the dom.\n   */\n  @Method()\n  async exitWelcome() {\n    // hand exitWelcome to gx-ide-chat-welcome\n    this.#chatWelcomeRef.exitWelcome();\n  }\n\n  #copyConversationCallbackHandler = () => {\n    this.#chatContainerRef.showCopyConversationMessage();\n  };\n\n  #deleteConversationCallbackHandler = () => {};\n\n  componentDidLoad() {\n    setTimeout(() => {\n      this.assistantStatus = \"Creating Data Base..\";\n    }, 1000);\n  }\n\n  componentDidRender() {\n    if (!this.#chatCallbacks && this.#chChatRef) {\n      this.#chatCallbacks = chatCallbacksWithChatRef(this.#chChatRef);\n    }\n  }\n\n  async componentWillLoad() {\n    if (this.mode === \"messages-sample\") {\n      this.chatItems = codeFixerRecord;\n    } else if (this.mode === \"welcome\") {\n      this.chatItems = [];\n    } else if (this.mode === \"empty\") {\n      this.chatItems = [\n        {\n          id: \"1\",\n          role: \"assistant\",\n          status: \"complete\",\n          content: \"Hello! I am your assistant.\",\n          metadata: \"14:56\"\n        }\n      ];\n    }\n  }\n  #suggestedPrompRequestedCallbackHandler = async (\n    prompt: string\n  ): Promise<void> => {\n    let assistantFinalResponse: string;\n    if (prompt.toLowerCase().includes(\"transaction\")) {\n      assistantFinalResponse =\n        'To create a transaction in GeneXus, start by opening your KB (Knowledge Base) and selecting \"Transaction\" from the \"New Object\" options. Give it a name and define its attributes, starting with a primary key followed by the related data fields. GeneXus will automatically infer the data structure and relationships based on how you define the attributes and their nesting. Once saved, it generates the necessary database tables and forms for inserting, updating, and deleting records. You can then run the application to test the transaction directly in your browser.';\n    } else if (prompt.toLowerCase().includes(\"entity\")) {\n      assistantFinalResponse =\n        'In GeneXus, creating an entity usually means defining a Transaction object that represents a real-world concept like \"Customer\" or \"Product.\" To do this, create a new Transaction, name it after the entity, and define its attributes—starting with a unique identifier (like CustomerId) and then adding other fields (like CustomerName, CustomerEmail). GeneXus treats this Transaction as an entity and uses it to generate the corresponding table and interface automatically.';\n    } else {\n      assistantFinalResponse =\n        \"Sorry, I didn’t catch that—mind rephrasing it? 😅\";\n    }\n\n    const userPrompt: ChatMessageUser = {\n      id: \"1\",\n      role: \"user\",\n      content: prompt\n    };\n    this.#chChatRef.addNewMessage(userPrompt);\n    setTimeout(() => {\n      this.#chChatRef.addNewMessage({\n        id: `${new Date().getTime()}`,\n        role: \"assistant\",\n        content: \"Analyzing\",\n        status: \"waiting\"\n      });\n      setTimeout(() => {\n        this.#chChatRef.updateLastMessage(\n          {\n            role: \"assistant\",\n            content: \"Processing with Chat with LLMs\",\n            status: \"waiting\"\n          },\n          \"replace\"\n        );\n        setTimeout(() => {\n          this.#chChatRef.updateLastMessage(\n            {\n              role: \"assistant\",\n              content: \"Getting information\",\n              status: \"waiting\"\n            },\n            \"replace\"\n          );\n          this.#chChatRef.updateLastMessage(\n            {\n              role: \"assistant\",\n              content: assistantFinalResponse,\n              status: \"complete\"\n            },\n            \"replace\"\n          );\n        }, 1500);\n      }, 1500);\n    }, 100);\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <gx-ide-chat-container\n          chatTitle=\"GeneXus Assistant\"\n          copyConversationCallback={this.#copyConversationCallbackHandler}\n          deleteConversationCallback={this.#deleteConversationCallbackHandler}\n          ref={el =>\n            (this.#chatContainerRef = el as HTMLGxIdeChatContainerElement)\n          }\n          class=\"elevation-1\"\n        >\n          <ch-chat\n            callbacks={this.#chatCallbacks}\n            class=\"chat\"\n            generatingResponse={this.generatingResponse}\n            loadingState={this.loadingState} // \"all-records-loaded\" to display the welcome screen\n            renderItem={mercuryChatMessageRender(\n              \"components/markdown-viewer\",\n              AI_AVATAR,\n              \"Nexa\"\n            )}\n            items={this.chatItems} // length 0 to display the welcome screen\n            showAdditionalContent={this.showAdditionalContent}\n            translations={chatTranslations}\n            ref={el => (this.#chChatRef = el as HTMLChChatElement)}\n          >\n            <gx-ide-chat-welcome\n              ref={el =>\n                (this.#chatWelcomeRef = el as HTMLGxIdeChatWelcomeElement)\n              }\n              slot=\"empty-chat\"\n              suggestedPrompRequestedCallback={\n                this.#suggestedPrompRequestedCallbackHandler\n              }\n            ></gx-ide-chat-welcome>\n            <div slot=\"additional-content\">\n              Custom content that is rendered when the chat renders content\n            </div>\n          </ch-chat>\n        </gx-ide-chat-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}