@genexus/genexus-ide-ui 1.0.56 → 1.0.58

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

@@ -0,0 +1,17 @@
+import { r as s, h as r, H as t } from "./p-2cf37639.js";
+
+const o = ":host{display:block}";
+
+const c = class {
+  constructor(r) {
+    s(this, r);
+  }
+  render() {
+    return r(t, null, r("slot", null));
+  }
+};
+
+c.style = o;
+
+export { c as gx_ide_switcher };
+//# sourceMappingURL=p-f963b96e.entry.js.map

package/dist/genexus-ide-ui/{p-de92ee84.entry.js → p-fbab024e.entry.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as n, g as i } from "./p-49712340.js";
+import { r as e, h as t, H as n, g as i } from "./p-2cf37639.js";
 
 import { g as o } from "./p-6e4208d8.js";
 
@@ -193,4 +193,4 @@ c = new WeakMap, d = new WeakMap, u = new WeakMap, f = new WeakMap, m = new Weak
 y.style = s;
 
 export { y as gx_ide_current_user_info };
-//# sourceMappingURL=p-de92ee84.entry.js.map
+//# sourceMappingURL=p-fbab024e.entry.js.map

package/dist/genexus-ide-ui/p-fc7b3ace.js

@@ -0,0 +1,106 @@
+import { h as e } from "./p-2cf37639.js";
+
+import "./p-c9551186.js";
+
+const t = "message__copied-feedback";
+
+const a = "message__copied-feedback-visible";
+
+const s = e("svg", {
+  width: "36",
+  height: "8",
+  fill: "transparent"
+}, e("circle", {
+  cx: "4",
+  cy: "4",
+  r: "4",
+  opacity: "0",
+  fill: "var(--mer-color__primary--200)"
+}, e("animate", {
+  attributeName: "opacity",
+  values: "0;1;0",
+  dur: "1s",
+  repeatCount: "indefinite"
+})), e("circle", {
+  cx: "18",
+  cy: "4",
+  r: "4",
+  opacity: "0",
+  fill: "var(--mer-color__primary--200)"
+}, e("animate", {
+  attributeName: "opacity",
+  values: "0;1;0",
+  dur: "1s",
+  begin: "0.15s",
+  repeatCount: "indefinite"
+})), e("circle", {
+  cx: "32",
+  cy: "4",
+  r: "4",
+  opacity: "0",
+  fill: "var(--mer-color__primary--200)"
+}, e("animate", {
+  attributeName: "opacity",
+  values: "0;1;0",
+  dur: "1s",
+  begin: "0.30s",
+  repeatCount: "indefinite"
+})));
+
+const copy = e => s => {
+  s.stopPropagation();
+  // 1. Copy message
+    navigator.clipboard.writeText(e);
+  // 2. Display "copied" message (expects to be the next sibling!)
+    const o = s.target.nextSibling;
+  const r = o.getAttribute("part");
+  if (r === t) {
+    o.setAttribute("part", `${t} ${a}`);
+    setTimeout((() => {
+      o.setAttribute("part", `${t}`);
+    }), 1e3);
+  }
+};
+
+const copyButton = (t, a, s) => e("button", {
+  "aria-label": a,
+  title: a,
+  class: "button-copy-code",
+  type: "button",
+  onClick: copy(t),
+  part: `message__copy-button ${s}`
+});
+
+const mercuryCodeRender = t => a => e("div", {
+  class: "code-block-container"
+}, e("div", {
+  class: "code-block-header"
+}, copyButton(a.plainText, t, "code-render")), e("ch-code", {
+  language: a.language,
+  lastNestedChildClass: a.lastNestedChildClass,
+  value: a.plainText
+}));
+
+const mercuryChatMessageRender = (a, o = "You", r = "AI Assistant") => i => i.role === "assistant" && i.status === "waiting" ? [ e("span", {
+  part: "message__processing"
+}, i.content), s ] : [ 
+// "copy button" before "role" and "time" to hide both on button:focus
+copyButton(i.content, "Copy code", "common-message"), e("p", {
+  part: t
+}, "message copied to clipboard"), e("span", {
+  part: `message__role ${i.role}`
+}, i.role === "user" ? o : r), e("time", {
+  dateTime: i.metadata,
+  part: "message__time"
+}, i.metadata), i.role === "user" ? e("span", {
+  part: "message__content user"
+}, i.content) : e("ch-markdown-viewer", {
+  part: i.role === "assistant" && (i.status === "complete" || !i.status) && !i.parts ? `message__content no-error` : "message__content",
+  theme: a,
+  showIndicator: false,
+  renderCode: mercuryCodeRender("Copy code"),
+  value: i.content
+}) ];
+
+export { mercuryCodeRender as a, mercuryChatMessageRender as m };
+//# sourceMappingURL=p-fc7b3ace.js.map

package/dist/genexus-ide-ui/p-fc7b3ace.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MESSAGE_COPIED_PART_SELECTOR","MESSAGE_COPIED_VISIBLE_PART_SELECTOR","ANIMATION_DOTS","h","width","height","fill","cx","cy","r","opacity","attributeName","values","dur","repeatCount","begin","copy","text","event","stopPropagation","navigator","clipboard","writeText","copiedFeedbackRef","target","nextSibling","copiedFeedbackPart","getAttribute","setAttribute","setTimeout","copyButton","textToCopy","accessibleName","additionalPart","title","class","type","onClick","part","mercuryCodeRender","copyButtonAccessibleName","options","plainText","language","lastNestedChildClass","value","mercuryChatMessageRender","theme","userName","assistantName","messageModel","role","status","content","dateTime","metadata","parts","showIndicator","renderCode"],"sources":["src/components/_helpers/chat-container/code-render.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport {\n  MarkdownViewerCodeRender,\n  ChatMessageByRole\n} from \"@genexus/chameleon-controls-library\";\nimport { MarkdownViewerCodeRenderOptions } from \"@genexus/chameleon-controls-library/dist/types/components/markdown-viewer/parsers/types\";\nimport { getIconPath } from \"@genexus/mercury\";\ngetIconPath;\n\nconst MESSAGE_COPIED_PART_SELECTOR = \"message__copied-feedback\";\nconst MESSAGE_COPIED_VISIBLE_PART_SELECTOR = \"message__copied-feedback-visible\";\n\nconst ANIMATION_DOTS = (\n  <svg width=\"36\" height=\"8\" fill=\"transparent\">\n    <circle\n      cx=\"4\"\n      cy=\"4\"\n      r=\"4\"\n      opacity=\"0\"\n      fill=\"var(--mer-color__primary--200)\"\n    >\n      <animate\n        attributeName=\"opacity\"\n        values=\"0;1;0\"\n        dur=\"1s\"\n        repeatCount=\"indefinite\"\n      />\n    </circle>\n    <circle\n      cx=\"18\"\n      cy=\"4\"\n      r=\"4\"\n      opacity=\"0\"\n      fill=\"var(--mer-color__primary--200)\"\n    >\n      <animate\n        attributeName=\"opacity\"\n        values=\"0;1;0\"\n        dur=\"1s\"\n        begin=\"0.15s\"\n        repeatCount=\"indefinite\"\n      />\n    </circle>\n    <circle\n      cx=\"32\"\n      cy=\"4\"\n      r=\"4\"\n      opacity=\"0\"\n      fill=\"var(--mer-color__primary--200)\"\n    >\n      <animate\n        attributeName=\"opacity\"\n        values=\"0;1;0\"\n        dur=\"1s\"\n        begin=\"0.30s\"\n        repeatCount=\"indefinite\"\n      />\n    </circle>\n  </svg>\n);\n\nconst copy = (text: string) => (event: Event) => {\n  event.stopPropagation();\n\n  // 1. Copy message\n  navigator.clipboard.writeText(text);\n\n  // 2. Display \"copied\" message (expects to be the next sibling!)\n  const copiedFeedbackRef = (event.target as HTMLElement)\n    .nextSibling as HTMLElement;\n  const copiedFeedbackPart = copiedFeedbackRef.getAttribute(\"part\");\n  if (copiedFeedbackPart === MESSAGE_COPIED_PART_SELECTOR) {\n    copiedFeedbackRef.setAttribute(\n      \"part\",\n      `${MESSAGE_COPIED_PART_SELECTOR} ${MESSAGE_COPIED_VISIBLE_PART_SELECTOR}`\n    );\n\n    setTimeout(() => {\n      copiedFeedbackRef.setAttribute(\"part\", `${MESSAGE_COPIED_PART_SELECTOR}`);\n    }, 1000);\n  }\n};\n\nconst copyButton = (\n  textToCopy: string,\n  accessibleName: string,\n  additionalPart: string\n) => {\n  return (\n    <button\n      aria-label={accessibleName}\n      title={accessibleName}\n      class=\"button-copy-code\"\n      type=\"button\"\n      onClick={copy(textToCopy)}\n      part={`message__copy-button ${additionalPart}`}\n    ></button>\n  );\n};\n\nexport const mercuryCodeRender =\n  (copyButtonAccessibleName: string) =>\n  (options: MarkdownViewerCodeRenderOptions): MarkdownViewerCodeRender =>\n    (\n      <div class=\"code-block-container\">\n        <div class=\"code-block-header\">\n          {copyButton(\n            options.plainText,\n            copyButtonAccessibleName,\n            \"code-render\"\n          )}\n        </div>\n        <ch-code\n          language={options.language}\n          lastNestedChildClass={options.lastNestedChildClass}\n          value={options.plainText}\n        ></ch-code>\n      </div>\n    );\n\nexport const mercuryChatMessageRender =\n  (\n    theme: string,\n    userName: string = \"You\",\n    assistantName: string = \"AI Assistant\"\n  ) =>\n  (messageModel: ChatMessageByRole<\"assistant\" | \"error\" | \"user\">) =>\n    messageModel.role === \"assistant\" && messageModel.status === \"waiting\"\n      ? [\n          <span part=\"message__processing\">{messageModel.content}</span>,\n          ANIMATION_DOTS\n        ]\n      : [\n          // \"copy button\" before \"role\" and \"time\" to hide both on button:focus\n          copyButton(\n            messageModel.content as string,\n            \"Copy code\",\n            \"common-message\"\n          ),\n          <p part={MESSAGE_COPIED_PART_SELECTOR}>\n            message copied to clipboard\n          </p>,\n          <span part={`message__role ${messageModel.role}`}>\n            {messageModel.role === \"user\" ? userName : assistantName}\n          </span>,\n          <time dateTime={messageModel.metadata} part=\"message__time\">\n            {messageModel.metadata}\n          </time>,\n\n          messageModel.role === \"user\" ? (\n            <span part=\"message__content user\">{messageModel.content}</span>\n          ) : (\n            <ch-markdown-viewer\n              part={\n                messageModel.role === \"assistant\" &&\n                (messageModel.status === \"complete\" || !messageModel.status) &&\n                !messageModel.parts\n                  ? `message__content no-error`\n                  : \"message__content\"\n              }\n              theme={theme}\n              showIndicator={false}\n              renderCode={mercuryCodeRender(\"Copy code\")}\n              value={messageModel.content as string}\n            ></ch-markdown-viewer>\n          )\n        ];\n"],"mappings":";;;;AASA,MAAMA,IAA+B;;AACrC,MAAMC,IAAuC;;AAE7C,MAAMC,IACJC,EAAA;EAAKC,OAAM;EAAKC,QAAO;EAAIC,MAAK;GAC9BH,EAAA;EACEI,IAAG;EACHC,IAAG;EACHC,GAAE;EACFC,SAAQ;EACRJ,MAAK;GAELH,EAAA;EACEQ,eAAc;EACdC,QAAO;EACPC,KAAI;EACJC,aAAY;KAGhBX,EAAA;EACEI,IAAG;EACHC,IAAG;EACHC,GAAE;EACFC,SAAQ;EACRJ,MAAK;GAELH,EAAA;EACEQ,eAAc;EACdC,QAAO;EACPC,KAAI;EACJE,OAAM;EACND,aAAY;KAGhBX,EAAA;EACEI,IAAG;EACHC,IAAG;EACHC,GAAE;EACFC,SAAQ;EACRJ,MAAK;GAELH,EAAA;EACEQ,eAAc;EACdC,QAAO;EACPC,KAAI;EACJE,OAAM;EACND,aAAY;;;AAMpB,MAAME,OAAQC,KAAkBC;EAC9BA,EAAMC;;IAGNC,UAAUC,UAAUC,UAAUL;;IAG9B,MAAMM,IAAqBL,EAAMM,OAC9BC;EACH,MAAMC,IAAqBH,EAAkBI,aAAa;EAC1D,IAAID,MAAuB1B,GAA8B;IACvDuB,EAAkBK,aAChB,QACA,GAAG5B,KAAgCC;IAGrC4B,YAAW;MACTN,EAAkBK,aAAa,QAAQ,GAAG5B;AAA+B,QACxE;;;;AAIP,MAAM8B,aAAa,CACjBC,GACAC,GACAC,MAGE9B,EAAA;EAAA,cACc6B;EACZE,OAAOF;EACPG,OAAM;EACNC,MAAK;EACLC,SAASrB,KAAKe;EACdO,MAAM,wBAAwBL;;;MAKvBM,oBACVC,KACAC,KAEGtC,EAAA;EAAKgC,OAAM;GACThC,EAAA;EAAKgC,OAAM;GACRL,WACCW,EAAQC,WACRF,GACA,iBAGJrC,EAAA;EACEwC,UAAUF,EAAQE;EAClBC,sBAAsBH,EAAQG;EAC9BC,OAAOJ,EAAQC;;;MAKZI,2BACX,CACEC,GACAC,IAAmB,OACnBC,IAAwB,mBAEzBC,KACCA,EAAaC,SAAS,eAAeD,EAAaE,WAAW,YACzD,EACEjD,EAAA;EAAMmC,MAAK;GAAuBY,EAAaG,UAC/CnD,MAEF;;AAEE4B,WACEoB,EAAaG,SACb,aACA,mBAEFlD,EAAA;EAAGmC,MAAMtC;GAA4B,gCAGrCG,EAAA;EAAMmC,MAAM,iBAAiBY,EAAaC;GACvCD,EAAaC,SAAS,SAASH,IAAWC,IAE7C9C,EAAA;EAAMmD,UAAUJ,EAAaK;EAAUjB,MAAK;GACzCY,EAAaK,WAGhBL,EAAaC,SAAS,SACpBhD,EAAA;EAAMmC,MAAK;GAAyBY,EAAaG,WAEjDlD,EAAA;EACEmC,MACEY,EAAaC,SAAS,gBACrBD,EAAaE,WAAW,eAAeF,EAAaE,YACpDF,EAAaM,QACV,8BACA;EAENT,OAAOA;EACPU,eAAe;EACfC,YAAYnB,kBAAkB;EAC9BM,OAAOK,EAAaG"}

package/dist/genexus-ide-ui/{p-9e78c60c.entry.js → p-fce76974.entry.js}

@@ -1,12 +1,12 @@
-import { r as t, c as r, a, h as e, H as o, g as i } from "./p-49712340.js";
+import { r as t, c as r, a, h as e, H as o, g as i } from "./p-2cf37639.js";
 
 import { L as s } from "./p-311eedf3.js";
 
 import { c as l } from "./p-13738332.js";
 
-import { r as n } from "./p-d26f3f46.js";
+import { r as n } from "./p-5545d58d.js";
 
-import { r as c } from "./p-14e9afa7.js";
+import { r as c } from "./p-f3aa0e41.js";
 
 /* References Types*/
 /**
@@ -267,4 +267,4 @@ const f = class {
 f.style = g;
 
 export { f as gx_ide_bpm_app_declaration };
-//# sourceMappingURL=p-9e78c60c.entry.js.map
+//# sourceMappingURL=p-fce76974.entry.js.map

package/dist/types/components/_helpers/chat-container/code-render.d.ts

@@ -1,4 +1,4 @@
 import { MarkdownViewerCodeRender, ChatMessageByRole } from "@genexus/chameleon-controls-library";
 import { MarkdownViewerCodeRenderOptions } from "@genexus/chameleon-controls-library/dist/types/components/markdown-viewer/parsers/types";
 export declare const mercuryCodeRender: (copyButtonAccessibleName: string) => (options: MarkdownViewerCodeRenderOptions) => MarkdownViewerCodeRender;
-export declare const mercuryChatMessageRender: (theme: string, userName?: string, assistantName?: string, assistantTaskDescription?: string) => (messageModel: ChatMessageByRole<"assistant" | "error" | "user">) => any[];
+export declare const mercuryChatMessageRender: (theme: string, userName?: string, assistantName?: string) => (messageModel: ChatMessageByRole<"assistant" | "error" | "user">) => any[];

package/dist/types/components/select-kb-items/select-kb-items.d.ts

@@ -7,6 +7,10 @@ export declare class GxIdeSelectKbItems {
      * Represents the nodes list model
      */
     nodeListFlattenedTreeModel: TreeViewItemModel[];
+    /**
+     * To show a loader when the component is loading
+     */
+    loading: boolean;
     /**
      * View type for the nodes.
      */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.0.56",
+  "version": "1.0.58",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/code-render-43aa3faf.js.map

@@ -1 +0,0 @@
-{"file":"code-render-43aa3faf.js","mappings":"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","names":["h"],"sources":["src/components/_helpers/chat-container/code-render.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport {\n  MarkdownViewerCodeRender,\n  ChatMessageByRole\n} from \"@genexus/chameleon-controls-library\";\nimport { MarkdownViewerCodeRenderOptions } from \"@genexus/chameleon-controls-library/dist/types/components/markdown-viewer/parsers/types\";\nimport { getIconPath } from \"@genexus/mercury\";\ngetIconPath;\n\nconst MESSAGE_COPIED_PART_SELECTOR = \"message__copied-feedback\";\nconst MESSAGE_COPIED_VISIBLE_PART_SELECTOR = \"message__copied-feedback-visible\";\n\nconst copy = (text: string) => (event: Event) => {\n  event.stopPropagation();\n\n  // 1. Copy message\n  navigator.clipboard.writeText(text);\n\n  // 2. Display \"copied\" message (expects to be the next sibling!)\n  const copiedFeedbackRef = (event.target as HTMLElement)\n    .nextSibling as HTMLElement;\n  const copiedFeedbackPart = copiedFeedbackRef.getAttribute(\"part\");\n  if (copiedFeedbackPart === MESSAGE_COPIED_PART_SELECTOR) {\n    copiedFeedbackRef.setAttribute(\n      \"part\",\n      `${MESSAGE_COPIED_PART_SELECTOR} ${MESSAGE_COPIED_VISIBLE_PART_SELECTOR}`\n    );\n\n    setTimeout(() => {\n      copiedFeedbackRef.setAttribute(\"part\", `${MESSAGE_COPIED_PART_SELECTOR}`);\n    }, 1000);\n  }\n};\n\nconst copyButton = (\n  textToCopy: string,\n  accessibleName: string,\n  additionalPart: string\n) => {\n  return (\n    <button\n      aria-label={accessibleName}\n      title={accessibleName}\n      class=\"button-copy-code\"\n      type=\"button\"\n      onClick={copy(textToCopy)}\n      part={`message__copy-button ${additionalPart}`}\n    ></button>\n  );\n};\n\nexport const mercuryCodeRender =\n  (copyButtonAccessibleName: string) =>\n  (options: MarkdownViewerCodeRenderOptions): MarkdownViewerCodeRender =>\n    (\n      <div class=\"code-block-container\">\n        <div class=\"code-block-header\">\n          {copyButton(\n            options.plainText,\n            copyButtonAccessibleName,\n            \"code-render\"\n          )}\n        </div>\n        <ch-code\n          language={options.language}\n          lastNestedChildClass={options.lastNestedChildClass}\n          value={options.plainText}\n        ></ch-code>\n      </div>\n    );\n\nexport const mercuryChatMessageRender =\n  (\n    theme: string,\n    userName: string = \"You\",\n    assistantName: string = \"AI Assistant\",\n    assistantTaskDescription: string = \"Processing request\"\n  ) =>\n  (messageModel: ChatMessageByRole<\"assistant\" | \"error\" | \"user\">) =>\n    messageModel.role === \"assistant\" && messageModel.status === \"waiting\"\n      ? [\n          <span part=\"message__processing\">{assistantTaskDescription}</span>,\n\n          <div class=\"processing-animation\" part=\"processing-animation\"></div>\n        ]\n      : [\n          // \"copy button\" before \"role\" and \"time\" to hide both on button:focus\n          copyButton(\n            messageModel.content as string,\n            \"Copy code\",\n            \"common-message\"\n          ),\n          <p part={MESSAGE_COPIED_PART_SELECTOR}>\n            message copied to clipboard\n          </p>,\n          <span part={`message__role ${messageModel.role}`}>\n            {messageModel.role === \"user\" ? userName : assistantName}\n          </span>,\n          <time dateTime={messageModel.metadata} part=\"message__time\">\n            {messageModel.metadata}\n          </time>,\n\n          messageModel.role === \"user\" ? (\n            <span part=\"message__content user\">{messageModel.content}</span>\n          ) : (\n            <ch-markdown-viewer\n              part={\n                messageModel.role === \"assistant\" &&\n                (messageModel.status === \"complete\" || !messageModel.status) &&\n                !messageModel.parts\n                  ? `message__content no-error`\n                  : \"message__content\"\n              }\n              theme={theme}\n              showIndicator={false}\n              renderCode={mercuryCodeRender(\"Copy code\")}\n              value={messageModel.content as string}\n            ></ch-markdown-viewer>\n          )\n        ];\n"],"version":3}