@genexus/genexus-ide-ui 1.1.5 → 1.1.7

package/dist/genexus-ide-ui/{p-2dbf722d.entry.js → p-a8d0b62e.entry.js}

@@ -1,35 +1,36 @@
-import { r as t, g as e, h as i, H as s, a as n } from "./p-25a9f1d7.js";
+import { r as t, g as e, h as s, H as i, a as n } from "./p-25a9f1d7.js";
 
-import { g as a } from "./p-ede7bd20.js";
+import { g as o } from "./p-ede7bd20.js";
 
-import { L as o } from "./p-857866f8.js";
+import { L as a } from "./p-311eedf3.js";
 
-const r = a({
+const r = o({
   category: "system",
   name: "check-circle",
   colorType: "primary"
 });
 
 const convertItemsNodeListToFlattenedTreeViewModel = (t, e) => {
-  const i = [];
+  const s = [];
   const processNode = t => {
-    const s = t.active && !t.iconStart ? r : t.iconStart;
-    const n = !t.nodes?.length;
-    const a = e === "all" || e === "custom" && t.checkbox || e === "leaf" && n;
-    const o = JSON.stringify({
+    var i;
+    const n = t.active && !t.iconStart ? r : t.iconStart;
+    const o = !((i = t.nodes) === null || i === void 0 ? void 0 : i.length);
+    const a = e === "all" || e === "custom" && t.checkbox || e === "leaf" && o;
+    const c = JSON.stringify({
       versionType: t.type
     });
-    i.push({
+    s.push({
       caption: t.name,
       checkbox: a,
       checked: t.checked,
-      startImgSrc: s,
+      startImgSrc: n,
       endImgSrc: t.iconEnd,
       expanded: t.expanded,
       id: t.id.toString(),
       items: null,
-      leaf: n,
-      metadata: o,
+      leaf: o,
+      metadata: c,
       parts: t.parts,
       selected: t.selected
     });
@@ -38,39 +39,40 @@ const convertItemsNodeListToFlattenedTreeViewModel = (t, e) => {
     }
   };
   t.forEach((t => processNode(t)));
-  return i;
+  return s;
 };
 
 const convertItemsListToTreeViewModel = (t, e) => {
-  const i = [];
+  const s = [];
   t.forEach((t => {
-    const s = t.active && !t.iconStart ? r : t.iconStart;
-    const n = !t.nodes?.length;
-    const a = e === "all" || e === "custom" && t.checkbox || e === "leaf" && n;
-    const o = t.expanded;
-    const c = s;
-    const h = t.iconEnd;
-    const l = JSON.stringify({
+    var i;
+    const n = t.active && !t.iconStart ? r : t.iconStart;
+    const o = !((i = t.nodes) === null || i === void 0 ? void 0 : i.length);
+    const a = e === "all" || e === "custom" && t.checkbox || e === "leaf" && o;
+    const c = t.expanded;
+    const h = n;
+    const l = t.iconEnd;
+    const d = JSON.stringify({
       versionType: t.type
     });
     const f = parseInt(t.id);
-    i.push({
+    s.push({
       caption: t.name,
       checkbox: a,
       checked: t.checked,
-      startImgSrc: c,
-      endImgSrc: h,
-      expanded: o,
+      startImgSrc: h,
+      endImgSrc: l,
+      expanded: c,
       id: t.id.toString(),
-      items: !n ? convertItemsListToTreeViewModel(t.nodes, e) : null,
-      leaf: n,
-      metadata: l,
+      items: !o ? convertItemsListToTreeViewModel(t.nodes, e) : null,
+      leaf: o,
+      metadata: d,
       parts: t.parts,
       order: f,
       selected: t.selected
     });
   }));
-  return i;
+  return s;
 };
 
 const findItemNode = (t, e) => {
@@ -78,8 +80,8 @@ const findItemNode = (t, e) => {
     return e;
   }
   if (e.nodes) {
-    for (const i of e.nodes) {
-      const e = findItemNode(t, i);
+    for (const s of e.nodes) {
+      const e = findItemNode(t, s);
       if (e) {
         return e;
       }
@@ -89,8 +91,8 @@ const findItemNode = (t, e) => {
 };
 
 function findItemInArray(t, e) {
-  for (const i of t) {
-    const t = findItemNode(e, i);
+  for (const s of t) {
+    const t = findItemNode(e, s);
     if (t) {
       return t;
     }
@@ -100,8 +102,9 @@ function findItemInArray(t, e) {
 
 const setAllLeafsCheckedFalse = t => {
   const uncheck = t => {
+    var e;
     t.checked = false;
-    if (t.nodes?.length) {
+    if ((e = t.nodes) === null || e === void 0 ? void 0 : e.length) {
       t.nodes.forEach((t => uncheck(t)));
     }
   };
@@ -111,8 +114,9 @@ const setAllLeafsCheckedFalse = t => {
 
 const unselectAllNodes = t => {
   const unselect = t => {
+    var e;
     t.selected = false;
-    if (t.nodes?.length) {
+    if ((e = t.nodes) === null || e === void 0 ? void 0 : e.length) {
       t.nodes.forEach((t => unselect(t)));
     }
   };
@@ -122,9 +126,9 @@ const unselectAllNodes = t => {
 const checkItems = (t, e) => {
   setAllLeafsCheckedFalse(t);
   e.forEach((e => {
-    const i = findItemInArray(t, e);
-    if (i) {
-      i.checked = true;
+    const s = findItemInArray(t, e);
+    if (s) {
+      s.checked = true;
     }
   }));
   return t;
@@ -132,9 +136,9 @@ const checkItems = (t, e) => {
 
 const expandItems = (t, e) => {
   e.forEach((e => {
-    const i = findItemInArray(t, e);
-    if (i) {
-      i.expanded = true;
+    const s = findItemInArray(t, e);
+    if (s) {
+      s.expanded = true;
     }
   }));
   return t;
@@ -142,26 +146,27 @@ const expandItems = (t, e) => {
 
 const selectItems = (t, e) => {
   e.forEach((e => {
-    const i = findItemInArray(t, e);
-    if (i) {
-      i.selected = true;
+    const s = findItemInArray(t, e);
+    if (s) {
+      s.selected = true;
     }
   }));
   return t;
 };
 
 function searchInNode(t, e) {
+  var s;
   // If the current node is the searched node, we return an empty list (it has no parents in this branch)
-  if (t.id === e) {
+    if (t.id === e) {
     return [];
   }
   // We traverse each child looking for the target node
-    if (t.nodes?.length) {
-    for (const i of t.nodes) {
-      const s = searchInNode(i, e);
-      if (s !== null) {
+    if ((s = t.nodes) === null || s === void 0 ? void 0 : s.length) {
+    for (const s of t.nodes) {
+      const i = searchInNode(s, e);
+      if (i !== null) {
         // If we find it, we include the current node at the beginning of the path and return
-        return [ t.id, ...s ];
+        return [ t.id, ...i ];
       }
     }
   }
@@ -169,18 +174,18 @@ function searchInNode(t, e) {
 }
 
 const searchParentsItems = (t, e) => {
-  const i = [];
-  for (const s of e) {
+  const s = [];
+  for (const i of e) {
     for (const e of t) {
-      const t = searchInNode(e, s);
+      const t = searchInNode(e, i);
       if (t !== null) {
         t.forEach((t => {
-          i.push(t);
+          s.push(t);
         }));
       }
     }
   }
-  return i;
+  return s;
 };
 
 /**
@@ -195,20 +200,20 @@ const searchParentsItems = (t, e) => {
       return null;
     }
     // Iterate through each node in the array
-        for (const i of t) {
+        for (const s of t) {
       // Create a new path that includes the current node
-      const t = [ ...e, i.id ];
+      const t = [ ...e, s.id ];
       // Check if the current node is active
-            if (i.active === true) {
+            if (s.active === true) {
         return {
-          caption: i.name,
-          iconStart: i.iconStart,
+          caption: s.name,
+          iconStart: s.iconStart,
           path: t
         };
       }
       // If the node has children, search through them with the updated path
-            if (i.nodes && i.nodes.length > 0) {
-        const e = findActiveWithPath(i.nodes, t);
+            if (s.nodes && s.nodes.length > 0) {
+        const e = findActiveWithPath(s.nodes, t);
         // If we find an active node in this subtree, return it immediately
                 if (e !== null) {
           return e;
@@ -222,26 +227,26 @@ const searchParentsItems = (t, e) => {
     return findActiveWithPath(t);
 };
 
-const c = ':host{display:grid;block-size:100%;grid-template-rows:max-content 1fr max-content}.header.has-active-item{grid-area:header}.section{display:contents}.header{grid-template-areas:"view-mode view-mode" "pattern-filter active-item";grid-template-columns:minmax(150px, 350px) max-content;--field-group__column-gap:var(\n    --mer-spacing--md\n  )}.view-mode__toggle-checkboxes{grid-area:view-mode}.pattern-filter{grid-area:pattern-filter;max-inline-size:350px}.active-item{grid-area:active-item;background-color:var(--mer-surface__elevation--01);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--xs) var(--mer-spacing--sm);display:flex;align-items:center;gap:var(--mer-spacing--xs)}.active-item__icon-container{display:contents}.active-item__icon{pointer-events:none}.active-item__link{text-decoration:underline;color:var(--mer-text__primary);cursor:pointer}.active-item__link:hover{color:var(--mer-text__primary--hover)}.active-item__link:active{color:var(--mer-text__primary--active)}.view-mode__toggle-checkboxes{grid-template-columns:max-content max-content}.field__items-view-type{align-items:center}.field__items-view-type .label{margin-block-start:0 !important}.field__toggle-checkboxes .label{margin-block-start:0 !important}.trees{position:relative}';
+const c = ":host{--search-input-max-inline-size:400px;display:grid;block-size:100%}:host(:not(.has-footer)){grid-template-rows:max-content 1fr}:host(.has-footer){grid-template-rows:max-content 1fr max-content}.header.has-active-item{grid-area:header}.section{display:contents}.header__first-row,.header__second-row{display:grid;grid-auto-flow:column}.header__first-row{column-gap:var(--field-group__column-gap);grid-auto-columns:max-content}.header__second-row{column-gap:12px;grid-template-columns:minmax(150px, var(--search-input-max-inline-size)) max-content}.header__second-row--one-row{grid-template-columns:minmax(150px, var(--search-input-max-inline-size))}.active-item{background-color:var(--mer-surface__elevation--01);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--xs) var(--mer-spacing--sm);display:flex;align-items:center;gap:var(--mer-spacing--xs)}.active-item__icon-container{display:contents}.active-item__icon{pointer-events:none}.active-item__link{text-decoration:underline;color:var(--mer-text__primary);cursor:pointer}.active-item__link:hover{color:var(--mer-text__primary--hover)}.active-item__link:active{color:var(--mer-text__primary--active)}.dummy-control-block-size{block-size:32px}.trees{position:relative}";
 
-var h = undefined && undefined.__classPrivateFieldSet || function(t, e, i, s, n) {
-  if (s === "m") throw new TypeError("Private method is not writable");
-  if (s === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
+var h = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
   if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return s === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
+  return i === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
 };
 
-var l = 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 l = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
 };
 
-var f, d, p, u, m, g, v, w, b, k, y, _, x, W, M, I, C, S, T, N, j, L, E;
+var d, f, u, p, m, v, w, g, b, k, y, _, x, W, M, I, C, S, T, z, N, j, L;
 
-const A = [ "resets/box-sizing", "chameleon/scrollbar", "components/tooltip", "components/tree-view", "utils/form--full", "utils/layout", "utils/spacing", "utils/typography" ];
+const E = [ "resets/box-sizing", "chameleon/scrollbar", "components/tooltip", "components/tree-view", "utils/form--full", "utils/layout", "utils/spacing", "utils/typography" ];
 
-const z = a({
+const A = o({
   category: "system",
   name: "search",
   colorType: "on-surface"
@@ -254,16 +259,16 @@ const O = "list";
 const P = "on";
 
 const F = class {
-  constructor(s) {
-    t(this, s);
-    f.set(this, void 0);
-    d.set(this, []);
-    p.set(this, void 0);
-    u.set(this, []);
+  constructor(i) {
+    t(this, i);
+    d.set(this, void 0);
+    f.set(this, []);
+    u.set(this, void 0);
+    p.set(this, []);
     m.set(this, e(`./gx-ide-assets/select-kb-items/shortcuts.json`));
-    g.set(this, []);
-    v.set(this, void 0);
+    v.set(this, []);
     w.set(this, void 0);
+    g.set(this, void 0);
     b.set(this, (() => {
       if (this.cancelCallback) {
         this.cancelCallback();
@@ -274,26 +279,26 @@ const F = class {
       t.detail.forEach((t => {
         t.item.checked && e.push(t.item.id);
       }));
-      h(this, d, e, "f");
-      h(this, g, checkItems(this.itemsList, l(this, d, "f")), "f");
+      h(this, f, e, "f");
+      h(this, v, checkItems(this.itemsList, l(this, f, "f")), "f");
       if (this.checkedChanged) {
-        this.checkedChanged(l(this, d, "f"));
+        this.checkedChanged(l(this, f, "f"));
       }
     }));
     y.set(this, (() => {
       if (this.confirmCallback) {
-        this.confirmCallback(l(this, d, "f"));
+        this.confirmCallback(l(this, f, "f"));
       }
     }));
     _.set(this, (async t => {
       if (this.itemContextMenuCallback) {
         let e;
-        const i = l(this, u, "f").find((e => e === t.detail.id));
-        if (!l(this, u, "f").length || !i) {
-          await l(this, w, "f").updateItemsProperties(l(this, u, "f"), {
+        const s = l(this, p, "f").find((e => e === t.detail.id));
+        if (!l(this, p, "f").length || !s) {
+          await l(this, g, "f").updateItemsProperties(l(this, p, "f"), {
             selected: false
           });
-          await l(this, w, "f").updateItemsProperties([ t.detail.id ], {
+          await l(this, g, "f").updateItemsProperties([ t.detail.id ], {
             selected: true
           });
           e = {
@@ -305,87 +310,89 @@ const F = class {
           e = {
             clientX: t.detail.contextmenuEvent.clientX,
             clientY: t.detail.contextmenuEvent.clientY,
-            selection: l(this, u, "f")
+            selection: l(this, p, "f")
           };
         }
         this.itemContextMenuCallback(e);
       }
     }));
     x.set(this, (t => () => {
-      t(l(this, d, "f"), l(this, u, "f"));
+      t(l(this, f, "f"), l(this, p, "f"));
     }));
     W.set(this, (t => {
       this.searchPatternValue = t.detail.toString();
     }));
-    M.set(this, (() => i("div", null, this.dialogActions.map((t => i("button", {
+    M.set(this, (() => s("div", null, this.dialogActions.map((t => s("button", {
       class: "button-tertiary",
       part: `button button-${t.name}`,
       onClick: l(this, x, "f").call(this, t.callback),
       disabled: this.loading
     }, t.name))))));
-    I.set(this, (() => i("footer", {
+    I.set(this, (() => s("footer", {
       class: "footer control-footer-with-border spacing-body-inline spacing-body-block-end control-footer-space-between"
-    }, l(this, M, "f").call(this), i("div", {
+    }, l(this, M, "f").call(this), s("div", {
       class: "buttons-spacer "
-    }, this.cancelCallback && i("button", {
+    }, this.cancelCallback && s("button", {
       class: "button-secondary",
       part: "cancel-button",
       onClick: l(this, b, "f")
-    }, l(this, f, "f").footer.cancel), this.confirmCallback && i("button", {
+    }, l(this, d, "f").footer.cancel), this.confirmCallback && s("button", {
       class: "button-primary",
       part: "confirm-button",
       onClick: l(this, y, "f"),
       disabled: this.loading
-    }, l(this, f, "f").footer.select)))));
+    }, l(this, d, "f").footer.select)))));
     C.set(this, (t => {
       const e = [];
       unselectAllNodes(this.itemsList);
       t.detail.forEach((t => {
         e.push(t.item.id);
       }));
-      h(this, u, e, "f");
+      h(this, p, e, "f");
       if (this.selectionChanged) {
-        this.selectionChanged(l(this, u, "f"));
+        this.selectionChanged(l(this, p, "f"));
       }
-      h(this, g, selectItems(this.itemsList, e), "f");
+      h(this, v, selectItems(this.itemsList, e), "f");
     }));
     S.set(this, (async t => {
       const e = searchParentsItems(this.itemsList, t);
-      const i = selectItems(this.itemsList, t);
-      const s = expandItems(i, e);
-      l(this, N, "f").call(this, s);
+      const s = selectItems(this.itemsList, t);
+      const i = expandItems(s, e);
+      l(this, z, "f").call(this, i);
     }));
     T.set(this, (async t => {
       const e = searchParentsItems(this.itemsList, t);
-      const i = expandItems(this.itemsList, e);
-      l(this, N, "f").call(this, i);
+      const s = expandItems(this.itemsList, e);
+      l(this, z, "f").call(this, s);
     }));
-    N.set(this, (t => {
+    z.set(this, (t => {
       this.nodeVersionsListTreeModel = convertItemsListToTreeViewModel(t, this.checkboxType);
       this.nodeListFlattenedTreeModel = convertItemsNodeListToFlattenedTreeViewModel(t, this.checkboxType);
     }));
-    j.set(this, (async t => {
+    N.set(this, (async t => {
       const e = t.detail;
       this.nodesVersionsViewType = e;
       if (this.nodesVersionsViewType === "tree") {
-        await l(this, S, "f").call(this, l(this, u, "f"));
-        await l(this, T, "f").call(this, l(this, d, "f"));
+        await l(this, S, "f").call(this, l(this, p, "f"));
+        await l(this, T, "f").call(this, l(this, f, "f"));
       }
-      l(this, N, "f").call(this, l(this, g, "f"));
+      l(this, z, "f").call(this, l(this, v, "f"));
     }));
-    L.set(this, (t => {
+    j.set(this, (t => {
       this.toggleCheckboxes = t.detail === P;
     }));
-    E.set(this, (() => {
-      const t = l(this, w, "f") && this.activeItemNode?.path;
-      if (t) {
-        l(this, w, "f").scrollIntoVisible(this.activeItemNode.path);
+    L.set(this, (() => {
+      var t;
+      const e = l(this, g, "f") && ((t = this.activeItemNode) === null || t === void 0 ? void 0 : t.path);
+      if (e) {
+        l(this, g, "f").scrollIntoVisible(this.activeItemNode.path);
       }
       if (this.activeItemCallback) {
         this.activeItemCallback();
       }
     }));
     this.activeItemNode = undefined;
+    this.renderFooter = false;
     this.nodeListFlattenedTreeModel = [];
     this.loading = true;
     this.nodesVersionsViewType = "tree";
@@ -402,106 +409,119 @@ const F = class {
     this.itemContextMenuCallback = undefined;
     this.itemsList = [];
     this.multiSelection = false;
+    this.showActiveItemLink = false;
     this.selectionChanged = undefined;
   }
   watchNodeListHandler(t) {
+    l(this, z, "f").call(this, t);
+    // Check and update activeItem
+        this.activeItemNode = findFirstActiveNode(t);
     if (t.length > 0) {
       this.loading = false;
     }
-    l(this, N, "f").call(this, t);
-    // Check and update activeItem
-        this.activeItemNode = findFirstActiveNode(t);
   }
   async componentWillLoad() {
-    h(this, f, await o.getComponentStrings(this.el), "f");
-    h(this, v, [ {
+    h(this, d, await a.getComponentStrings(this.el), "f");
+    h(this, w, [ {
       value: H,
-      caption: l(this, f, "f").main.tree
+      caption: l(this, d, "f").main.tree
     }, {
       value: O,
       caption: "List"
     } ], "f");
     this.watchNodeListHandler(this.itemsList);
+    this.renderFooter = this.dialogActions.length > 0 || !!this.cancelCallback || !!this.confirmCallback;
   }
   /**
      * Suspends or reactivates the shortcuts
      */  async suspendShortcuts(t) {
     if (t) {
-      l(this, p, "f").suspend = true;
+      l(this, u, "f").suspend = true;
     } else {
-      l(this, p, "f").suspend = false;
+      l(this, u, "f").suspend = false;
     }
   }
   /**
      * Allow to update the selected items
      */  async updateSelection(t) {
     // first clear selected
-    l(this, w, "f").updateItemsProperties(l(this, u, "f"), {
+    l(this, g, "f").updateItemsProperties(l(this, p, "f"), {
       selected: false
     });
     // then select
-        l(this, w, "f").updateItemsProperties(t, {
+        l(this, g, "f").updateItemsProperties(t, {
       selected: true
     });
   }
   render() {
-    return i(s, {
-      class: "widget"
-    }, i("ch-theme", {
-      model: A
-    }), i("ch-shortcuts", {
+    return s(i, {
+      class: {
+        widget: true,
+        "has-footer": this.renderFooter
+      }
+    }, s("ch-theme", {
+      model: E
+    }), s("ch-shortcuts", {
       src: l(this, m, "f"),
-      ref: t => h(this, p, t, "f")
-    }), i("section", {
+      ref: t => h(this, u, t, "f")
+    }), s("section", {
       class: "section"
-    }, i("header", {
+    }, s("header", {
+      part: "header",
       class: "header control-header field-group spacing-body-block-start spacing-body-inline"
-    }, i("div", {
-      class: "field-group view-mode__toggle-checkboxes"
-    }, i("div", {
-      class: "field field-inline field__items-view-type"
-    }, i("label", {
+    }, s("div", {
+      class: "header__first-row"
+    }, s("div", {
+      class: "field field-inline"
+    }, s("label", {
       class: "label",
       htmlFor: "view-mode"
-    }, "Select view mode:"), i("ch-radio-group-render", {
-      class: "radio-group",
+    }, "Select view mode:"), s("ch-radio-group-render", {
+      class: "radio-group dummy-control-block-size",
       id: "view-mode",
-      model: l(this, v, "f"),
-      onChange: l(this, j, "f"),
-      value: l(this, v, "f")[0].value
-    })), this.checkboxType !== "none" && i("div", {
-      class: "field field-inline field__toggle-checkboxes"
-    }, i("label", {
+      model: l(this, w, "f"),
+      onChange: l(this, N, "f"),
+      value: l(this, w, "f")[0].value
+    })), this.checkboxType !== "none" && s("div", {
+      class: "field field-inline"
+    }, s("label", {
       class: "label",
       htmlFor: "toggle-checkboxes"
-    }, "Toggle Checkboxes"), i("ch-checkbox", {
-      class: "checkbox",
+    }, "Toggle Checkboxes"), s("ch-checkbox", {
+      class: "checkbox dummy-control-block-size",
       id: "toggle-checkboxes",
       checkedValue: P,
       value: P,
-      onInput: l(this, L, "f")
-    }))), i("ch-edit", {
-      class: "input pattern-filter",
-      placeholder: l(this, f, "f").header.searchPatternPlaceholder,
-      startImgSrc: z,
-      onInput: l(this, W, "f")
-    }), this.activeItemNode && i("div", {
+      onInput: l(this, j, "f")
+    }))), s("div", {
+      class: {
+        "header__second-row": true,
+        "header__second-row--one-row": !this.showActiveItemLink
+      }
+    }, s("ch-edit", {
+      class: "input",
+      placeholder: l(this, d, "f").header.searchPatternPlaceholder,
+      startImgSrc: A,
+      onInput: l(this, W, "f"),
+      accessibleName: "search pattern"
+    }), this.activeItemNode && this.showActiveItemLink && s("div", {
       class: "active-item"
-    }, i("span", {
+    }, s("span", {
       class: "active-item__icon-container"
-    }, i("ch-image", {
+    }, s("ch-image", {
       class: "icon-md active-item__icon",
       src: this.activeItemNode.iconStart || r,
       containerRef: null
-    })), l(this, f, "f").header.activeItem, i("button", {
+    })), l(this, d, "f").header.activeItem, s("button", {
       class: "active-item__link",
-      onClick: l(this, E, "f")
-    }, this.activeItemNode.caption))), i("div", {
+      onClick: l(this, L, "f")
+    }, this.activeItemNode.caption)))), s("div", {
       class: "spacing-body-inline-start trees"
-    }, this.loading ? i("gx-ide-loader", {
-      loaderTitle: l(this, f, "f").loader.title,
+    }, this.loading ? s("gx-ide-loader", {
+      loaderTitle: l(this, d, "f").loader.title,
+      description: l(this, d, "f").loader.description,
       show: true
-    }) : i("ch-tree-view-render", {
+    }) : s("ch-tree-view-render", {
       class: "tree-view",
       model: this.nodesVersionsViewType === "tree" ? this.nodeVersionsListTreeModel : this.nodeListFlattenedTreeModel,
       "show-lines": this.nodesVersionsViewType === "tree" ? "all" : "none",
@@ -515,9 +535,9 @@ const F = class {
       filterType: "caption",
       toggleCheckboxes: this.toggleCheckboxes,
       ref: t => {
-        h(this, w, t, "f");
+        h(this, g, t, "f");
       }
-    })), (this.dialogActions.length > 0 || this.cancelCallback || this.confirmCallback) && l(this, I, "f").call(this)));
+    })), this.renderFooter && l(this, I, "f").call(this)));
   }
   static get assetsDirs() {
     return [ "gx-ide-assets/select-kb-items" ];
@@ -532,13 +552,13 @@ const F = class {
   }
 };
 
-f = new WeakMap, d = new WeakMap, p = new WeakMap, u = new WeakMap, m = new WeakMap, 
-g = new WeakMap, v = new WeakMap, w = new WeakMap, b = new WeakMap, k = new WeakMap, 
+d = new WeakMap, f = new WeakMap, u = new WeakMap, p = new WeakMap, m = new WeakMap, 
+v = new WeakMap, w = new WeakMap, g = new WeakMap, b = new WeakMap, k = new WeakMap, 
 y = new WeakMap, _ = new WeakMap, x = new WeakMap, W = new WeakMap, M = new WeakMap, 
-I = new WeakMap, C = new WeakMap, S = new WeakMap, T = new WeakMap, N = new WeakMap, 
-j = new WeakMap, L = new WeakMap, E = new WeakMap;
+I = new WeakMap, C = new WeakMap, S = new WeakMap, T = new WeakMap, z = new WeakMap, 
+N = new WeakMap, j = new WeakMap, L = new WeakMap;
 
 F.style = c;
 
 export { F as gx_ide_select_kb_items };
-//# sourceMappingURL=p-2dbf722d.entry.js.map
+//# sourceMappingURL=p-a8d0b62e.entry.js.map