@genexus/genexus-ide-ui 1.0.7 → 1.0.9

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

@@ -0,0 +1,332 @@
+import { r as t, a as e, h as i, H as s, g as a } from "./p-aaed592c.js";
+
+import { L as n } from "./p-74d59062.js";
+
+import { c as r } from "./p-55a30661.js";
+
+import { g as o } from "./p-6df9fab1.js";
+
+const l = ":host{display:grid;grid-template-rows:max-content 1fr max-content;overflow:auto}.section{display:contents}.header__field-group{display:grid;grid-template-columns:1fr 1fr}.tabular-grid{contain:size}.data ch-tabular-grid-cell:is(:nth-child(2),:nth-child(3),:nth-child(4)){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}ch-tabular-grid.empty-result::part(main){overflow:hidden}ch-tabular-grid-rowset-empty{position:relative}";
+
+var c = undefined && undefined.__classPrivateFieldGet || function(t, e, i, s) {
+  if (i === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? s : i === "a" ? s.call(t) : s ? s.value : e.get(t);
+};
+
+var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, a) {
+  if (s === "m") throw new TypeError("Private method is not writable");
+  if (s === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !a : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return s === "a" ? a.call(t, i) : a ? a.value = i : e.set(t, i), i;
+};
+
+var h, u, f, p, b, g, m, w, y, v, k, M, W, x, j, C, _, E, T, z;
+
+// Best performance bundle
+const D = [ "resets/box-sizing", "components/button", "components/edit", "components/tabular-grid", "components/icon", "utils/form", "utils/layout", "chameleon/scrollbar" ];
+
+const P = o({
+  category: "window-tools",
+  name: "filter",
+  colorType: "on-elevation"
+});
+
+const S = class {
+  constructor(s) {
+    t(this, s);
+    h.set(this, void 0);
+ // used to select the first item after "loadItemsCallback"
+        u.set(this, false);
+ // used to select the first item after "loadItemsCallback"
+        f.set(this, void 0);
+    p.set(this, false);
+    b.set(this, e(`./gx-ide-assets/data-selector/shortcuts.json`));
+    /* References needed to collect data */    g.set(this, void 0);
+    m.set(this, void 0);
+    w.set(this, void 0);
+    y.set(this, void 0);
+    /**
+         * After items have been loaded and rendered, the first row should be selected.
+         */    v.set(this, (() => {
+      if (c(this, u, "f")) {
+        c(this, y, "f").selectRow(c(this, h, "f"));
+      }
+      d(this, u, false, "f");
+    }));
+    k.set(this, (t => {
+      if (t.key === "Enter") {
+        c(this, M, "f").call(this, t);
+      }
+    }));
+    M.set(this, (t => {
+      t.stopPropagation();
+      this.confirmCallback(this.selectedObjectsIds);
+    }));
+    W.set(this, (async t => {
+      t.stopPropagation();
+      if (this.selectedObjectsIds[0]) {
+        const t = await this.editCallback(this.selectedObjectsIds[0]);
+        if (t) {
+          c(this, _, "f").call(this);
+        }
+      }
+    }));
+    x.set(this, (t => {
+      // TODO : revise why this is necessary
+      // just prevent keypress propagation
+      if (t.key === "Enter") {
+        t.stopPropagation();
+      }
+    }));
+    j.set(this, (t => {
+      this.selectedObjectsIds = t.detail.rowsId;
+    }));
+    C.set(this, (async () => {
+      const t = await this.newVariableCallback();
+      if (t) {
+        c(this, _, "f").call(this);
+      }
+    }));
+    _.set(this, (() => {
+      var t, e, i;
+      this.objects = [];
+      const s = {
+        pattern: (t = c(this, g, "f")) === null || t === void 0 ? void 0 : t.value,
+        object: (i = (e = c(this, m, "f")) === null || e === void 0 ? void 0 : e.value) === null || i === void 0 ? void 0 : i.id
+      };
+      this.loading = true;
+      this.loadItemsCallback(s).then((t => {
+        if (t.length) {
+          this.objects = c(this, z, "f").call(this, t);
+          d(this, h, this.objects[0].id, "f");
+          d(this, u, true, "f");
+        }
+        this.selectedObjectsIds = [];
+        this.loading = false;
+      }));
+    }));
+    E.set(this, (() => [ i("div", {
+      class: "header__field-group field-group"
+    }, i("div", {
+      class: "field field-block pattern-field"
+    }, i("label", {
+      class: "label",
+      htmlFor: "filter-pattern"
+    }, c(this, f, "f").filter.pattern), i("ch-edit", {
+      autoFocus: true,
+      id: "filter-pattern",
+      name: "filter-pattern",
+      class: "form-input pattern-input",
+      part: "filter-pattern",
+      debounce: r.inputDebounce,
+      onInput: c(this, _, "f"),
+      ref: t => d(this, g, t, "f")
+    })), i("gx-ide-entity-selector", {
+      id: "object-selector",
+      value: this.defaultModule,
+      defaultValue: this.defaultModule,
+      selectEntityCallback: this.selectObjectCallback,
+      ref: t => d(this, m, t, "f"),
+      class: "entity",
+      onValueChanged: c(this, _, "f")
+    })) ]));
+    T.set(this, (() => {
+      const t = !this.objects.length;
+      const e = this.loader && this.loading;
+      if (!t || e) {
+        d(this, p, true, "f");
+ // improve performance if is first render
+            }
+      return i("ch-tabular-grid", {
+        class: {
+          "tabular-grid": true,
+          "empty-result": this.objects.length === 0,
+          data: true
+        },
+        rowSelectionMode: this.selectionType,
+        onKeyDown: c(this, k, "f"),
+        part: "ch-grid-objects",
+        onSelectionChanged: this.objects.length ? c(this, j, "f") : undefined,
+        ref: t => d(this, y, t, "f")
+      }, i("ch-tabular-grid-columnset", {
+        class: "tabular-grid-column-set"
+      }, i("ch-tabular-grid-column", {
+        "column-name-position": "text",
+        settingable: false,
+        size: r.tabularGrid.colSize.maxContent,
+        class: "tabular-grid-column"
+      }), i("ch-tabular-grid-column", {
+        "column-name": c(this, f, "f").tableHead.name,
+        "column-name-position": "text",
+        settingable: false,
+        size: r.tabularGrid.colSize.common,
+        class: "tabular-grid-column"
+      }), i("ch-tabular-grid-column", {
+        "column-name": c(this, f, "f").tableHead.dataType,
+        "column-name-position": "text",
+        settingable: false,
+        size: r.tabularGrid.colSize.common,
+        class: "tabular-grid-column"
+      }), i("ch-tabular-grid-column", {
+        "column-name": c(this, f, "f").tableHead.description,
+        "column-name-position": "text",
+        settingable: false,
+        size: r.tabularGrid.colSize.common,
+        class: "tabular-grid-column"
+      })), !t ? i("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, this.objects.map((t => i("ch-tabular-grid-row", {
+        rowid: t.id,
+        onDblClick: c(this, M, "f"),
+        class: "tabular-grid-row"
+      }, i("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, i("ch-image", {
+        src: t.type === "attribute" ? "objects/attribute" : "objects-parts/variables",
+        class: "icon-md"
+      })), i("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.name), i("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.dataType), i("ch-tabular-grid-cell", {
+        class: "tabular-grid-cell"
+      }, t.description))))) : i("ch-tabular-grid-rowset", {
+        class: "tabular-grid-rowset"
+      }, i("ch-tabular-grid-rowset-empty", null, e ? i("gx-ide-loader", {
+        loaderTitle: c(this, f, "f").loader.title,
+        show: true
+      }) : i("gx-ide-empty-state", {
+        isAnimated: c(this, p, "f"),
+        stateIconSrc: P,
+        stateTitle: c(this, f, "f").emptyState.title
+      }))));
+    }));
+    z.set(this, (t => 
+    // TODO (make this a common helper function
+    // and use it in other dialog grids that
+    // require filter by name).
+    t.sort(((t, e) => {
+      const i = t.name.toLowerCase(), s = e.name.toLowerCase();
+      if (i < s) {
+        return -1;
+      }
+      if (i > s) {
+        return 1;
+      }
+      return 0;
+    }))));
+    this.loading = true;
+    this.objects = [];
+    this.selectedObjectsIds = [];
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+    this.defaultModule = undefined;
+    this.displayTitle = false;
+    this.editCallback = undefined;
+    this.loadItemsCallback = undefined;
+    this.loader = false;
+    this.newVariableCallback = undefined;
+    this.selectObjectCallback = undefined;
+    this.selectionType = "multiple";
+  }
+  async componentWillLoad() {
+    d(this, f, await n.getComponentStrings(this.el), "f");
+  }
+  connectedCallback() {
+    c(this, _, "f").call(this);
+  }
+  componentDidLoad() {
+    c(this, g, "f").focus();
+  }
+  componentDidRender() {
+    c(this, v, "f").call(this);
+  }
+  /**
+     * Suspends or reactivates the shortcuts
+     */  async suspendShortcuts(t) {
+    if (t) {
+      c(this, w, "f").suspend = true;
+    } else {
+      c(this, w, "f").suspend = false;
+    }
+  }
+  /**
+     * Validate necessary data input
+     */  async validate() {
+    const t = true;
+    return t;
+  }
+  render() {
+    const t = !this.loading;
+    const e = !this.loading && this.selectedObjectsIds.length;
+    const a = this.loading;
+    const n = !this.loading;
+    return i(s, {
+      onKeyPress: c(this, x, "f"),
+      class: "widget"
+    }, i("ch-theme", {
+      model: D
+    }), i("ch-shortcuts", {
+      src: c(this, b, "f"),
+      ref: t => d(this, w, t, "f")
+    }), i("section", {
+      class: "section"
+    }, i("header", {
+      class: "header control-header-with-border spacing-body-block-start spacing-body-inline"
+    }, c(this, E, "f").call(this)), c(this, T, "f").call(this), i("footer", {
+      class: "footer control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end"
+    }, i("div", {
+      class: "buttons-spacer"
+    }, i("button", {
+      // New Variable Button
+      class: "button-secondary",
+      disabled: !t,
+      part: "button button-new",
+      type: "button",
+      onClick: c(this, C, "f")
+    }, c(this, f, "f").footer.btnNew), i("button", {
+      // Edit Button
+      class: "button-secondary",
+      disabled: !e,
+      part: "button button-edit",
+      type: "button",
+      onClick: e && c(this, W, "f")
+    }, c(this, f, "f").footer.btnEdit)), i("div", {
+      class: "buttons-spacer"
+    }, i("button", {
+      // Cancel Button
+      class: "button-secondary",
+      part: "button button-cancel",
+      disabled: !a,
+      type: "button",
+      onClick: a && this.cancelCallback
+    }, c(this, f, "f").footer.btnCancel), i("button", {
+      // Confirm Button
+      class: "button-primary",
+      part: "button button-ok",
+      disabled: !n,
+      type: "button",
+      onClick: n && c(this, M, "f")
+    }, c(this, f, "f").footer.btnConfirm)))));
+  }
+  static get delegatesFocus() {
+    return true;
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/data-selector" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+h = new WeakMap, u = new WeakMap, f = new WeakMap, p = new WeakMap, b = new WeakMap, 
+g = 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, 
+C = new WeakMap, _ = new WeakMap, E = new WeakMap, T = new WeakMap, z = new WeakMap;
+
+S.style = l;
+
+export { S as gx_ide_data_selector };
+//# sourceMappingURL=p-dcbf5cd9.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dataSelectorCss","CSS_BUNDLES","FILTER_ICON","getIconPath","category","name","colorType","GxIdeDataSelector","_GxIdeDataSelector_firstGridObjectId","set","this","_GxIdeDataSelector_loadItemsCallbackJustCalled","_GxIdeDataSelector_componentLocale","_GxIdeDataSelector_animateEmptyState","_GxIdeDataSelector_shortcutsSrc","getAssetPath","_GxIdeDataSelector_filterPatternEl","_GxIdeDataSelector_filterObjectEl","_GxIdeDataSelector_chShortcutsEl","_GxIdeDataSelector_chTabularGridObjectsEl","_GxIdeDataSelector_evaluateFirstRowSelection","__classPrivateFieldGet","selectRow","__classPrivateFieldSet","_GxIdeDataSelector_chGridKeyDownHandler","e","key","_GxIdeDataSelector_confirmCallbackHandler","call","stopPropagation","confirmCallback","selectedObjectsIds","_GxIdeDataSelector_editCallbackHandler","async","result","editCallback","_GxIdeDataSelector_refreshUIWithNewConfiguration","_GxIdeDataSelector_hostKeyPressHandler","_GxIdeDataSelector_objectsSelectionChangedHandler","event","detail","rowsId","_GxIdeDataSelector_newVariableCallbackHandler","response","newVariableCallback","objects","filters","pattern","_a","value","object","_c","_b","id","loading","loadItemsCallback","then","items","length","_GxIdeDataSelector_sortObjectsByName","_GxIdeDataSelector_renderFilter","h","class","htmlFor","filter","autoFocus","part","debounce","config","inputDebounce","onInput","ref","el","defaultModule","defaultValue","selectEntityCallback","selectObjectCallback","onValueChanged","_GxIdeDataSelector_renderObjects","gridIsEmpty","displayLoader","loader","data","rowSelectionMode","selectionType","onKeyDown","onSelectionChanged","undefined","settingable","size","tabularGrid","colSize","maxContent","tableHead","common","dataType","description","map","obj","rowid","onDblClick","src","type","loaderTitle","title","show","isAnimated","stateIconSrc","stateTitle","emptyState","sort","a","b","nameA","toLowerCase","nameB","componentWillLoad","Locale","getComponentStrings","connectedCallback","componentDidLoad","focus","componentDidRender","suspendShortcuts","suspend","validate","isValid","render","newVariableButtonEnabled","editButtonEnabled","cancelButtonEnabled","okButtonEnabled","Host","onKeyPress","model","disabled","onClick","footer","btnNew","btnEdit","cancelCallback","btnCancel","btnConfirm"],"sources":["src/components/data-selector/data-selector.scss?tag=gx-ide-data-selector&encapsulation=shadow","src/components/data-selector/data-selector.tsx"],"sourcesContent":["@import \"../../../node_modules/@genexus/mercury/dist/mercury.scss\"; // for the tabular-grid-cell-layout mixin\n\n:host {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  overflow: auto;\n}\n\n.section {\n  display: contents;\n}\n\n.header__field-group {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n\n.tabular-grid {\n  contain: size;\n}\n@include tabular-grid-cell-layout(\n  $tabular-grid-selector: \".data\",\n  $tabular-grid-cell-node-type: \"text\",\n  $tabular-grid-cell-apply-ellipsis: true,\n  $tabular-grid-affected-columns-nth-list: (\n    2,\n    3,\n    4\n  )\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}\nch-tabular-grid-rowset-empty {\n  // to make the loader be positioned relative to 'ch-tabular-grid-rowset-empty'\n  position: relative;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Method,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { Locale } from \"../../common/locale\";\n\nimport { config } from \"../../common/config\";\nimport { EntityData } from \"../../common/types\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { TabularGridSelectionChangedEvent } from \"@genexus/chameleon-controls-library\";\n\n// Best performance bundle\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/edit\",\n  \"components/tabular-grid\",\n  \"components/icon\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"chameleon/scrollbar\"\n];\n\nconst FILTER_ICON = getIconPath({\n  category: \"window-tools\",\n  name: \"filter\",\n  colorType: \"on-elevation\"\n});\n\n@Component({\n  tag: \"gx-ide-data-selector\",\n  styleUrl: \"data-selector.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/data-selector\"]\n})\nexport class GxIdeDataSelector {\n  #firstGridObjectId: string; // used to select the first item after \"loadItemsCallback\"\n  #loadItemsCallbackJustCalled: boolean = false; // used to select the first item after \"loadItemsCallback\"\n\n  #componentLocale: any;\n  #animateEmptyState: boolean = false;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/data-selector/shortcuts.json`);\n  /* References needed to collect data */\n  #filterPatternEl!: HTMLChEditElement;\n  #filterObjectEl!: HTMLGxIdeEntitySelectorElement;\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #chTabularGridObjectsEl: HTMLChTabularGridElement;\n\n  @Element() el: HTMLGxIdeDataSelectorElement;\n\n  /**\n   * True if loadItemsCallback has been called and has not been resolved yet.\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The objects rendered in the table\n   */\n  @State() objects: ItemData[] = [];\n\n  /**\n   * The selected objects in the table of objects\n   */\n  @State() selectedObjectsIds: 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   * Callback invoked when the user presses the 'OK' button\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * The default value for the module/folder filter\n   */\n  @Prop() readonly defaultModule: EntityData;\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback invoked when user presses the edit button. Receives the first\n   * selected element id as a parameter.\n   */\n  @Prop() readonly editCallback!: EditCallback;\n\n  /**\n   * Callback invoked when the component needs to reload the list of attributes.\n   */\n  @Prop() readonly loadItemsCallback!: LoadItemsCallback;\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 user presses the 'New' button.\n   */\n  @Prop() readonly newVariableCallback!: NewVariableCallback;\n\n  /**\n   * Callback invoked when the action is executed in the Object filter. It returns\n   * the information of the selected object (id and name) or 'undefined' if it was\n   * canceled.\n   */\n  @Prop() readonly selectObjectCallback: SelectObjectCallback;\n\n  /**\n   * Single if multiple object selection is not allowed. Default is multiple\n   */\n  @Prop() readonly selectionType: \"single\" | \"multiple\" = \"multiple\";\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  connectedCallback() {\n    this.#refreshUIWithNewConfiguration();\n  }\n\n  componentDidLoad() {\n    this.#filterPatternEl.focus();\n  }\n\n  componentDidRender() {\n    this.#evaluateFirstRowSelection();\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  /**\n   * Validate necessary data input\n   */\n  @Method()\n  async validate(): Promise<boolean> {\n    const isValid = true;\n    return isValid;\n  }\n\n  /**\n   * After items have been loaded and rendered, the first row should be selected.\n   */\n  #evaluateFirstRowSelection = () => {\n    if (this.#loadItemsCallbackJustCalled) {\n      this.#chTabularGridObjectsEl.selectRow(this.#firstGridObjectId);\n    }\n    this.#loadItemsCallbackJustCalled = false;\n  };\n\n  #chGridKeyDownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"Enter\") {\n      this.#confirmCallbackHandler(e);\n    }\n  };\n\n  #confirmCallbackHandler = (e: MouseEvent | KeyboardEvent): void => {\n    e.stopPropagation();\n    this.confirmCallback(this.selectedObjectsIds);\n  };\n\n  #editCallbackHandler = async (e: MouseEvent): Promise<void> => {\n    e.stopPropagation();\n    if (this.selectedObjectsIds[0]) {\n      const result = await this.editCallback(this.selectedObjectsIds[0]);\n      if (result) {\n        this.#refreshUIWithNewConfiguration();\n      }\n    }\n  };\n\n  #hostKeyPressHandler = (e: KeyboardEvent) => {\n    // TODO : revise why this is necessary\n    // just prevent keypress propagation\n    if (e.key === \"Enter\") {\n      e.stopPropagation();\n    }\n  };\n\n  #objectsSelectionChangedHandler = (\n    event: CustomEvent<TabularGridSelectionChangedEvent>\n  ) => {\n    this.selectedObjectsIds = event.detail.rowsId;\n  };\n\n  #newVariableCallbackHandler = async () => {\n    const response = await this.newVariableCallback();\n    if (response) {\n      this.#refreshUIWithNewConfiguration();\n    }\n  };\n  #refreshUIWithNewConfiguration = (): void => {\n    this.objects = [];\n    const filters: FiltersData = {\n      pattern: this.#filterPatternEl?.value,\n      object: this.#filterObjectEl?.value?.id\n    };\n    this.loading = true;\n    this.loadItemsCallback(filters).then((items: ItemData[]) => {\n      if (items.length) {\n        this.objects = this.#sortObjectsByName(items);\n        this.#firstGridObjectId = this.objects[0].id;\n        this.#loadItemsCallbackJustCalled = true;\n      }\n      this.selectedObjectsIds = [];\n      this.loading = false;\n    });\n  };\n\n  #renderFilter = (): Element[] => {\n    return [\n      <div class=\"header__field-group field-group\">\n        <div class=\"field field-block pattern-field\">\n          <label class=\"label\" htmlFor=\"filter-pattern\">\n            {this.#componentLocale.filter.pattern}\n          </label>\n          <ch-edit\n            autoFocus\n            id=\"filter-pattern\"\n            name=\"filter-pattern\"\n            class=\"form-input pattern-input\"\n            part=\"filter-pattern\"\n            debounce={config.inputDebounce}\n            onInput={this.#refreshUIWithNewConfiguration}\n            ref={(el: HTMLChEditElement) =>\n              (this.#filterPatternEl = el as HTMLChEditElement)\n            }\n          ></ch-edit>\n        </div>\n        <gx-ide-entity-selector\n          id=\"object-selector\"\n          value={this.defaultModule}\n          defaultValue={this.defaultModule}\n          selectEntityCallback={this.selectObjectCallback}\n          ref={(el: HTMLGxIdeEntitySelectorElement) =>\n            (this.#filterObjectEl = el as HTMLGxIdeEntitySelectorElement)\n          }\n          class=\"entity\"\n          onValueChanged={this.#refreshUIWithNewConfiguration}\n        ></gx-ide-entity-selector>\n      </div>\n    ];\n  };\n\n  #renderObjects = (): Element => {\n    const gridIsEmpty = !this.objects.length;\n    const displayLoader = this.loader && this.loading;\n    if (!gridIsEmpty || displayLoader) {\n      this.#animateEmptyState = true; // improve performance if is first render\n    }\n    return (\n      <ch-tabular-grid\n        class={{\n          \"tabular-grid\": true,\n          \"empty-result\": this.objects.length === 0,\n          \"data\": true\n        }}\n        rowSelectionMode={this.selectionType}\n        onKeyDown={this.#chGridKeyDownHandler}\n        part=\"ch-grid-objects\"\n        onSelectionChanged={\n          this.objects.length ? this.#objectsSelectionChangedHandler : undefined\n        }\n        ref={(el: HTMLChTabularGridElement) =>\n          (this.#chTabularGridObjectsEl = el as HTMLChTabularGridElement)\n        }\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.common}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n          <ch-tabular-grid-column\n            column-name={this.#componentLocale.tableHead.dataType}\n            column-name-position=\"text\"\n            settingable={false}\n            size={config.tabularGrid.colSize.common}\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.common}\n            class=\"tabular-grid-column\"\n          ></ch-tabular-grid-column>\n        </ch-tabular-grid-columnset>\n\n        {!gridIsEmpty ? (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            {this.objects.map((obj: ItemData) => (\n              <ch-tabular-grid-row\n                rowid={obj.id}\n                onDblClick={this.#confirmCallbackHandler}\n                class=\"tabular-grid-row\"\n              >\n                <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                  <ch-image\n                    src={\n                      obj.type === \"attribute\"\n                        ? \"objects/attribute\"\n                        : \"objects-parts/variables\"\n                    }\n                    class=\"icon-md\"\n                  ></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.dataType}\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-row>\n            ))}\n          </ch-tabular-grid-rowset>\n        ) : (\n          <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n            <ch-tabular-grid-rowset-empty>\n              {displayLoader ? (\n                <gx-ide-loader\n                  loaderTitle={this.#componentLocale.loader.title}\n                  show\n                ></gx-ide-loader>\n              ) : (\n                <gx-ide-empty-state\n                  isAnimated={this.#animateEmptyState}\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  #sortObjectsByName = (objects: ItemData[]): ItemData[] =>\n    // TODO (make this a common helper function\n    // and use it in other dialog grids that\n    // require filter by name).\n    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  render() {\n    const newVariableButtonEnabled = !this.loading;\n    const editButtonEnabled = !this.loading && this.selectedObjectsIds.length;\n    const cancelButtonEnabled = this.loading;\n    const okButtonEnabled = !this.loading;\n\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.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-block-start spacing-body-inline\">\n            {this.#renderFilter()}\n          </header>\n          {this.#renderObjects()}\n          <footer class=\"footer control-footer-with-border control-footer-space-between spacing-body-inline spacing-body-block-end\">\n            <div class=\"buttons-spacer\">\n              <button\n                // New Variable Button\n                class=\"button-secondary\"\n                disabled={!newVariableButtonEnabled}\n                part=\"button button-new\"\n                type=\"button\"\n                onClick={this.#newVariableCallbackHandler}\n              >\n                {this.#componentLocale.footer.btnNew}\n              </button>\n              <button\n                // Edit Button\n                class=\"button-secondary\"\n                disabled={!editButtonEnabled}\n                part=\"button button-edit\"\n                type=\"button\"\n                onClick={editButtonEnabled && this.#editCallbackHandler}\n              >\n                {this.#componentLocale.footer.btnEdit}\n              </button>\n            </div>\n\n            <div class=\"buttons-spacer\">\n              <button\n                // Cancel Button\n                class=\"button-secondary\"\n                part=\"button button-cancel\"\n                disabled={!cancelButtonEnabled}\n                type=\"button\"\n                onClick={cancelButtonEnabled && this.cancelCallback}\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                // Confirm Button\n                class=\"button-primary\"\n                part=\"button button-ok\"\n                disabled={!okButtonEnabled}\n                type=\"button\"\n                onClick={okButtonEnabled && this.#confirmCallbackHandler}\n              >\n                {this.#componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type NewVariableCallback = () => Promise<boolean>;\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SelectObjectCallback = () => Promise<EntityData | undefined>;\n\nexport type EditCallback = (id: string) => Promise<boolean>;\n\nexport type ConfirmCallback = (ids: string[]) => Promise<void>;\n\nexport type LoadItemsCallback = (filters: FiltersData) => Promise<ItemData[]>;\n\nexport type FiltersData = {\n  pattern?: string;\n  object?: string;\n};\n\nexport type ItemData = {\n  type: ItemType;\n  id: string;\n  name: string;\n  dataType: string;\n  description: string;\n};\n\nexport type ItemType = \"variable\" | \"attribute\";\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-69edc29c.entry.js → p-e0072adb.entry.js}

@@ -2,7 +2,7 @@ import { r as t, c as r, a as e, h as a, H as o, g as i } from "./p-aaed592c.js"
 
 import { L as s } from "./p-74d59062.js";
 
-import { c as l } from "./p-8cf892b5.js";
+import { c as l } from "./p-55a30661.js";
 
 const n = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:block}.top-actions{display:flex;gap:var(--gx-ide-grid-column-gap);padding:var(--mer-spacing--xs) var(--gx-ide-container__padding);flex-direction:row-reverse;border-bottom:1px solid var(--gx-ide-container-border-color)}.tabular-grid{block-size:100%}";
 
@@ -198,4 +198,4 @@ const g = class {
 g.style = n;
 
 export { g as gx_ide_team_dev_update_partial_selection };
-//# sourceMappingURL=p-69edc29c.entry.js.map
+//# sourceMappingURL=p-e0072adb.entry.js.map

package/dist/genexus-ide-ui/{p-638befbe.entry.js → p-e557aa5e.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, c as r, h as t, H as o, g as a } from "./p-aaed592c.js";
 
-import { c as i } from "./p-8cf892b5.js";
+import { c as i } from "./p-55a30661.js";
 
 import { L as s } from "./p-74d59062.js";
 
@@ -126,4 +126,4 @@ const g = class {
 g.style = n;
 
 export { g as gx_ide_connect_gx_server };
-//# sourceMappingURL=p-638befbe.entry.js.map
+//# sourceMappingURL=p-e557aa5e.entry.js.map

package/dist/genexus-ide-ui/{p-c64a4398.entry.js → p-eb6ef221.entry.js}

@@ -2,7 +2,7 @@ import { r as e, c as t, h as r, H as a, g as i } from "./p-aaed592c.js";
 
 import { L as o } from "./p-74d59062.js";
 
-import { c } from "./p-8cf892b5.js";
+import { c } from "./p-55a30661.js";
 
 import { c as n } from "./p-14e6ef41.js";
 
@@ -680,4 +680,4 @@ const d = class {
 d.style = _;
 
 export { d as gx_ide_kb_manager_import };
-//# sourceMappingURL=p-c64a4398.entry.js.map
+//# sourceMappingURL=p-eb6ef221.entry.js.map

package/dist/genexus-ide-ui/{p-f5c02654.entry.js → p-f512bbca.entry.js}

@@ -1,6 +1,6 @@
 import { r as e, c as t, h as r, H as a, g as o } from "./p-aaed592c.js";
 
-import { c as i } from "./p-8cf892b5.js";
+import { c as i } from "./p-55a30661.js";
 
 import { L as s } from "./p-74d59062.js";
 
@@ -157,4 +157,4 @@ const c = class {
 c.style = n;
 
 export { c as gx_ide_bpm_objects_selector };
-//# sourceMappingURL=p-f5c02654.entry.js.map
+//# sourceMappingURL=p-f512bbca.entry.js.map

package/dist/types/components/_helpers/entity-selector/entity-selector.d.ts

@@ -18,11 +18,15 @@ export declare class GxIdeEntitySelector {
      * The label caption. Only visible if "labelPosition" is not "none".
      * I no "labelCaption" is provided, a generic caption "Select Entity" will be provided
      */
-    readonly labelCaption: string;
+    readonly labelCaption?: string;
     /**
      * The label position
      */
-    readonly labelPosition: LabelPosition;
+    readonly labelPosition?: LabelPosition;
+    /**
+     * This property specifies the `name` of the control when used in a form.
+     */
+    readonly name?: string;
     /**
      * Callback invoked when the action button is pressed. Returns the new value.
      */

package/dist/types/components/data-selector/data-selector.d.ts

@@ -1,19 +1,11 @@
-import { EventEmitter } from "../../stencil-public-runtime";
 import { EntityData } from "../../common/types";
 export declare class GxIdeDataSelector {
+    #private;
+    el: HTMLGxIdeDataSelectorElement;
     /**
-     * The component hard-coded strings translations.
+     * True if loadItemsCallback has been called and has not been resolved yet.
      */
-    private _componentLocale;
-    private renderedFirstTime;
-    private shortcutsSrc;
-    el: HTMLGxIdeDataSelectorElement;
-    private filterPatternEl;
-    private filterObjectEl;
-    private chGridEl;
-    private chGridRowsetEmptyEl;
-    private gxgShortcutsEl;
-    private loaderEl;
+    loading: boolean;
     /**
      * The objects rendered in the table
      */
@@ -23,55 +15,50 @@ export declare class GxIdeDataSelector {
      */
     selectedObjectsIds: string[];
     /**
-     * True if loadItemsCallback has been called and has not been resolved yet.
-     */
-    loading: boolean;
-    evaluateLoading(loading: boolean): void;
-    /**
-     * If true it displays the component title on the header
+     * Callback invoked when the user wishes to cancel the selection of objects.
      */
-    readonly displayTitle = false;
+    readonly cancelCallback: CancelCallback;
     /**
-     * If true, it will display a loader when needed.
+     * Callback invoked when the user presses the 'OK' button
      */
-    readonly loader = false;
+    readonly confirmCallback: ConfirmCallback;
     /**
-     * Single if multiple object selection is not allowed. Default is multiple
+     * The default value for the module/folder filter
      */
-    readonly selectionType: "single" | "multiple";
+    readonly defaultModule: EntityData;
     /**
-     * Callback invoked when the action is executed in the Object filter. It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
+     * If true it displays the component title on the header
      */
-    readonly selectObjectCallback: SelectObjectCallback;
+    readonly displayTitle = false;
     /**
-     * Callback invoked when user press edit button. Receives the first selected element id as parameter
+     * Callback invoked when user presses the edit button. Receives the first
+     * selected element id as a parameter.
      */
     readonly editCallback: EditCallback;
-    /**
-     * Callback invoked when the user wishes to cancel the selection of objects.
-     */
-    readonly cancelCallback: CancelCallback;
     /**
      * Callback invoked when the component needs to reload the list of attributes.
      */
     readonly loadItemsCallback: LoadItemsCallback;
     /**
-     * Callback invoked when the user presses the 'New' button.
+     * If true, it will display a loader when needed.
      */
-    readonly newVariableCallback: NewVariableCallback;
+    readonly loader = false;
     /**
-     * Callback invoked when the user presses the 'OK' button
+     * Callback invoked when the user presses the 'New' button.
      */
-    readonly confirmCallback: ConfirmCallback;
+    readonly newVariableCallback: NewVariableCallback;
     /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs
+     * Callback invoked when the action is executed in the Object filter. It returns
+     * the information of the selected object (id and name) or 'undefined' if it was
+     * canceled.
      */
-    componentDidRenderFirstTime: EventEmitter<boolean>;
+    readonly selectObjectCallback: SelectObjectCallback;
     /**
-     * This event is emitted once just after the component is fully loaded and the first render() occurs.
+     * Single if multiple object selection is not allowed. Default is multiple
      */
-    componentDidLoadEvent: EventEmitter<boolean>;
+    readonly selectionType: "single" | "multiple";
     componentWillLoad(): Promise<void>;
+    connectedCallback(): void;
     componentDidLoad(): void;
     componentDidRender(): void;
     /**
@@ -82,19 +69,7 @@ export declare class GxIdeDataSelector {
      * Validate necessary data input
      */
     validate(): Promise<boolean>;
-    private loaderCancelCallbackHandler;
-    private getObjects;
-    private editCallbackHandler;
-    private confirmCallbackHandler;
-    private cancelCallbackHandler;
-    private deselectAll;
-    private newVariableCallbackHandler;
-    private listenChanges;
-    private chGridKeyDownHandler;
-    private hostKeyPressHandler;
-    private renderFilter;
-    private renderObjects;
-    render(): void;
+    render(): any;
 }
 export type NewVariableCallback = () => Promise<boolean>;
 export type CancelCallback = () => Promise<void>;