@genexus/genexus-ide-ui 1.1.4 → 1.1.6

package/dist/cjs/assets-manager-7227a74b.js

@@ -1,7 +0,0 @@
-'use strict';
-
-const g="/";const MERCURY_ALIAS="mer",getIconPath=(e,t=MERCURY_ALIAS)=>{const r=e.colorType?`${g}${e.colorType}`:"";return `${t}${g}${e.category}${g}${e.name}${r}`};
-
-exports.getIconPath = getIconPath;
-
-//# sourceMappingURL=assets-manager-7227a74b.js.map

package/dist/cjs/assets-manager-7227a74b.js.map

@@ -1 +0,0 @@
-{"file":"assets-manager-7227a74b.js","mappings":";;AAAkB,MAAW,CAAC,CAAC,GAAG,CAAmB,MAAC,aAAa,CAAC,KAAK,CAAiN,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,OAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;;;","names":[],"sources":["node_modules/@genexus/mercury/dist/assets-manager.js"],"sourcesContent":["\"use strict\";const a={},d={},g=\"/\",u=\":\";export const MERCURY_ALIAS=\"mer\",registerAssets=(e,t,r)=>{a[e]||d[t]||(a[e]=r,d[t]=e)},getAsset=(e,t)=>{const r=d[e]??e,n=a[r];if(!n)return;const o=n.icons[t.category];if(!o)return;const c=o[t.name];if(c)return t.colorType?c[t.colorType]:c},getIconPath=(e,t=MERCURY_ALIAS)=>{const r=e.colorType?`${g}${e.colorType}`:\"\";return`${t}${g}${e.category}${g}${e.name}${r}`},getIconPathExpanded=(e,t,r=MERCURY_ALIAS)=>`${getIconPath(e,r)}${u}${getIconPath(t,r)}`;const l=(e,t,r)=>{const n=t===MERCURY_ALIAS?\"\":`-${t}`;return r?`var(--icon${n}__${e}--${r})`:`var(--icon${n}__${e})`},f=e=>{const t=e.split(g),r=t[0],n=d[r]??r;if(!a[n]){const i=t[0],S=t[1],p=t[2];return{vendor:MERCURY_ALIAS,category:i,name:S,colorType:p}}const c=t[1],s=t[2],m=t[3];return{vendor:r,category:c,name:s,colorType:m}};export const getImagePathCallback=e=>{const{vendor:t,category:r,name:n,colorType:o}=f(e),c=getAsset(t,o?{category:r,name:n,colorType:o}:{category:r,name:n});if(!c)return;const s={base:l(c.enabled.name,t)};return c.hover&&(s.hover=l(c.hover.name,t)),c.active&&(s.active=l(c.active.name,t)),c.disabled&&(s.disabled=l(c.disabled.name,t)),s},getActionMenuImagePathCallback=(e,t)=>{if(!e.startImgSrc&&t===\"start\"||!e.endImgSrc&&t===\"end\")return;const r=t===\"start\"?e.startImgSrc:e.endImgSrc;return getImagePathCallback(r)},getActionListImagePathCallback=e=>e.imgSrc?getImagePathCallback(e.imgSrc):void 0,getNavigationListImagePathCallback=e=>e.startImgSrc?getImagePathCallback(e.startImgSrc):void 0,getTreeViewImagePathCallback=(e,t)=>{if(!e.startImgSrc&&t===\"start\"||!e.endImgSrc&&t===\"end\")return;const n=(t===\"start\"?e.startImgSrc:e.endImgSrc).split(u),o=getImagePathCallback(n[0]);if(o)return n[1]?{default:o,expanded:getImagePathCallback(n[1])}:{default:o}},getComboBoxImagePathCallback=(e,t)=>{if(!e.startImgSrc&&t===\"start\"||!e.endImgSrc&&t===\"end\")return;const r=t===\"start\"?e.startImgSrc:e.endImgSrc;return getImagePathCallback(r)},getImagePathCallbackDefinitions={\"ch-accordion-render\":getImagePathCallback,\"ch-action-menu-render\":getActionMenuImagePathCallback,\"ch-action-list-render\":getActionListImagePathCallback,\"ch-combo-box-render\":getComboBoxImagePathCallback,\"ch-checkbox\":getImagePathCallback,\"ch-edit\":getImagePathCallback,\"ch-image\":getImagePathCallback,\"ch-navigation-list-render\":getNavigationListImagePathCallback,\"ch-tab-render\":getImagePathCallback,\"ch-tree-view-render\":getTreeViewImagePathCallback};\n"],"version":3}

package/dist/cjs/code-render-db7cb770.js

@@ -1,59 +0,0 @@
-'use strict';
-
-const index = require('./index-e227aefb.js');
-require('./MERCURY_ASSETS-6bbcc011.js');
-
-const MESSAGE_COPIED_PART_SELECTOR = "message__copied-feedback";
-const MESSAGE_COPIED_VISIBLE_PART_SELECTOR = "message__copied-feedback-visible";
-const ANIMATION_DOTS = (index.h("svg", { width: "36", height: "8", fill: "transparent" },
-    index.h("circle", { cx: "4", cy: "4", r: "4", opacity: "0", fill: "var(--mer-color__primary--200)" },
-        index.h("animate", { attributeName: "opacity", values: "0;1;0", dur: "1s", repeatCount: "indefinite" })),
-    index.h("circle", { cx: "18", cy: "4", r: "4", opacity: "0", fill: "var(--mer-color__primary--200)" },
-        index.h("animate", { attributeName: "opacity", values: "0;1;0", dur: "1s", begin: "0.15s", repeatCount: "indefinite" })),
-    index.h("circle", { cx: "32", cy: "4", r: "4", opacity: "0", fill: "var(--mer-color__primary--200)" },
-        index.h("animate", { attributeName: "opacity", values: "0;1;0", dur: "1s", begin: "0.30s", repeatCount: "indefinite" }))));
-const copy = (text) => (event) => {
-    event.stopPropagation();
-    // 1. Copy message
-    navigator.clipboard.writeText(text);
-    // 2. Display "copied" message (expects to be the next sibling!)
-    const copiedFeedbackRef = event.target
-        .nextSibling;
-    const copiedFeedbackPart = copiedFeedbackRef.getAttribute("part");
-    if (copiedFeedbackPart === MESSAGE_COPIED_PART_SELECTOR) {
-        copiedFeedbackRef.setAttribute("part", `${MESSAGE_COPIED_PART_SELECTOR} ${MESSAGE_COPIED_VISIBLE_PART_SELECTOR}`);
-        setTimeout(() => {
-            copiedFeedbackRef.setAttribute("part", `${MESSAGE_COPIED_PART_SELECTOR}`);
-        }, 1000);
-    }
-};
-const copyButton = (textToCopy, accessibleName, additionalPart) => {
-    return (index.h("button", { "aria-label": accessibleName, title: accessibleName, class: "button-copy-code", type: "button", onClick: copy(textToCopy), part: `message__copy-button ${additionalPart}` }));
-};
-const mercuryCodeRender = (copyButtonAccessibleName) => (options) => (index.h("div", { class: "code-block-container" },
-    index.h("div", { class: "code-block-header" }, copyButton(options.plainText, copyButtonAccessibleName, "code-render")),
-    index.h("ch-code", { language: options.language, lastNestedChildClass: options.lastNestedChildClass, value: options.plainText })));
-const mercuryChatMessageRender = (theme, userName = "You", assistantName = "AI Assistant") => (messageModel) => messageModel.role === "assistant" && messageModel.status === "waiting"
-    ? [
-        index.h("span", { part: "message__processing" }, messageModel.content),
-        ANIMATION_DOTS
-    ]
-    : [
-        // "copy button" before "role" and "time" to hide both on button:focus
-        copyButton(messageModel.content, "Copy code", "common-message"),
-        index.h("p", { 
-            // TODO: make this string translatable
-            part: MESSAGE_COPIED_PART_SELECTOR }, "message copied to clipboard"),
-        index.h("span", { part: `message__role ${messageModel.role}` }, messageModel.role === "user" ? userName : assistantName),
-        index.h("time", { dateTime: messageModel.metadata, part: "message__time" }, messageModel.metadata),
-        messageModel.role === "user" ? (index.h("span", { part: "message__content user" }, messageModel.content)) : (index.h("ch-markdown-viewer", { part: messageModel.role === "assistant" &&
-                (messageModel.status === "complete" || !messageModel.status) &&
-                !messageModel.parts
-                ? `message__content no-error`
-                : "message__content", theme: theme, showIndicator: false, renderCode: mercuryCodeRender("Copy code"), value: messageModel.content }))
-    ];
-
-exports.mercuryChatMessageRender = mercuryChatMessageRender;
-exports.mercuryCodeRender = mercuryCodeRender;
-
-//# sourceMappingURL=code-render-db7cb770.js.map

package/dist/cjs/code-render-db7cb770.js.map

@@ -1 +0,0 @@
-{"file":"code-render-db7cb770.js","mappings":";;;;;AASA,MAAM,4BAA4B,GAAG,0BAA0B,CAAC;AAChE,MAAM,oCAAoC,GAAG,kCAAkC,CAAC;AAEhF,MAAM,cAAc,IAClBA,iBAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAC,aAAa;IAC3CA,oBACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,OAAO,EAAC,GAAG,EACX,IAAI,EAAC,gCAAgC;QAErCA,qBACE,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,OAAO,EACd,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,GACxB,CACK;IACTA,oBACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,OAAO,EAAC,GAAG,EACX,IAAI,EAAC,gCAAgC;QAErCA,qBACE,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,OAAO,EACd,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,YAAY,GACxB,CACK;IACTA,oBACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,GAAG,EACL,OAAO,EAAC,GAAG,EACX,IAAI,EAAC,gCAAgC;QAErCA,qBACE,aAAa,EAAC,SAAS,EACvB,MAAM,EAAC,OAAO,EACd,GAAG,EAAC,IAAI,EACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,YAAY,GACxB,CACK,CACL,CACP,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,IAAY,KAAK,CAAC,KAAY;IAC1C,KAAK,CAAC,eAAe,EAAE,CAAC;;IAGxB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;;IAGpC,MAAM,iBAAiB,GAAI,KAAK,CAAC,MAAsB;SACpD,WAA0B,CAAC;IAC9B,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAClE,IAAI,kBAAkB,KAAK,4BAA4B,EAAE;QACvD,iBAAiB,CAAC,YAAY,CAC5B,MAAM,EACN,GAAG,4BAA4B,IAAI,oCAAoC,EAAE,CAC1E,CAAC;QAEF,UAAU,CAAC;YACT,iBAAiB,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,4BAA4B,EAAE,CAAC,CAAC;SAC3E,EAAE,IAAI,CAAC,CAAC;KACV;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CACjB,UAAkB,EAClB,cAAsB,EACtB,cAAsB;IAEtB,QACEA,kCACc,cAAc,EAC1B,KAAK,EAAE,cAAc,EACrB,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,EACzB,IAAI,EAAE,wBAAwB,cAAc,EAAE,GACtC,EACV;AACJ,CAAC,CAAC;MAEW,iBAAiB,GAC5B,CAAC,wBAAgC,KACjC,CAAC,OAAwC,MAErCA,iBAAK,KAAK,EAAC,sBAAsB;IAC/BA,iBAAK,KAAK,EAAC,mBAAmB,IAC3B,UAAU,CACT,OAAO,CAAC,SAAS,EACjB,wBAAwB,EACxB,aAAa,CACd,CACG;IACNA,qBACE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,oBAAoB,EAAE,OAAO,CAAC,oBAAoB,EAClD,KAAK,EAAE,OAAO,CAAC,SAAS,GACf,CACP,EACN;MAEO,wBAAwB,GACnC,CACE,KAAa,EACb,WAAmB,KAAK,EACxB,gBAAwB,cAAc,KAExC,CAAC,YAA+D,KAC9D,YAAY,CAAC,IAAI,KAAK,WAAW,IAAI,YAAY,CAAC,MAAM,KAAK,SAAS;MAClE;QACEA,kBAAM,IAAI,EAAC,qBAAqB,IAAE,YAAY,CAAC,OAAO,CAAQ;QAC9D,cAAc;KACf;MACD;;QAEE,UAAU,CACR,YAAY,CAAC,OAAiB,EAC9B,WAAW,EACX,gBAAgB,CACjB;QACDA;;YAEE,IAAI,EAAE,4BAA4B,kCAGhC;QACJA,kBAAM,IAAI,EAAE,iBAAiB,YAAY,CAAC,IAAI,EAAE,IAC7C,YAAY,CAAC,IAAI,KAAK,MAAM,GAAG,QAAQ,GAAG,aAAa,CACnD;QACPA,kBAAM,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAC,eAAe,IACxD,YAAY,CAAC,QAAQ,CACjB;QAEP,YAAY,CAAC,IAAI,KAAK,MAAM,IAC1BA,kBAAM,IAAI,EAAC,uBAAuB,IAAE,YAAY,CAAC,OAAO,CAAQ,KAEhEA,gCACE,IAAI,EACF,YAAY,CAAC,IAAI,KAAK,WAAW;iBAChC,YAAY,CAAC,MAAM,KAAK,UAAU,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;gBAC5D,CAAC,YAAY,CAAC,KAAK;kBACf,2BAA2B;kBAC3B,kBAAkB,EAExB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,KAAK,EACpB,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,EAC1C,KAAK,EAAE,YAAY,CAAC,OAAiB,GACjB,CACvB;;;;;;","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 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\n            // TODO: make this string translatable\n            part={MESSAGE_COPIED_PART_SELECTOR}\n          >\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}

package/dist/cjs/common-72f91a78.js.map

@@ -1 +0,0 @@
-{"file":"common-72f91a78.js","mappings":"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","names":["h"],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  let found = undefined;\n  for (let i = 0; i < gxOptions.length; i++) {\n    if (gxOptions[i].selected) {\n      found = gxOptions[i];\n      break;\n    }\n  }\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" = \"primary\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1 : 4;\n  const colorVar =\n    color === \"primary\"\n      ? \"var(--mer-color__primary--200)\"\n      : \"var(--mer-text__on-surface)\";\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorVar}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur=\"1s\"\n          repeatCount=\"indefinite\"\n        />\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorVar}>\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 cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorVar}>\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};\n"],"version":3}

package/dist/cjs/gx-ide-chat-container.cjs.entry.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e227aefb.js');
-const assetsManager = require('./assets-manager-7227a74b.js');
-require('./MERCURY_ASSETS-6bbcc011.js');
-
-const chatContainerCss = ".chat-container{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content;gap:6px;position:relative;--chat-common-border-radius:var(--mer-spacing--2xs);background-color:transparent !important}.section{display:contents}.chat-container__header{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);display:flex;align-items:center;gap:var(--mer-spacing--sm);justify-content:space-between}.chat-container__ch-chat{overflow:auto;position:relative;display:grid;padding:0 var(--mer-spacing--xs) var(--mer-spacing--xs) var(--mer-spacing--xs)}.chat-container__header,.chat-container__footer{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm)}.chat-container__conversation-copied{position:absolute;z-index:1;inline-size:100%;block-size:100%;background:rgba(22, 22, 23, 0.75);backdrop-filter:saturate(180%) blur(20px);display:grid;align-items:center;justify-content:center;text-align:center;padding:32px;--mer-icon__box--md:18px;pointer-events:none;overflow:hidden;animation:fadeIn 100ms ease-in-out forwards;opacity:0}.chat-container__conversation-copied-wrapper{display:flex;align-items:center;gap:var(--mer-spacing--sm)}.chat-container__conversation-copied-wrapper{animation:liftUp var(--mer-timing--fast) ease-in-out forwards;inset-block-start:4px;opacity:0;animation-delay:var(--mer-timing--fast);position:relative}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes liftUp{from{opacity:0;inset-block-start:4px}to{opacity:1;inset-block-start:0}}.chat::part(message){position:relative;--copy-button-opacity:0;--copied-to-clipboard-opacity:0;--date-opacity:1}.chat::part(message__content){font-size:13px !important;line-height:1.3 !important}.chat::part(message__time),.chat::part(message__copy-button){transition:opacity var(--mer-timing--super-fast) ease-in-out}.chat::part(message__time){opacity:var(--date-opacity)}.chat::part(message):hover{position:relative;--copy-button-opacity:1;--date-opacity:0}.chat::part(message__copy-button){position:absolute;z-index:1;inset-inline-end:0;padding:var(--mer-spacing--sm);transition:opacity var(--mer-timing--fast) ease-in-out;opacity:var(--copy-button-opacity)}.chat::part(message__copy-button)::after{content:\"\";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);--icon-path:var(--icon__system_copy_primary--enabled)}.chat::part(message__copy-button):hover::after{--icon-path:var(--icon__system_copy_primary--hover)}.chat::part(message__copy-button):active::after{--icon-path:var(--icon__system_copy_primary--active)}.chat::part(message__copied-feedback){transition:opacity 150ms ease-in-out;position:absolute;inline-size:100%;block-size:100%;display:flex;align-items:center;justify-content:center;z-index:2;background:rgba(22, 22, 23, 0.8);backdrop-filter:saturate(180%) blur(20px);opacity:var(--copied-to-clipboard-opacity);pointer-events:none}.chat::part(message__copied-feedback-visible){--copied-to-clipboard-opacity:1;pointer-events:visible}.chat::part(send-container){gap:var(--mer-spacing--xs)}.chat::part(send-input){--control__padding-block:7px !important}.chat::part(send-button){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);inline-size:32px;block-size:32px;background:no-repeat center/var(--mer-icon__box--md) var(--icon-path);--icon-path:var(--icon__system_send_primary--enabled)}.chat::part(send-button):hover{--icon-path:var(--icon__system_send_primary--hover);--control__border-color:var(--mer-text__primary--hover)}.chat::part(send-button):active{--icon-path:var(--icon__system_send_primary--active);--control__border-color:var(--mer-border-color__primary--active)}.chat::part(message assistant){background-color:var(--elevation-background-color, var(--mer-surface__elevation--01)) !important}.chat::part(message assistant waiting){align-items:center;gap:var(--mer-spacing--md) !important}.button-copy-chat,.button-delete-chat{--control__border-color:transparent !important}.button-delete-chat:hover{filter:brightness(1.3)}.button-delete-chat:active{filter:brightness(0.8)}";
-
-const CSS_BUNDLES = [
-    "resets/box-sizing",
-    "utils/typography",
-    "chameleon/scrollbar",
-    "components/button",
-    "components/icon",
-    "utils/elevation"
-];
-const COPY_ICON = assetsManager.getIconPath({
-    category: "system",
-    name: "copy",
-    colorType: "neutral"
-});
-const DELETE_ICON = assetsManager.getIconPath({
-    category: "system",
-    name: "delete-outlined",
-    colorType: "error"
-});
-const CONVERSATION_ICON = assetsManager.getIconPath({
-    category: "objects",
-    name: "conversational-flows"
-});
-const GxIdeChatContainer = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.chatTitle = undefined;
-        this.copyConversationCallback = undefined;
-        this.deleteConversationCallback = undefined;
-        this.displayConversationCopiedMessage = false;
-    }
-    /**
-     * It will display a feedback message that the conversation has been copied
-     */
-    async showCopyConversationMessage() {
-        this.displayConversationCopiedMessage = true;
-        setTimeout(() => {
-            this.displayConversationCopiedMessage = false;
-        }, 2000);
-    }
-    render() {
-        const renderHeader = this.chatTitle ||
-            this.copyConversationCallback ||
-            this.deleteConversationCallback;
-        const renderButtonsGroup = this.copyConversationCallback || this.deleteConversationCallback;
-        return (index.h(index.Host, { class: "chat-container" }, index.h("ch-theme", { model: CSS_BUNDLES }), index.h("section", { class: "section" }, renderHeader && (index.h("header", { class: "chat-container__header elevation-1 body-italic-m" }, this.chatTitle && this.chatTitle, renderButtonsGroup && (index.h("div", null, this.deleteConversationCallback && (index.h("button", { class: "button-secondary button-icon-only button-delete-chat", onClick: this.deleteConversationCallback }, index.h("ch-image", { class: "icon-md", src: DELETE_ICON }))), this.copyConversationCallback && (index.h("button", { class: "button-secondary button-icon-only button-copy-chat", onClick: this.copyConversationCallback }, index.h("ch-image", { class: "icon-md", src: COPY_ICON }))))))), index.h("section", { class: "chat-container__ch-chat" }, index.h("slot", null), this.displayConversationCopiedMessage && (index.h("div", { class: "chat-container__conversation-copied" }, index.h("div", { class: "chat-container__conversation-copied-wrapper" }, index.h("ch-image", { class: "icon-md", src: CONVERSATION_ICON }), index.h("p", { class: "body-regular-l" }, "conversation copied"))))))));
-    }
-};
-GxIdeChatContainer.style = chatContainerCss;
-
-exports.gx_ide_chat_container = GxIdeChatContainer;
-
-//# sourceMappingURL=gx-ide-chat-container.cjs.entry.js.map

package/dist/cjs/gx-ide-chat-container.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gx-ide-chat-container.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG,ksIAAksI;;ACG3tI,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,mBAAmB;IACnB,iBAAiB;IACjB,iBAAiB;CAClB,CAAC;AAEF,MAAM,SAAS,GAAGA,yBAAW,CAAC;IAC5B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,WAAW,GAAGA,yBAAW,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,iBAAiB;IACvB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AACH,MAAM,iBAAiB,GAAGA,yBAAW,CAAC;IACpC,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAC;MAOU,kBAAkB;;;;;;gDAmBwB,KAAK;;;;;IAM1D,MAAM,2BAA2B;QAC/B,IAAI,CAAC,gCAAgC,GAAG,IAAI,CAAC;QAC7C,UAAU,CAAC;YACT,IAAI,CAAC,gCAAgC,GAAG,KAAK,CAAC;SAC/C,EAAE,IAAI,CAAC,CAAC;KACV;IAED,MAAM;QACJ,MAAM,YAAY,GAChB,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,wBAAwB;YAC7B,IAAI,CAAC,0BAA0B,CAAC;QAElC,MAAM,kBAAkB,GACtB,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,0BAA0B,CAAC;QACnE,QACEC,QAACC,UAAI,IAAC,KAAK,EAAC,gBAAgB,IAC1BD,sBAAU,KAAK,EAAE,WAAW,GAAa,EACzCA,qBAAS,KAAK,EAAC,SAAS,IACrB,YAAY,KACXA,oBAAQ,KAAK,EAAC,kDAAkD,IAC7D,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAEhC,kBAAkB,KACjBA,qBACG,IAAI,CAAC,0BAA0B,KAC9BA,oBACE,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,IAAI,CAAC,0BAA0B,IAExCA,sBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,WAAW,GAAa,CAChD,CACV,EAEA,IAAI,CAAC,wBAAwB,KAC5BA,oBACE,KAAK,EAAC,oDAAoD,EAC1D,OAAO,EAAE,IAAI,CAAC,wBAAwB,IAEtCA,sBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,SAAS,GAAa,CAC9C,CACV,CACG,CACP,CACM,CACV,EACDA,qBAAS,KAAK,EAAC,yBAAyB,IACtCA,qBAAa,EACZ,IAAI,CAAC,gCAAgC,KACpCA,iBAAK,KAAK,EAAC,qCAAqC,IAC9CA,iBAAK,KAAK,EAAC,6CAA6C,IACtDA,sBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,iBAAiB,GAAa,EAC7DA,eAAG,KAAK,EAAC,gBAAgB,0BAAwB,CAC7C,CACF,CACP,CACO,CAEF,CACL,EACP;KACH;;;;;;","names":["getIconPath","h","Host"],"sources":["src/components/_helpers/chat-container/chat-container.scss?tag=gx-ide-chat-container","src/components/_helpers/chat-container/chat-container.tsx"],"sourcesContent":[".chat-container {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n  gap: 6px;\n  position: relative;\n  --chat-common-border-radius: var(--mer-spacing--2xs);\n\n  // force elevation-* class not applying on the host\n  background-color: transparent !important;\n}\n.section {\n  display: contents;\n}\n\n// header\n.chat-container__header {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n  justify-content: space-between;\n}\n\n// ch-chat container\n.chat-container__ch-chat {\n  overflow: auto;\n  position: relative;\n  display: grid;\n  padding: 0 var(--mer-spacing--xs) var(--mer-spacing--xs)\n    var(--mer-spacing--xs);\n}\n\n// footer\n\n// header & footer (common styles)\n.chat-container__header,\n.chat-container__footer {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n}\n\n.chat-container__conversation-copied {\n  position: absolute;\n  z-index: 1;\n  inline-size: 100%;\n  block-size: 100%;\n  background: rgba(22, 22, 23, 0.75);\n  backdrop-filter: saturate(180%) blur(20px);\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 32px;\n  --mer-icon__box--md: 18px;\n  pointer-events: none;\n  overflow: hidden;\n  animation: fadeIn 100ms ease-in-out forwards;\n  opacity: 0;\n}\n.chat-container__conversation-copied-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n.chat-container__conversation-copied-wrapper {\n  animation: liftUp var(--mer-timing--fast) ease-in-out forwards;\n  inset-block-start: 4px;\n  opacity: 0;\n  animation-delay: var(--mer-timing--fast);\n  position: relative;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes liftUp {\n  from {\n    opacity: 0;\n    inset-block-start: 4px;\n  }\n  to {\n    opacity: 1;\n    inset-block-start: 0;\n  }\n}\n\n// - - - - - - - - - - - - - - - - - - - - - - - - - -\n// ch-chat overrides TODO: move this styles to Mercury\n// - - - - - - - - - - - - - - - - - - - - - - - - - -\n\n.chat::part(message) {\n  position: relative;\n  --copy-button-opacity: 0;\n  --copied-to-clipboard-opacity: 0;\n  --date-opacity: 1;\n}\n\n.chat::part(message__content) {\n  font-size: 13px !important;\n  line-height: 1.3 !important;\n}\n\n.chat::part(message__time),\n.chat::part(message__copy-button) {\n  transition: opacity var(--mer-timing--super-fast) ease-in-out;\n}\n.chat::part(message__time) {\n  opacity: var(--date-opacity);\n}\n.chat::part(message):hover {\n  position: relative;\n  --copy-button-opacity: 1;\n  --date-opacity: 0;\n}\n.chat::part(message__copy-button) {\n  position: absolute;\n  z-index: 1;\n  inset-inline-end: 0;\n  padding: var(--mer-spacing--sm); // same as part::(message)\n  transition: opacity var(--mer-timing--fast) ease-in-out;\n  opacity: var(--copy-button-opacity);\n\n  &::after {\n    content: \"\";\n    inline-size: var(--mer-icon__box--md);\n    block-size: var(--mer-icon__box--md);\n    background: no-repeat center / var(--mer-icon__size--md) var(--icon-path);\n    --icon-path: var(--icon__system_copy_primary--enabled);\n  }\n  &:hover::after {\n    --icon-path: var(--icon__system_copy_primary--hover);\n  }\n  &:active::after {\n    --icon-path: var(--icon__system_copy_primary--active);\n  }\n}\n\n// copy button effect\n.chat::part(message__copied-feedback) {\n  transition: opacity 150ms ease-in-out;\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n  background: rgba(22, 22, 23, 0.8);\n  backdrop-filter: saturate(180%) blur(20px);\n  opacity: var(--copied-to-clipboard-opacity);\n  pointer-events: none;\n}\n\n.chat::part(message__copied-feedback-visible) {\n  --copied-to-clipboard-opacity: 1;\n  pointer-events: visible;\n}\n\n// send button\n.chat::part(send-container) {\n  gap: var(--mer-spacing--xs);\n}\n.chat::part(send-input) {\n  --control__padding-block: 7px !important;\n}\n\n.chat::part(send-button) {\n  border-width: var(--control__border-width);\n  border-style: var(--control__border-style);\n  border-color: var(--control__border-color);\n  border-radius: var(--control__border-radius);\n  inline-size: 32px;\n  block-size: 32px;\n  background: no-repeat center / var(--mer-icon__box--md) var(--icon-path);\n  --icon-path: var(--icon__system_send_primary--enabled);\n}\n.chat::part(send-button):hover {\n  --icon-path: var(--icon__system_send_primary--hover);\n  --control__border-color: var(--mer-text__primary--hover);\n}\n.chat::part(send-button):active {\n  --icon-path: var(--icon__system_send_primary--active);\n  --control__border-color: var(--mer-border-color__primary--active);\n}\n\n// assistant\n\n.chat::part(message assistant) {\n  background-color: var(\n    --elevation-background-color,\n    var(--mer-surface__elevation--01)\n  ) !important;\n}\n\n.chat::part(message assistant waiting) {\n  align-items: center;\n  gap: var(--mer-spacing--md) !important;\n}\n\n.button-copy-chat,\n.button-delete-chat {\n  --control__border-color: transparent !important;\n}\n.button-delete-chat {\n  &:hover {\n    filter: brightness(1.3);\n  }\n  &:active {\n    filter: brightness(0.8);\n  }\n}\n","import { Component, Host, h, Prop, Method, State } from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/elevation\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"neutral\"\n});\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"error\"\n});\nconst CONVERSATION_ICON = getIconPath({\n  category: \"objects\",\n  name: \"conversational-flows\"\n});\n\n@Component({\n  tag: \"gx-ide-chat-container\",\n  styleUrl: \"chat-container.scss\",\n  shadow: false\n})\nexport class GxIdeChatContainer {\n  /**\n   * The chat title\n   */\n  @Prop() readonly chatTitle?: string;\n\n  /**\n   * If true a button for copying the conversation will be render on the header\n   */\n  @Prop() readonly copyConversationCallback: () => void;\n\n  /**\n   * If true a button for deleting the conversation will be render on the header\n   */\n  @Prop() readonly deleteConversationCallback: () => void;\n\n  /**\n   * Coneration Copied\n   */\n  @State() displayConversationCopiedMessage: boolean = false;\n\n  /**\n   * It will display a feedback message that the conversation has been copied\n   */\n  @Method()\n  async showCopyConversationMessage() {\n    this.displayConversationCopiedMessage = true;\n    setTimeout(() => {\n      this.displayConversationCopiedMessage = false;\n    }, 2000);\n  }\n\n  render() {\n    const renderHeader =\n      this.chatTitle ||\n      this.copyConversationCallback ||\n      this.deleteConversationCallback;\n\n    const renderButtonsGroup =\n      this.copyConversationCallback || this.deleteConversationCallback;\n    return (\n      <Host class=\"chat-container\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {renderHeader && (\n            <header class=\"chat-container__header elevation-1 body-italic-m\">\n              {this.chatTitle && this.chatTitle}\n\n              {renderButtonsGroup && (\n                <div>\n                  {this.deleteConversationCallback && (\n                    <button\n                      class=\"button-secondary button-icon-only button-delete-chat\"\n                      onClick={this.deleteConversationCallback}\n                    >\n                      <ch-image class=\"icon-md\" src={DELETE_ICON}></ch-image>\n                    </button>\n                  )}\n\n                  {this.copyConversationCallback && (\n                    <button\n                      class=\"button-secondary button-icon-only button-copy-chat\"\n                      onClick={this.copyConversationCallback}\n                    >\n                      <ch-image class=\"icon-md\" src={COPY_ICON}></ch-image>\n                    </button>\n                  )}\n                </div>\n              )}\n            </header>\n          )}\n          <section class=\"chat-container__ch-chat\">\n            <slot></slot>\n            {this.displayConversationCopiedMessage && (\n              <div class=\"chat-container__conversation-copied\">\n                <div class=\"chat-container__conversation-copied-wrapper\">\n                  <ch-image class=\"icon-md\" src={CONVERSATION_ICON}></ch-image>\n                  <p class=\"body-regular-l\">conversation copied</p>\n                </div>\n              </div>\n            )}\n          </section>\n          {/* <footer class=\"chat-container__footer elevation-1\">footer</footer> */}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/collection/components/_helpers/chat-container/chat-container.css

@@ -1,204 +0,0 @@
-.chat-container {
-  display: grid;
-  block-size: 100%;
-  overflow: auto;
-  grid-template-rows: max-content 1fr max-content;
-  gap: 6px;
-  position: relative;
-  --chat-common-border-radius: var(--mer-spacing--2xs);
-  background-color: transparent !important;
-}
-
-.section {
-  display: contents;
-}
-
-.chat-container__header {
-  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);
-  display: flex;
-  align-items: center;
-  gap: var(--mer-spacing--sm);
-  justify-content: space-between;
-}
-
-.chat-container__ch-chat {
-  overflow: auto;
-  position: relative;
-  display: grid;
-  padding: 0 var(--mer-spacing--xs) var(--mer-spacing--xs) var(--mer-spacing--xs);
-}
-
-.chat-container__header,
-.chat-container__footer {
-  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);
-}
-
-.chat-container__conversation-copied {
-  position: absolute;
-  z-index: 1;
-  inline-size: 100%;
-  block-size: 100%;
-  background: rgba(22, 22, 23, 0.75);
-  backdrop-filter: saturate(180%) blur(20px);
-  display: grid;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 32px;
-  --mer-icon__box--md: 18px;
-  pointer-events: none;
-  overflow: hidden;
-  animation: fadeIn 100ms ease-in-out forwards;
-  opacity: 0;
-}
-
-.chat-container__conversation-copied-wrapper {
-  display: flex;
-  align-items: center;
-  gap: var(--mer-spacing--sm);
-}
-
-.chat-container__conversation-copied-wrapper {
-  animation: liftUp var(--mer-timing--fast) ease-in-out forwards;
-  inset-block-start: 4px;
-  opacity: 0;
-  animation-delay: var(--mer-timing--fast);
-  position: relative;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes liftUp {
-  from {
-    opacity: 0;
-    inset-block-start: 4px;
-  }
-  to {
-    opacity: 1;
-    inset-block-start: 0;
-  }
-}
-.chat::part(message) {
-  position: relative;
-  --copy-button-opacity: 0;
-  --copied-to-clipboard-opacity: 0;
-  --date-opacity: 1;
-}
-
-.chat::part(message__content) {
-  font-size: 13px !important;
-  line-height: 1.3 !important;
-}
-
-.chat::part(message__time),
-.chat::part(message__copy-button) {
-  transition: opacity var(--mer-timing--super-fast) ease-in-out;
-}
-
-.chat::part(message__time) {
-  opacity: var(--date-opacity);
-}
-
-.chat::part(message):hover {
-  position: relative;
-  --copy-button-opacity: 1;
-  --date-opacity: 0;
-}
-
-.chat::part(message__copy-button) {
-  position: absolute;
-  z-index: 1;
-  inset-inline-end: 0;
-  padding: var(--mer-spacing--sm);
-  transition: opacity var(--mer-timing--fast) ease-in-out;
-  opacity: var(--copy-button-opacity);
-}
-.chat::part(message__copy-button)::after {
-  content: "";
-  inline-size: var(--mer-icon__box--md);
-  block-size: var(--mer-icon__box--md);
-  background: no-repeat center/var(--mer-icon__size--md) var(--icon-path);
-  --icon-path: var(--icon__system_copy_primary--enabled);
-}
-.chat::part(message__copy-button):hover::after {
-  --icon-path: var(--icon__system_copy_primary--hover);
-}
-.chat::part(message__copy-button):active::after {
-  --icon-path: var(--icon__system_copy_primary--active);
-}
-
-.chat::part(message__copied-feedback) {
-  transition: opacity 150ms ease-in-out;
-  position: absolute;
-  inline-size: 100%;
-  block-size: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2;
-  background: rgba(22, 22, 23, 0.8);
-  backdrop-filter: saturate(180%) blur(20px);
-  opacity: var(--copied-to-clipboard-opacity);
-  pointer-events: none;
-}
-
-.chat::part(message__copied-feedback-visible) {
-  --copied-to-clipboard-opacity: 1;
-  pointer-events: visible;
-}
-
-.chat::part(send-container) {
-  gap: var(--mer-spacing--xs);
-}
-
-.chat::part(send-input) {
-  --control__padding-block: 7px !important;
-}
-
-.chat::part(send-button) {
-  border-width: var(--control__border-width);
-  border-style: var(--control__border-style);
-  border-color: var(--control__border-color);
-  border-radius: var(--control__border-radius);
-  inline-size: 32px;
-  block-size: 32px;
-  background: no-repeat center/var(--mer-icon__box--md) var(--icon-path);
-  --icon-path: var(--icon__system_send_primary--enabled);
-}
-
-.chat::part(send-button):hover {
-  --icon-path: var(--icon__system_send_primary--hover);
-  --control__border-color: var(--mer-text__primary--hover);
-}
-
-.chat::part(send-button):active {
-  --icon-path: var(--icon__system_send_primary--active);
-  --control__border-color: var(--mer-border-color__primary--active);
-}
-
-.chat::part(message assistant) {
-  background-color: var(--elevation-background-color, var(--mer-surface__elevation--01)) !important;
-}
-
-.chat::part(message assistant waiting) {
-  align-items: center;
-  gap: var(--mer-spacing--md) !important;
-}
-
-.button-copy-chat,
-.button-delete-chat {
-  --control__border-color: transparent !important;
-}
-
-.button-delete-chat:hover {
-  filter: brightness(1.3);
-}
-.button-delete-chat:active {
-  filter: brightness(0.8);
-}

package/dist/collection/components/_helpers/chat-container/chat-container.js

@@ -1,137 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { getIconPath } from "@genexus/mercury";
-const CSS_BUNDLES = [
-    "resets/box-sizing",
-    "utils/typography",
-    "chameleon/scrollbar",
-    "components/button",
-    "components/icon",
-    "utils/elevation"
-];
-const COPY_ICON = getIconPath({
-    category: "system",
-    name: "copy",
-    colorType: "neutral"
-});
-const DELETE_ICON = getIconPath({
-    category: "system",
-    name: "delete-outlined",
-    colorType: "error"
-});
-const CONVERSATION_ICON = getIconPath({
-    category: "objects",
-    name: "conversational-flows"
-});
-export class GxIdeChatContainer {
-    constructor() {
-        this.chatTitle = undefined;
-        this.copyConversationCallback = undefined;
-        this.deleteConversationCallback = undefined;
-        this.displayConversationCopiedMessage = false;
-    }
-    /**
-     * It will display a feedback message that the conversation has been copied
-     */
-    async showCopyConversationMessage() {
-        this.displayConversationCopiedMessage = true;
-        setTimeout(() => {
-            this.displayConversationCopiedMessage = false;
-        }, 2000);
-    }
-    render() {
-        const renderHeader = this.chatTitle ||
-            this.copyConversationCallback ||
-            this.deleteConversationCallback;
-        const renderButtonsGroup = this.copyConversationCallback || this.deleteConversationCallback;
-        return (h(Host, { class: "chat-container" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, renderHeader && (h("header", { class: "chat-container__header elevation-1 body-italic-m" }, this.chatTitle && this.chatTitle, renderButtonsGroup && (h("div", null, this.deleteConversationCallback && (h("button", { class: "button-secondary button-icon-only button-delete-chat", onClick: this.deleteConversationCallback }, h("ch-image", { class: "icon-md", src: DELETE_ICON }))), this.copyConversationCallback && (h("button", { class: "button-secondary button-icon-only button-copy-chat", onClick: this.copyConversationCallback }, h("ch-image", { class: "icon-md", src: COPY_ICON }))))))), h("section", { class: "chat-container__ch-chat" }, h("slot", null), this.displayConversationCopiedMessage && (h("div", { class: "chat-container__conversation-copied" }, h("div", { class: "chat-container__conversation-copied-wrapper" }, h("ch-image", { class: "icon-md", src: CONVERSATION_ICON }), h("p", { class: "body-regular-l" }, "conversation copied"))))))));
-    }
-    static get is() { return "gx-ide-chat-container"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["chat-container.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["chat-container.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "chatTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "The chat title"
-                },
-                "attribute": "chat-title",
-                "reflect": false
-            },
-            "copyConversationCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => void",
-                    "resolved": "() => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If true a button for copying the conversation will be render on the header"
-                }
-            },
-            "deleteConversationCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => void",
-                    "resolved": "() => void",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If true a button for deleting the conversation will be render on the header"
-                }
-            }
-        };
-    }
-    static get states() {
-        return {
-            "displayConversationCopiedMessage": {}
-        };
-    }
-    static get methods() {
-        return {
-            "showCopyConversationMessage": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "It will display a feedback message that the conversation has been copied",
-                    "tags": []
-                }
-            }
-        };
-    }
-}
-//# sourceMappingURL=chat-container.js.map

package/dist/collection/components/_helpers/chat-container/chat-container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-container.js","sourceRoot":"","sources":["../../../../src/components/_helpers/chat-container/chat-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAkB,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/D,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,mBAAmB;IACnB,iBAAiB;IACjB,iBAAiB;CAClB,CAAC;AAEF,MAAM,SAAS,GAAG,WAAW,CAAC;IAC5B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,WAAW,GAAG,WAAW,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,iBAAiB;IACvB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AACH,MAAM,iBAAiB,GAAG,WAAW,CAAC;IACpC,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAC;AAOH,MAAM,OAAO,kBAAkB;;;;;gDAmBwB,KAAK;;IAE1D;;OAEG;IAEH,KAAK,CAAC,2BAA2B;QAC/B,IAAI,CAAC,gCAAgC,GAAG,IAAI,CAAC;QAC7C,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,gCAAgC,GAAG,KAAK,CAAC;QAChD,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAChB,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,wBAAwB;YAC7B,IAAI,CAAC,0BAA0B,CAAC;QAElC,MAAM,kBAAkB,GACtB,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,0BAA0B,CAAC;QACnE,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB;YAC1B,gBAAU,KAAK,EAAE,WAAW,GAAa;YACzC,eAAS,KAAK,EAAC,SAAS;gBACrB,YAAY,IAAI,CACf,cAAQ,KAAK,EAAC,kDAAkD;oBAC7D,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS;oBAEhC,kBAAkB,IAAI,CACrB;wBACG,IAAI,CAAC,0BAA0B,IAAI,CAClC,cACE,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,IAAI,CAAC,0BAA0B;4BAExC,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,WAAW,GAAa,CAChD,CACV;wBAEA,IAAI,CAAC,wBAAwB,IAAI,CAChC,cACE,KAAK,EAAC,oDAAoD,EAC1D,OAAO,EAAE,IAAI,CAAC,wBAAwB;4BAEtC,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,SAAS,GAAa,CAC9C,CACV,CACG,CACP,CACM,CACV;gBACD,eAAS,KAAK,EAAC,yBAAyB;oBACtC,eAAa;oBACZ,IAAI,CAAC,gCAAgC,IAAI,CACxC,WAAK,KAAK,EAAC,qCAAqC;wBAC9C,WAAK,KAAK,EAAC,6CAA6C;4BACtD,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,iBAAiB,GAAa;4BAC7D,SAAG,KAAK,EAAC,gBAAgB,0BAAwB,CAC7C,CACF,CACP,CACO,CAEF,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, Method, State } from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/elevation\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"neutral\"\n});\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"error\"\n});\nconst CONVERSATION_ICON = getIconPath({\n  category: \"objects\",\n  name: \"conversational-flows\"\n});\n\n@Component({\n  tag: \"gx-ide-chat-container\",\n  styleUrl: \"chat-container.scss\",\n  shadow: false\n})\nexport class GxIdeChatContainer {\n  /**\n   * The chat title\n   */\n  @Prop() readonly chatTitle?: string;\n\n  /**\n   * If true a button for copying the conversation will be render on the header\n   */\n  @Prop() readonly copyConversationCallback: () => void;\n\n  /**\n   * If true a button for deleting the conversation will be render on the header\n   */\n  @Prop() readonly deleteConversationCallback: () => void;\n\n  /**\n   * Coneration Copied\n   */\n  @State() displayConversationCopiedMessage: boolean = false;\n\n  /**\n   * It will display a feedback message that the conversation has been copied\n   */\n  @Method()\n  async showCopyConversationMessage() {\n    this.displayConversationCopiedMessage = true;\n    setTimeout(() => {\n      this.displayConversationCopiedMessage = false;\n    }, 2000);\n  }\n\n  render() {\n    const renderHeader =\n      this.chatTitle ||\n      this.copyConversationCallback ||\n      this.deleteConversationCallback;\n\n    const renderButtonsGroup =\n      this.copyConversationCallback || this.deleteConversationCallback;\n    return (\n      <Host class=\"chat-container\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {renderHeader && (\n            <header class=\"chat-container__header elevation-1 body-italic-m\">\n              {this.chatTitle && this.chatTitle}\n\n              {renderButtonsGroup && (\n                <div>\n                  {this.deleteConversationCallback && (\n                    <button\n                      class=\"button-secondary button-icon-only button-delete-chat\"\n                      onClick={this.deleteConversationCallback}\n                    >\n                      <ch-image class=\"icon-md\" src={DELETE_ICON}></ch-image>\n                    </button>\n                  )}\n\n                  {this.copyConversationCallback && (\n                    <button\n                      class=\"button-secondary button-icon-only button-copy-chat\"\n                      onClick={this.copyConversationCallback}\n                    >\n                      <ch-image class=\"icon-md\" src={COPY_ICON}></ch-image>\n                    </button>\n                  )}\n                </div>\n              )}\n            </header>\n          )}\n          <section class=\"chat-container__ch-chat\">\n            <slot></slot>\n            {this.displayConversationCopiedMessage && (\n              <div class=\"chat-container__conversation-copied\">\n                <div class=\"chat-container__conversation-copied-wrapper\">\n                  <ch-image class=\"icon-md\" src={CONVERSATION_ICON}></ch-image>\n                  <p class=\"body-regular-l\">conversation copied</p>\n                </div>\n              </div>\n            )}\n          </section>\n          {/* <footer class=\"chat-container__footer elevation-1\">footer</footer> */}\n        </section>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/_helpers/chat-container/code-render.js

@@ -1,46 +0,0 @@
-import { h } from "@stencil/core";
-import { getIconPath } from "@genexus/mercury";
-getIconPath;
-const MESSAGE_COPIED_PART_SELECTOR = "message__copied-feedback";
-const MESSAGE_COPIED_VISIBLE_PART_SELECTOR = "message__copied-feedback-visible";
-const ANIMATION_DOTS = (h("svg", { width: "36", height: "8", fill: "transparent" }, h("circle", { cx: "4", cy: "4", r: "4", opacity: "0", fill: "var(--mer-color__primary--200)" }, h("animate", { attributeName: "opacity", values: "0;1;0", dur: "1s", repeatCount: "indefinite" })), h("circle", { cx: "18", cy: "4", r: "4", opacity: "0", fill: "var(--mer-color__primary--200)" }, h("animate", { attributeName: "opacity", values: "0;1;0", dur: "1s", begin: "0.15s", repeatCount: "indefinite" })), h("circle", { cx: "32", cy: "4", r: "4", opacity: "0", fill: "var(--mer-color__primary--200)" }, h("animate", { attributeName: "opacity", values: "0;1;0", dur: "1s", begin: "0.30s", repeatCount: "indefinite" }))));
-const copy = (text) => (event) => {
-    event.stopPropagation();
-    // 1. Copy message
-    navigator.clipboard.writeText(text);
-    // 2. Display "copied" message (expects to be the next sibling!)
-    const copiedFeedbackRef = event.target
-        .nextSibling;
-    const copiedFeedbackPart = copiedFeedbackRef.getAttribute("part");
-    if (copiedFeedbackPart === MESSAGE_COPIED_PART_SELECTOR) {
-        copiedFeedbackRef.setAttribute("part", `${MESSAGE_COPIED_PART_SELECTOR} ${MESSAGE_COPIED_VISIBLE_PART_SELECTOR}`);
-        setTimeout(() => {
-            copiedFeedbackRef.setAttribute("part", `${MESSAGE_COPIED_PART_SELECTOR}`);
-        }, 1000);
-    }
-};
-const copyButton = (textToCopy, accessibleName, additionalPart) => {
-    return (h("button", { "aria-label": accessibleName, title: accessibleName, class: "button-copy-code", type: "button", onClick: copy(textToCopy), part: `message__copy-button ${additionalPart}` }));
-};
-export const mercuryCodeRender = (copyButtonAccessibleName) => (options) => (h("div", { class: "code-block-container" }, h("div", { class: "code-block-header" }, copyButton(options.plainText, copyButtonAccessibleName, "code-render")), h("ch-code", { language: options.language, lastNestedChildClass: options.lastNestedChildClass, value: options.plainText })));
-export const mercuryChatMessageRender = (theme, userName = "You", assistantName = "AI Assistant") => (messageModel) => messageModel.role === "assistant" && messageModel.status === "waiting"
-    ? [
-        h("span", { part: "message__processing" }, messageModel.content),
-        ANIMATION_DOTS
-    ]
-    : [
-        // "copy button" before "role" and "time" to hide both on button:focus
-        copyButton(messageModel.content, "Copy code", "common-message"),
-        h("p", {
-            // TODO: make this string translatable
-            part: MESSAGE_COPIED_PART_SELECTOR
-        }, "message copied to clipboard"),
-        h("span", { part: `message__role ${messageModel.role}` }, messageModel.role === "user" ? userName : assistantName),
-        h("time", { dateTime: messageModel.metadata, part: "message__time" }, messageModel.metadata),
-        messageModel.role === "user" ? (h("span", { part: "message__content user" }, messageModel.content)) : (h("ch-markdown-viewer", { part: messageModel.role === "assistant" &&
-                (messageModel.status === "complete" || !messageModel.status) &&
-                !messageModel.parts
-                ? `message__content no-error`
-                : "message__content", theme: theme, showIndicator: false, renderCode: mercuryCodeRender("Copy code"), value: messageModel.content }))
-    ];
-//# sourceMappingURL=code-render.js.map