@genexus/genexus-ide-ui 1.1.4 → 1.1.6

package/dist/genexus-ide-ui/p-6e4208d8.js

@@ -1,9 +0,0 @@
-const $ = "/";
-
-const t = "mer", getIconPath = (n, o = t) => {
-  const r = n.colorType ? `${$}${n.colorType}` : "";
-  return `${o}${$}${n.category}${$}${n.name}${r}`;
-};
-
-export { getIconPath as g };
-//# sourceMappingURL=p-6e4208d8.js.map

package/dist/genexus-ide-ui/p-6e4208d8.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["g","MERCURY_ALIAS","getIconPath","e","t","r","colorType","category","name"],"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"],"mappings":"AAAkB,MAAWA,IAAE;;AAAsB,MAACC,IAAc,OAAsNC,cAAY,CAACC,GAAEC,IAAEH;EAAiB,MAAMI,IAAEF,EAAEG,YAAU,GAAGN,IAAIG,EAAEG,cAAY;EAAG,OAAM,GAAGF,IAAIJ,IAAIG,EAAEI,WAAWP,IAAIG,EAAEK,OAAOH;AAAC"}

package/dist/genexus-ide-ui/p-9a609b51.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["renderFormItems","componentType","options","group","callback","length","items","forEach","option","item","h","checkboxId","id","checked","disabled","label","value","onChange","iconName","part","push","icon","radioId","name","renderModuleDataProperties","Array","isArray","class","map","subItem","inline","getSelectedItem","gxOptions","found","undefined","i","selected","ANIMATION_DOTS","size","color","n","colorVar","width","height","fill","cx","cy","r","opacity","attributeName","values","dur","repeatCount","begin"],"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"],"mappings":";;4BAMaA,kBAAkB,CAC7BC,IAGuB,sBACvBC,GACAC,IAAQ,mBACRC;EAEA,IAAIF,EAAQG,QAAQ;IAClB,MAAMC,IAA2B;IACjCJ,EAAQK,SAAQC;MACd,IAAIC;MACJ,QAAQR;OACN,KAAK;QACHQ,IACEC,EAAA;UACEC,YAAYH,EAAOI;UACnBC,SAASL,EAAOK;UAChBC,UAAUN,EAAOM;UACjBC,OAAOP,EAAOO;UACdC,OAAOR,EAAOQ;UACdC,UAAUb,IAAWA,IAAW;UAChCc,UAAUV,EAAOU;UACjBC,MAAM,GAAGhB,KAASK,EAAOI;;QAG7BN,EAAMc,KAAKX;QACX;;OACF,KAAK;QACHA,IACEC,EAAA;UACEM,OAAOR,EAAOI;UACdS,MAAMb,EAAOU;UACbC,MAAM,GAAGhB,KAASK,EAAOI;WAExBJ,EAAOO;QAGZT,EAAMc,KAAKX;QACX;;OACF,KAAK;QACHA,IACEC,EAAA;UACEY,SAASd,EAAOI;UAChBC,SAASL,EAAOK;UAChBC,UAAUN,EAAOM;UACjBC,OAAOP,EAAOO;UACdC,OAAOR,EAAOQ;UACdO,MAAMpB;UACNgB,MAAM,GAAGhB,KAASK,EAAOI;;QAG7BN,EAAMc,KAAKX;QACX;;;IAKN,OAAOH;;EAET,OAAO;AAAI;;MAGAkB,6BACXtB;EAEA,IAAIA,EAAQG,QAAQ;IAClB,MAAMC,IAA8B;IAEpCJ,EAAQK,SAAQC;MACd,IAAIiB,MAAMC,QAAQlB,EAAOQ,QAAQ;QAC/B,MAAMP,IACJC,EAAA;UAAKiB,OAAM;WACTjB,EAAA;UAAGiB,OAAM;WAAoBnB,EAAOe,M,OACpCb,EAAA,YACGF,EAAOQ,MAAMY,KAAIC,KACTnB,EAAA,YAAKmB;QAKpBvB,EAAMc,KAAKX;aACN;QACL,MAAMA,IACJC,EAAA;UACEiB,OACEnB,EAAOsB,SACH,oCACA;WAGNpB,EAAA;UAAGiB,OAAM;WAAoBnB,EAAOe,M,OACpCb,EAAA;UAAGiB,OAAM;WAAsBnB,EAAOQ;QAG1CV,EAAMc,KAAKX;;;IAIf,OAAOH;;EAET,OAAO;AAAI;;;;;UAgCAyB,kBAAmBC;EAC9B,IAAIC,IAAQC;EACZ,KAAK,IAAIC,IAAI,GAAGA,IAAIH,EAAU3B,QAAQ8B,KAAK;IACzC,IAAIH,EAAUG,GAAGC,UAAU;MACzBH,IAAQD,EAAUG;MAClB;;;EAGJ,IAAIF,GAAO;IACT,OAAOA,EAAMrB;SACR;IACL,OAAOoB,EAAU,GAAGpB;;;;;MAYXyB,iBAAiB,CAC5BC,IAA2B,WAC3BC,IAAkC;EAElC,MAAMC,IAAIF,MAAS,YAAY,IAAI;EACnC,MAAMG,IACJF,MAAU,YACN,mCACA;EAEN,OACE7B,EAAA;IAAKgC,OAAO,KAAKF;IAAGG,QAAQ,IAAIH;IAAGI,MAAK;KACtClC,EAAA;IAAQmC,IAAI,IAAIL;IAAGM,IAAI,IAAIN;IAAGO,GAAG,IAAIP;IAAGQ,SAAQ;IAAIJ,MAAMH;KACxD/B,EAAA;IACEuC,eAAc;IACdC,QAAO;IACPC,KAAI;IACJC,aAAY;OAGhB1C,EAAA;IAAQmC,IAAI,KAAKL;IAAGM,IAAI,IAAIN;IAAGO,GAAG,IAAIP;IAAGQ,SAAQ;IAAIJ,MAAMH;KACzD/B,EAAA;IACEuC,eAAc;IACdC,QAAO;IACPC,KAAI;IACJE,OAAM;IACND,aAAY;OAGhB1C,EAAA;IAAQmC,IAAI,KAAKL;IAAGM,IAAI,IAAIN;IAAGO,GAAG,IAAIP;IAAGQ,SAAQ;IAAIJ,MAAMH;KACzD/B,EAAA;IACEuC,eAAc;IACdC,QAAO;IACPC,KAAI;IACJE,OAAM;IACND,aAAY;;AAGZ"}

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

@@ -1,107 +0,0 @@
-import { h as e } from "./p-25a9f1d7.js";
-
-import "./p-5ac47c69.js";
-
-const a = "message__copied-feedback";
-
-const t = "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 === a) {
-    o.setAttribute("part", `${a} ${t}`);
-    setTimeout((() => {
-      o.setAttribute("part", `${a}`);
-    }), 1e3);
-  }
-};
-
-const copyButton = (a, t, s) => e("button", {
-  "aria-label": t,
-  title: t,
-  class: "button-copy-code",
-  type: "button",
-  onClick: copy(a),
-  part: `message__copy-button ${s}`
-});
-
-const mercuryCodeRender = a => t => e("div", {
-  class: "code-block-container"
-}, e("div", {
-  class: "code-block-header"
-}, copyButton(t.plainText, a, "code-render")), e("ch-code", {
-  language: t.language,
-  lastNestedChildClass: t.lastNestedChildClass,
-  value: t.plainText
-}));
-
-const mercuryChatMessageRender = (t, 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", {
-  // TODO: make this string translatable
-  part: a
-}, "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: t,
-  showIndicator: false,
-  renderCode: mercuryCodeRender("Copy code"),
-  value: i.content
-}) ];
-
-export { mercuryCodeRender as a, mercuryChatMessageRender as m };
-//# sourceMappingURL=p-be8a59fd.js.map

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

@@ -1 +0,0 @@
-{"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\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"],"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;;EAEEmC,MAAMtC;GAA4B,gCAIpCG,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-db9c3b37.entry.js

@@ -1,85 +0,0 @@
-import { r as t, h as a, H as e } from "./p-25a9f1d7.js";
-
-import { g as o } from "./p-6e4208d8.js";
-
-import "./p-5ac47c69.js";
-
-const r = '.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 i = [ "resets/box-sizing", "utils/typography", "chameleon/scrollbar", "components/button", "components/icon", "utils/elevation" ];
-
-const n = o({
-  category: "system",
-  name: "copy",
-  colorType: "neutral"
-});
-
-const c = o({
-  category: "system",
-  name: "delete-outlined",
-  colorType: "error"
-});
-
-const s = o({
-  category: "objects",
-  name: "conversational-flows"
-});
-
-const p = class {
-  constructor(a) {
-    t(this, a);
-    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;
-    }), 2e3);
-  }
-  render() {
-    const t = this.chatTitle || this.copyConversationCallback || this.deleteConversationCallback;
-    const o = this.copyConversationCallback || this.deleteConversationCallback;
-    return a(e, {
-      class: "chat-container"
-    }, a("ch-theme", {
-      model: i
-    }), a("section", {
-      class: "section"
-    }, t && a("header", {
-      class: "chat-container__header elevation-1 body-italic-m"
-    }, this.chatTitle && this.chatTitle, o && a("div", null, this.deleteConversationCallback && a("button", {
-      class: "button-secondary button-icon-only button-delete-chat",
-      onClick: this.deleteConversationCallback
-    }, a("ch-image", {
-      class: "icon-md",
-      src: c
-    })), this.copyConversationCallback && a("button", {
-      class: "button-secondary button-icon-only button-copy-chat",
-      onClick: this.copyConversationCallback
-    }, a("ch-image", {
-      class: "icon-md",
-      src: n
-    })))), a("section", {
-      class: "chat-container__ch-chat"
-    }, a("slot", null), this.displayConversationCopiedMessage && a("div", {
-      class: "chat-container__conversation-copied"
-    }, a("div", {
-      class: "chat-container__conversation-copied-wrapper"
-    }, a("ch-image", {
-      class: "icon-md",
-      src: s
-    }), a("p", {
-      class: "body-regular-l"
-    }, "conversation copied"))))));
-  }
-};
-
-p.style = r;
-
-export { p as gx_ide_chat_container };
-//# sourceMappingURL=p-db9c3b37.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["chatContainerCss","CSS_BUNDLES","COPY_ICON","getIconPath","category","name","colorType","DELETE_ICON","CONVERSATION_ICON","GxIdeChatContainer","showCopyConversationMessage","this","displayConversationCopiedMessage","setTimeout","render","renderHeader","chatTitle","copyConversationCallback","deleteConversationCallback","renderButtonsGroup","h","Host","class","model","onClick","src"],"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"],"mappings":";;;;;;AAAA,MAAMA,IAAmB;;ACGzB,MAAMC,IAA8B,EAClC,qBACA,oBACA,uBACA,qBACA,mBACA;;AAGF,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMC,IAAcJ,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAME,IAAoBL,EAAY;EACpCC,UAAU;EACVC,MAAM;;;MAQKI,IAAkB;;;;;;4CAmBwB;;;;SAMrD,iCAAMC;IACJC,KAAKC,mCAAmC;IACxCC,YAAW;MACTF,KAAKC,mCAAmC;AAAK,QAC5C;;EAGL,MAAAE;IACE,MAAMC,IACJJ,KAAKK,aACLL,KAAKM,4BACLN,KAAKO;IAEP,MAAMC,IACJR,KAAKM,4BAA4BN,KAAKO;IACxC,OACEE,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOtB;QACjBmB,EAAA;MAASE,OAAM;OACZP,KACCK,EAAA;MAAQE,OAAM;OACXX,KAAKK,aAAaL,KAAKK,WAEvBG,KACCC,EAAA,aACGT,KAAKO,8BACJE,EAAA;MACEE,OAAM;MACNE,SAASb,KAAKO;OAEdE,EAAA;MAAUE,OAAM;MAAUG,KAAKlB;SAIlCI,KAAKM,4BACJG,EAAA;MACEE,OAAM;MACNE,SAASb,KAAKM;OAEdG,EAAA;MAAUE,OAAM;MAAUG,KAAKvB;WAO3CkB,EAAA;MAASE,OAAM;OACbF,EAAA,eACCT,KAAKC,oCACJQ,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAUE,OAAM;MAAUG,KAAKjB;QAC/BY,EAAA;MAAGE,OAAM;OAAgB"}