@genexus/genexus-ide-ui 1.1.45 → 1.1.47

package/dist/genexus-ide-ui/{p-d67ff6a5.entry.js → p-ab1e2886.entry.js}

@@ -2,9 +2,9 @@ import { r as n, h as e, H as t, a } from "./p-97107ecc.js";
 
 import { g as i } from "./p-401bfc97.js";
 
-import { L as r } from "./p-311eedf3.js";
+import { L as o } from "./p-311eedf3.js";
 
-import { f as o } from "./p-1972b953.js";
+import { f as r } from "./p-1972b953.js";
 
 /**
  * @module constants
@@ -168,9 +168,9 @@ function getDefaultOptions() {
   const t = getDefaultOptions();
   const a = e?.weekStartsOn ?? e?.locale?.options?.weekStartsOn ?? t.weekStartsOn ?? t.locale?.options?.weekStartsOn ?? 0;
   const i = toDate(n, e?.in);
-  const r = i.getDay();
-  const o = (r < a ? 7 : 0) + r - a;
-  i.setDate(i.getDate() - o);
+  const o = i.getDay();
+  const r = (o < a ? 7 : 0) + o - a;
+  i.setDate(i.getDate() - r);
   i.setHours(0, 0, 0, 0);
   return i;
 }
@@ -292,9 +292,9 @@ function normalizeDates(n, ...e) {
  * //=> 8
  */ function differenceInCalendarMonths(n, e, t) {
   const [a, i] = normalizeDates(t?.in, n, e);
-  const r = a.getFullYear() - i.getFullYear();
-  const o = a.getMonth() - i.getMonth();
-  return r * 12 + o;
+  const o = a.getFullYear() - i.getFullYear();
+  const r = a.getMonth() - i.getMonth();
+  return o * 12 + r;
 }
 
 function getRoundingMethod(n) {
@@ -434,17 +434,17 @@ function getRoundingMethod(n) {
  * const result = differenceInMonths(new Date(2014, 8, 1), new Date(2014, 0, 31))
  * //=> 7
  */ function differenceInMonths(n, e, t) {
-  const [a, i, r] = normalizeDates(t?.in, n, n, e);
-  const o = compareAsc(i, r);
-  const s = Math.abs(differenceInCalendarMonths(i, r));
+  const [a, i, o] = normalizeDates(t?.in, n, n, e);
+  const r = compareAsc(i, o);
+  const s = Math.abs(differenceInCalendarMonths(i, o));
   if (s < 1) return 0;
   if (i.getMonth() === 1 && i.getDate() > 27) i.setDate(30);
-  i.setMonth(i.getMonth() - o * s);
-  let c = compareAsc(i, r) === -o;
-  if (isLastDayOfMonth(a) && s === 1 && compareAsc(a, r) === 1) {
+  i.setMonth(i.getMonth() - r * s);
+  let c = compareAsc(i, o) === -r;
+  if (isLastDayOfMonth(a) && s === 1 && compareAsc(a, o) === 1) {
     c = false;
   }
-  const d = o * (s - +c);
+  const d = r * (s - +c);
   return d === 0 ? 0 : d;
 }
 
@@ -662,9 +662,9 @@ function buildLocalizeFn(n) {
       const a = t?.width ? String(t.width) : n.defaultWidth;
       i = n.values[a] || n.values[e];
     }
-    const r = n.argumentCallback ? n.argumentCallback(e) : e;
+    const o = n.argumentCallback ? n.argumentCallback(e) : e;
     // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
-        return i[r];
+        return i[o];
   };
 }
 
@@ -818,19 +818,19 @@ function buildMatchFn(n) {
   return (e, t = {}) => {
     const a = t.width;
     const i = a && n.matchPatterns[a] || n.matchPatterns[n.defaultMatchWidth];
-    const r = e.match(i);
-    if (!r) {
+    const o = e.match(i);
+    if (!o) {
       return null;
     }
-    const o = r[0];
+    const r = o[0];
     const s = a && n.parsePatterns[a] || n.parsePatterns[n.defaultParseWidth];
-    const c = Array.isArray(s) ? findIndex(s, (n => n.test(o))) : // [TODO] -- I challenge you to fix the type
-    findKey(s, (n => n.test(o)));
+    const c = Array.isArray(s) ? findIndex(s, (n => n.test(r))) : // [TODO] -- I challenge you to fix the type
+    findKey(s, (n => n.test(r)));
     let d;
     d = n.valueCallback ? n.valueCallback(c) : c;
     d = t.valueCallback ? // [TODO] -- I challenge you to fix the type
     t.valueCallback(d) : d;
-    const l = e.slice(o.length);
+    const l = e.slice(r.length);
     return {
       value: d,
       rest: l
@@ -861,14 +861,14 @@ function buildMatchPatternFn(n) {
     const a = e.match(n.matchPattern);
     if (!a) return null;
     const i = a[0];
-    const r = e.match(n.parsePattern);
-    if (!r) return null;
-    let o = n.valueCallback ? n.valueCallback(r[0]) : r[0];
+    const o = e.match(n.parsePattern);
+    if (!o) return null;
+    let r = n.valueCallback ? n.valueCallback(o[0]) : o[0];
     // [TODO] I challenge you to fix the type
-        o = t.valueCallback ? t.valueCallback(o) : o;
+        r = t.valueCallback ? t.valueCallback(r) : r;
     const s = e.slice(i.length);
     return {
-      value: o,
+      value: r,
       rest: s
     };
   };
@@ -1081,14 +1081,14 @@ const A = {
  */ function formatDistance$2(n, e, t) {
   const a = getDefaultOptions();
   const i = t?.locale ?? a.locale ?? I;
-  const r = 2520;
-  const o = compareAsc(n, e);
-  if (isNaN(o)) throw new RangeError("Invalid time value");
+  const o = 2520;
+  const r = compareAsc(n, e);
+  if (isNaN(r)) throw new RangeError("Invalid time value");
   const d = Object.assign({}, t, {
     addSuffix: t?.addSuffix,
-    comparison: o
+    comparison: r
   });
-  const [l, u] = normalizeDates(t?.in, ...o > 0 ? [ e, n ] : [ n, e ]);
+  const [l, u] = normalizeDates(t?.in, ...r > 0 ? [ e, n ] : [ n, e ]);
   const h = differenceInSeconds(u, l);
   const m = (getTimezoneOffsetInMilliseconds(u) - getTimezoneOffsetInMilliseconds(l)) / 1e3;
   const f = Math.round((h - m) / 60);
@@ -1127,7 +1127,7 @@ const A = {
     const n = Math.round(f / 60);
     return i.formatDistance("aboutXHours", n, d);
     // 1 day up to 1.75 days
-    } else if (f < r) {
+    } else if (f < o) {
     return i.formatDistance("xDays", 1, d);
     // 1.75 days up to 30 days
     } else if (f < s) {
@@ -1612,11 +1612,11 @@ const an = {
   wide: /^([123456789]|1[012])月/i
 };
 
-const rn = {
+const on = {
   any: [ /^1\D/, /^2/, /^3/, /^4/, /^5/, /^6/, /^7/, /^8/, /^9/, /^10/, /^11/, /^12/ ]
 };
 
-const on = {
+const rn = {
   narrow: /^[日月火水木金土]/,
   short: /^[日月火水木金土]/,
   abbreviated: /^[日月火水木金土]/,
@@ -1668,11 +1668,11 @@ const ln = {
   month: buildMatchFn({
     matchPatterns: an,
     defaultMatchWidth: "wide",
-    parsePatterns: rn,
+    parsePatterns: on,
     defaultParseWidth: "any"
   }),
   day: buildMatchFn({
-    matchPatterns: on,
+    matchPatterns: rn,
     defaultMatchWidth: "wide",
     parsePatterns: sn,
     defaultParseWidth: "any"
@@ -2123,7 +2123,7 @@ const In = {
   }
 };
 
-const Nn = '/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  --spacing-body-block-start: var(--mer-spacing--lg);\n  --spacing-body-block-end: var(--mer-spacing--lg);\n  --spacing-body-inline-start: var(--mer-spacing--lg);\n  --spacing-body-inline-end: var(--mer-spacing--lg);\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.main {\n  animation: fadeIn var(--mer-timing--fast) forwards;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  opacity: 0;\n  grid-template-rows: max-content 1fr;\n  gap: var(--mer-spacing--lg);\n}\n\n@keyframes bounce {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-30px);\n  }\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.section-create-new-kb__actions,\n.section-secondary__actions {\n  display: grid;\n  grid-auto-flow: column;\n  gap: var(--mer-spacing--md);\n  overflow-x: auto;\n  padding-block-end: var(--mer-spacing--xs);\n}\n\n.card-filled,\n.card-outlined {\n  display: grid;\n  gap: var(--mer-spacing--md);\n  align-content: space-between;\n  border-radius: var(--mer-border__radius--md);\n}\n\n.card-filled {\n  background-color: var(--mer-surface__elevation--01);\n  padding: var(--mer-spacing--md);\n}\n\n.card-outlined {\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-surface);\n  grid-template-columns: max-content 1fr;\n  align-items: center;\n  padding: var(--mer-spacing--md) var(--mer-spacing--md) var(--mer-spacing--xs) var(--mer-spacing--md);\n}\n\n.icon-capsule {\n  pointer-events: none;\n  display: inline-flex;\n  block-size: 40px;\n  inline-size: 40px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: var(--mer-border__width--sm) dashed var(--mer-border-color__on-elevation--02);\n}\n.icon-capsule .icon-circular {\n  --ch-image-size: 20px;\n}\n\n.card__header {\n  display: grid;\n  gap: var(--mer-spacing--sm);\n  justify-items: self-start;\n}\n\n.card__header-description {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  --font-weight-regular: 300;\n}\n\n.section-create-new-kb {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--lg);\n}\n.section-create-new-kb__header {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n}\n.section-create-new-kb__title {\n  color: var(--mer-text__bright);\n  font-weight: 500;\n}\n.section-create-new-kb__actions {\n  display: grid;\n  gap: var(--mer-spacing--md);\n  overflow-x: auto;\n  grid-auto-flow: column;\n  grid-auto-columns: 372px;\n}\n\n.samples-buttons-container {\n  flex-wrap: wrap;\n}\n\n.section-secondary {\n  display: grid;\n  block-size: 100%;\n  position: relative;\n  overflow: auto;\n}\n.section-secondary__title {\n  display: grid;\n  grid-template-columns: 1fr max-content 1fr;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  font-weight: 300;\n}\n.section-secondary__title::before, .section-secondary__title::after {\n  content: "";\n  block-size: var(--mer-border__width--sm);\n  background-color: var(--mer-border-color__on-elevation--01);\n}\n.section-secondary__actions {\n  display: grid;\n}\n.section-secondary__actions--two-cards {\n  grid-template-columns: repeat(2, minmax(430px, 1fr));\n}\n.section-secondary__actions--multiple-cards {\n  grid-auto-columns: 670px;\n}\n\n.section-no-kbs {\n  display: grid;\n  block-size: 100%;\n  position: relative;\n  overflow: auto;\n  grid-template-rows: max-content max-content;\n  gap: var(--mer-spacing--md);\n}\n\n.section-kbs {\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-border__radius--sm);\n  padding: var(--mer-spacing--sm);\n  display: grid;\n  container-type: inline-size;\n  grid-template-rows: auto 1fr;\n  overflow: hidden;\n}\n.section-kbs__header {\n  display: grid;\n  grid-template-columns: max-content 230px;\n  align-items: center;\n  gap: var(--mer-spacing--xl);\n  border-block-end: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);\n  padding-block-end: var(--mer-spacing--sm);\n}\n.section-kbs__header--no-border {\n  border-block-end-color: transparent !important;\n}\n.section-kbs__title {\n  align-items: center;\n  display: flex;\n  min-block-size: 31px;\n}\n.section-kbs__filter--hidden {\n  opacity: 0;\n}\n.section-kbs__list {\n  display: grid;\n  grid-auto-rows: max-content;\n  grid-template-columns: 1fr 1fr;\n  row-gap: var(--mer-spacing--xs);\n  column-gap: var(--mer-spacing--md);\n  overflow: auto;\n  position: relative;\n  padding-block-start: var(--mer-spacing--sm);\n}\n.section-kbs__list--empty {\n  grid-template-columns: 1fr;\n  grid-auto-rows: 1fr;\n  overflow: hidden;\n}\n@container (max-width: 768px) {\n  .section-kbs__list {\n    grid-template-columns: 1fr;\n  }\n}\n\n.kb__item {\n  --font-weight-regular: 300;\n  background-color: var(--mer-surface__elevation--02);\n  padding: var(--mer-spacing--sm);\n  display: grid;\n  grid-template-columns: auto max-content;\n  gap: var(--mer-spacing--3xl);\n}\n.kb__details {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n.kb__name {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.kb__name:hover {\n  color: var(--mer-text__bright);\n}\n.kb__modified {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n}\n\n.hiChar {\n  color: var(--mer-color__primary--200);\n  filter: brightness(1.3);\n}\n\n.loader {\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-surface);\n}\n\n.heading-2,\n.heading-3 {\n  margin: 0;\n  font-weight: 600 !important;\n  color: #ffffff !important;\n}\n\n.card-filled .heading-3 {\n  color: var(--mer-text__on-surface) !important;\n}\n\n.text-body-regular-m,\n.card__footer {\n  font-weight: var(--mer-font__weight--light) !important;\n  --control__font-weight--regular: var(--mer-font__weight--light);\n}\n\n.card__header-description {\n  --line-height-tight: 1.7;\n  --font-weight-regular: 300;\n}\n\n.card__header-title {\n  color: var(--mer-text__bright);\n}\n\n.button-tertiary-no-padding-inline-start.button-tertiary {\n  padding-inline-start: 0;\n}';
+const Nn = '/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n  --common-spacing: var(--mer-spacing--lg);\n  --spacing-body-block-start: var(--common-spacing);\n  --spacing-body-block-end: var(--common-spacing);\n  --spacing-body-inline-start: var(--common-spacing);\n  --spacing-body-inline-end: 0;\n  --spacing-body-inline-start: 0;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n}\n\n:host(.spacing-body) .section-secondary,\n:host(.spacing-body) .section-create-new-kb__header,\n:host(.spacing-body) .section-create-new-kb__actions,\n:host(.spacing-body-inline) .section-secondary,\n:host(.spacing-body-inline) .section-create-new-kb__header,\n:host(.spacing-body-inline) .section-create-new-kb__actions {\n  padding-inline-start: var(--common-spacing);\n  padding-inline-end: var(--common-spacing);\n}\n\n:host(.spacing-body-inline-start) .section-secondary,\n:host(.spacing-body-inline-start) .section-create-new-kb__actions {\n  padding-inline-start: var(--common-spacing);\n}\n\n:host(.spacing-body-inline-end) .section-secondary,\n:host(.spacing-body-inline-end) .section-create-new-kb__actions {\n  padding-inline-end: var(--common-spacing);\n}\n\n.main {\n  animation: fadeIn var(--mer-timing--fast) forwards;\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  opacity: 0;\n  grid-template-rows: max-content 1fr;\n  gap: var(--mer-spacing--lg);\n}\n\n@keyframes bounce {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-30px);\n  }\n}\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n.section-create-new-kb__actions,\n.section-secondary__actions {\n  display: grid;\n  grid-auto-flow: column;\n  gap: var(--mer-spacing--md);\n  overflow-x: auto;\n  padding-block-end: var(--mer-spacing--xs);\n}\n\n.card-filled,\n.card-outlined {\n  display: grid;\n  gap: var(--mer-spacing--md);\n  align-content: space-between;\n  border-radius: var(--mer-border__radius--md);\n}\n\n.card-filled {\n  background-color: var(--mer-surface__elevation--01);\n  padding: var(--mer-spacing--md);\n}\n\n.card-outlined {\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-surface);\n  grid-template-columns: max-content 1fr;\n  align-items: center;\n  padding: var(--mer-spacing--md) var(--mer-spacing--md) var(--mer-spacing--xs) var(--mer-spacing--md);\n}\n\n.icon-capsule {\n  pointer-events: none;\n  display: inline-flex;\n  block-size: 40px;\n  inline-size: 40px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: var(--mer-border__width--sm) dashed var(--mer-border-color__on-elevation--02);\n}\n.icon-capsule .icon-circular {\n  --ch-image-size: 20px;\n}\n\n.card__header {\n  display: grid;\n  gap: var(--mer-spacing--sm);\n  justify-items: self-start;\n}\n\n.card__header-description {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n  --font-weight-regular: 300;\n}\n\n.section-create-new-kb {\n  display: grid;\n  grid-auto-rows: max-content;\n  gap: var(--mer-spacing--lg);\n}\n.section-create-new-kb__header {\n  display: grid;\n  gap: var(--mer-spacing--xs);\n}\n.section-create-new-kb__title {\n  color: var(--mer-text__bright);\n  font-weight: 500;\n}\n.section-create-new-kb__actions {\n  display: grid;\n  gap: var(--mer-spacing--md);\n  overflow-x: auto;\n  grid-auto-flow: column;\n  grid-auto-columns: 330px;\n}\n\n.samples-buttons-container {\n  flex-wrap: wrap;\n}\n\n.section-secondary {\n  display: grid;\n  block-size: 100%;\n  position: relative;\n  overflow: auto;\n}\n.section-secondary__title {\n  display: grid;\n  grid-template-columns: 1fr max-content 1fr;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  font-weight: 300;\n}\n.section-secondary__title::before, .section-secondary__title::after {\n  content: "";\n  block-size: var(--mer-border__width--sm);\n  background-color: var(--mer-border-color__on-elevation--01);\n}\n.section-secondary__actions {\n  display: grid;\n}\n.section-secondary__actions--two-cards {\n  grid-template-columns: repeat(2, minmax(430px, 1fr));\n}\n.section-secondary__actions--multiple-cards {\n  grid-auto-columns: 670px;\n}\n\n.section-no-kbs {\n  display: grid;\n  block-size: 100%;\n  position: relative;\n  overflow: auto;\n  grid-template-rows: max-content max-content;\n  gap: var(--mer-spacing--md);\n}\n\n.section-kbs {\n  background-color: var(--mer-surface__elevation--01);\n  border-radius: var(--mer-border__radius--sm);\n  padding: var(--mer-spacing--sm);\n  display: grid;\n  container-type: inline-size;\n  grid-template-rows: auto 1fr;\n  overflow: hidden;\n}\n.section-kbs__header {\n  display: grid;\n  grid-template-columns: max-content 230px;\n  align-items: center;\n  gap: var(--mer-spacing--xl);\n  border-block-end: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);\n  padding-block-end: var(--mer-spacing--sm);\n}\n.section-kbs__header--no-border {\n  border-block-end-color: transparent !important;\n}\n.section-kbs__title {\n  align-items: center;\n  display: flex;\n  min-block-size: 31px;\n}\n.section-kbs__filter--hidden {\n  opacity: 0;\n}\n.section-kbs__list {\n  display: grid;\n  grid-auto-rows: max-content;\n  grid-template-columns: 1fr 1fr;\n  row-gap: var(--mer-spacing--xs);\n  column-gap: var(--mer-spacing--md);\n  overflow: auto;\n  position: relative;\n  padding-block-start: var(--mer-spacing--sm);\n}\n.section-kbs__list--empty {\n  grid-template-columns: 1fr;\n  grid-auto-rows: 1fr;\n  overflow: hidden;\n}\n@container (max-width: 768px) {\n  .section-kbs__list {\n    grid-template-columns: 1fr;\n  }\n}\n\n.kb__item {\n  --font-weight-regular: 300;\n  background-color: var(--mer-surface__elevation--02);\n  padding: var(--mer-spacing--sm);\n  display: grid;\n  grid-template-columns: auto max-content;\n  gap: var(--mer-spacing--3xl);\n}\n.kb__details {\n  display: grid;\n  grid-template-columns: max-content 1fr;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n.kb__name {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.kb__name:hover {\n  color: var(--mer-text__bright);\n}\n.kb__modified {\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-align: end;\n  font-variant-numeric: tabular-nums;\n}\n\n.hiChar {\n  color: var(--mer-color__primary--200);\n  filter: brightness(1.3);\n}\n\n.loader {\n  border: var(--mer-border__width--sm) solid var(--mer-border-color__on-surface);\n}\n\n.heading-2,\n.heading-3 {\n  margin: 0;\n  font-weight: 600 !important;\n  color: #ffffff !important;\n}\n\n.card-filled .heading-3 {\n  color: var(--mer-text__on-surface) !important;\n}\n\n.text-body-regular-m,\n.card__footer {\n  font-weight: var(--mer-font__weight--light) !important;\n  --control__font-weight--regular: var(--mer-font__weight--light);\n}\n\n.card__header-description {\n  --line-height-tight: 1.7;\n  --font-weight-regular: 300;\n}\n\n.card__header-title {\n  color: var(--mer-text__bright);\n}\n\n.button-tertiary-no-padding-inline-start.button-tertiary {\n  padding-inline-start: 0;\n}';
 
 var En = undefined && undefined.__classPrivateFieldGet || function(n, e, t, a) {
   if (t === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
@@ -2249,8 +2249,8 @@ const ie = class {
           locale: En(this, $n, "f")
         }) : undefined;
         // convert date to date format, since toISOString() requires date as Date.
-                const r = n.lastOpenedDate ? new Date(n.lastOpenedDate) : undefined;
-        let s = o(r, "date-time-short");
+                const o = n.lastOpenedDate ? new Date(n.lastOpenedDate) : undefined;
+        let s = r(o, "date-time-short");
         // icon
                 const c = (a = n.icon) !== null && a !== void 0 ? a : ee;
         return e("article", {
@@ -2331,7 +2331,7 @@ const ie = class {
  // clear filter
     }
   async componentWillLoad() {
-    Yn(this, Hn, await r.getComponentStrings(this.el), "f");
+    Yn(this, Hn, await o.getComponentStrings(this.el), "f");
     // initialize filteredKbs
         this.kbsChanged(this.kbs);
     // get user language to display the kb "last opened" value in the appropriate language.
@@ -2341,7 +2341,10 @@ const ie = class {
   render() {
     var n, a;
     this.loading = (!this.kbs || ((n = this.kbs) === null || n === void 0 ? void 0 : n.length) === 0) && !this.secondarySection;
-    const i = ((a = this.samples) === null || a === void 0 ? void 0 : a.length) && this.openSampleCallback;
+    const i = this.createKBCallback;
+    const o = this.openKbCallback;
+    const r = ((a = this.samples) === null || a === void 0 ? void 0 : a.length) && this.openSampleCallback;
+    const s = i || o || r;
     return e(t, {
       class: "scrollable"
     }, e("ch-theme", {
@@ -2358,9 +2361,9 @@ const ie = class {
       class: "heading-5 section-create-new-kb__title"
     }, En(this, Hn, "f").createKB.title), e("p", {
       class: "body-regular-m"
-    }, En(this, Hn, "f").createKB.description)), e("section", {
+    }, En(this, Hn, "f").createKB.description)), s && e("section", {
       class: "section-create-new-kb__actions scrollable"
-    }, e("article", {
+    }, i && e("article", {
       // create project
       class: "card card-filled"
     }, e("header", {
@@ -2376,7 +2379,7 @@ const ie = class {
     }, e("button", {
       class: "button-primary",
       onClick: En(this, Jn, "f").call(this, false)
-    }, En(this, Hn, "f").createProject.buttonCaption))), e("article", {
+    }, En(this, Hn, "f").createProject.buttonCaption))), o && e("article", {
       // open existing project
       class: "card-filled"
     }, e("header", {
@@ -2392,7 +2395,7 @@ const ie = class {
     }, e("button", {
       class: "button-secondary cancel-btn",
       onClick: En(this, Jn, "f").call(this, true)
-    }, En(this, Hn, "f").openExistingProject.buttonCaption))), i ? e("article", {
+    }, En(this, Hn, "f").openExistingProject.buttonCaption))), r ? e("article", {
       // view samples
       class: "card-filled"
     }, e("header", {
@@ -2441,4 +2444,4 @@ Vn = new WeakMap, Kn = new WeakMap, Gn = new WeakMap, qn = new WeakSet, Bn = fun
 ie.style = Nn;
 
 export { ie as gx_ide_start_page };
-//# sourceMappingURL=p-d67ff6a5.entry.js.map
+//# sourceMappingURL=p-ab1e2886.entry.js.map