@genexus/genexus-ide-ui 1.1.56 → 1.1.57

package/dist/genexus-ide-ui/{p-9270c80f.entry.js → p-981873da.entry.js}

@@ -1,6 +1,14 @@
-import { g as t, r as e, h as a, H as i, a as s } from "./p-97107ecc.js";
+import { r as t, h as e, H as a, a as i, g as s } from "./p-97107ecc.js";
 
-import { g as n } from "./p-401bfc97.js";
+import { g as n } from "./p-d42e842b.js";
+
+import "./p-d4ecd3bb.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
 
 import { L as o } from "./p-311eedf3.js";
 
@@ -13,53 +21,43 @@ var c = undefined && undefined.__classPrivateFieldSet || function(t, e, a, i, s)
   return i === "a" ? s.call(t, a) : s ? s.value = a : e.set(t, a), a;
 };
 
-var l = undefined && undefined.__classPrivateFieldGet || function(t, e, a, i) {
+var d = undefined && undefined.__classPrivateFieldGet || function(t, e, a, i) {
   if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return a === "m" ? i : a === "a" ? i.call(t) : i ? i.value : e.get(t);
 };
 
-var d, p, h, m, u, f;
-
-// TODO: Remove this once update chat bundle for lit is ready
-// on a new Mercury version
-const g = t(`./gx-ide-assets/chat-container/chat-lit.css`);
+var l, p, h, m, u, f;
 
-const y = [ "resets/box-sizing", "utils/typography", "chameleon/scrollbar", "components/button", "components/dropdown", "components/icon", "utils/elevation" ];
+const g = [ "resets/box-sizing", "utils/typography", "chameleon/scrollbar", "components/button", "components/dropdown", "components/icon", "utils/elevation" ];
 
-const b = {
-  // styleSheet: chatListCss,
-  url: g,
-  name: "components/chat-lit"
-};
-
-const w = n({
+const y = n({
   category: "system",
   name: "copy",
   colorType: "primary"
 });
 
-const v = n({
+const b = n({
   category: "system",
   name: "delete-outlined",
   colorType: "primary"
 });
 
-const x = n({
+const v = n({
   category: "objects",
   name: "conversational-flows"
 });
 
-const _ = n({
+const w = n({
   category: "system",
   name: "more-horizontal",
   colorType: "neutral"
 });
 
-const k = class {
-  constructor(t) {
-    e(this, t);
-    d.set(this, [ {
+const x = class {
+  constructor(e) {
+    t(this, e);
+    l.set(this, [ {
       type: "slot",
       id: "delete-chat-button"
     }, {
@@ -109,66 +107,64 @@ const k = class {
   }
   render() {
     const t = this.chatTitle || this.copyConversationCallback || this.deleteConversationCallback;
-    const e = this.copyConversationCallback || this.deleteConversationCallback;
-    return a(i, {
+    const i = this.copyConversationCallback || this.deleteConversationCallback;
+    return e(a, {
       class: {
         "chat-container": true,
         "with-header": !!t
       }
-    }, a("ch-theme", {
-      model: y
-    }), a("ch-theme", {
-      model: b
-    }), a("section", {
+    }, e("ch-theme", {
+      model: g
+    }), e("section", {
       class: "section"
-    }, t && a("header", {
+    }, t && e("header", {
       class: "header tiny-semi-bold-l"
-    }, this.chatTitle && this.chatTitle, e && a("ch-action-menu-render", {
+    }, this.chatTitle && this.chatTitle, i && e("ch-action-menu-render", {
       class: "dropdown",
       blockAlign: "inside-start",
       inlineAlign: "inside-end",
-      model: l(this, d, "f"),
+      model: d(this, l, "f"),
       expanded: this.menuIsExpanded,
-      onExpandedChange: l(this, m, "f")
-    }, a("button", {
+      onExpandedChange: d(this, m, "f")
+    }, e("button", {
       class: "button-tertiary button-icon-only",
-      onClick: l(this, h, "f"),
+      onClick: d(this, h, "f"),
       type: "button",
-      "aria-label": l(this, p, "f").showMenuAriaLabel,
-      title: l(this, p, "f").showMenuAriaLabel
-    }, a("ch-image", {
+      "aria-label": d(this, p, "f").showMenuAriaLabel,
+      title: d(this, p, "f").showMenuAriaLabel
+    }, e("ch-image", {
       class: "icon-md",
-      src: _
-    })), this.copyConversationCallback && a("button", {
+      src: w
+    })), this.copyConversationCallback && e("button", {
       class: "button-tertiary button-icon-and-text button-copy-chat",
       slot: "copy-chat-button",
-      onClick: l(this, u, "f"),
+      onClick: d(this, u, "f"),
       type: "button",
-      "aria-label": l(this, p, "f").copyConversationAriaLabel,
-      title: l(this, p, "f").copyConversationAriaLabel
-    }, a("ch-image", {
+      "aria-label": d(this, p, "f").copyConversationAriaLabel,
+      title: d(this, p, "f").copyConversationAriaLabel
+    }, e("ch-image", {
       class: "icon-md",
-      src: w
-    }), l(this, p, "f").copyConversationLabel), this.deleteConversationCallback && a("button", {
+      src: y
+    }), d(this, p, "f").copyConversationLabel), this.deleteConversationCallback && e("button", {
       class: "button-tertiary button-icon-and-text button-delete-chat",
       slot: "delete-chat-button",
-      onClick: l(this, f, "f"),
+      onClick: d(this, f, "f"),
       type: "button",
-      "aria-label": l(this, p, "f").deleteConversationAriaLabel,
-      title: l(this, p, "f").deleteConversationAriaLabel
-    }, a("ch-image", {
+      "aria-label": d(this, p, "f").deleteConversationAriaLabel,
+      title: d(this, p, "f").deleteConversationAriaLabel
+    }, e("ch-image", {
       class: "icon-md",
-      src: v
-    }), l(this, p, "f").clearConversationLabel))), a("section", {
+      src: b
+    }), d(this, p, "f").clearConversationLabel))), e("section", {
       class: "ch-chat-container"
-    }, a("slot", null), this.displayConversationCopiedMessage && a("div", {
+    }, e("slot", null), this.displayConversationCopiedMessage && e("div", {
       class: "chat-container__conversation-copied"
-    }, a("div", {
+    }, e("div", {
       class: "chat-container__conversation-copied-wrapper"
-    }, a("ch-image", {
+    }, e("ch-image", {
       class: "icon-md",
-      src: x
-    }), a("p", {
+      src: v
+    }), e("p", {
       class: "body-regular-l"
     }, "conversation copied"))))));
   }
@@ -176,81 +172,81 @@ const k = class {
     return [ "gx-ide-assets/chat-container" ];
   }
   get el() {
-    return s(this);
+    return i(this);
   }
 };
 
-d = new WeakMap, p = new WeakMap, h = new WeakMap, m = new WeakMap, u = new WeakMap, 
+l = new WeakMap, p = new WeakMap, h = new WeakMap, m = new WeakMap, u = new WeakMap, 
 f = new WeakMap;
 
-k.style = r;
+x.style = r;
 
-const z = ":host{block-size:100%}.welcome-container{--opacity:1;--translate-y:0;opacity:var(--opacity);transform:translateY(var(--translate-y));transition:all var(--transition-duration);display:flex;block-size:100%;grid-template-rows:max-content max-content;flex-direction:column;justify-content:space-between;background-repeat:no-repeat;background-size:cover;background-size:contain}.welcome-container.hidden{--opacity:0;--translate-y:4px}.header{--opacity:0;--translate-y:3px;transition:all var(--transition-duration) var(--transition-delay) cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(var(--translate-y));opacity:var(--opacity);display:flex;flex-direction:column;gap:var(--mer-spacing--md);align-items:center;padding:var(--mer-spacing--md)}.header--visible{--opacity:1;--translate-y:0}.header__circle{inline-size:55px;block-size:55px;background-size:contain;background-repeat:no-repeat;background-position:center center;margin-block-end:-6px}.header__title{display:grid;text-align:center;margin:0;text-align:center;white-space:pre-line;line-height:1.3;font-weight:600;font-size:var(--font-size-header-h3)}.header__greeting{line-height:1.4;text-align:center;font-weight:300}.suggested-prompts{--opacity:1;opacity:var(--opacity);transition:opacity var(--transition-duration);display:flex;flex-direction:column;gap:var(--mer-spacing--md);list-style:none;margin:0;padding:var(--mer-spacing--md)}.suggested-prompts.hidden{--opacity:0}.suggested-prompts__button{opacity:0;transform:translateX(-3px);animation:fadeInSuggestedPromptButton var(--mer-timing--regular) ease forwards;animation-delay:var(--delay, 0s);border:0;padding:var(--mer-spacing--sm);border-radius:44px;font-size:14px;font-style:oblique;cursor:pointer;display:flex;align-items:center;gap:var(--mer-spacing--xs);background-color:#22334a;font-weight:100;max-inline-size:300px}.suggested-prompts__button:hover{background-color:#1a2b42}.suggested-prompts__icon{flex-shrink:0}@keyframes fadeInSuggestedPromptButton{from{opacity:0;transform:translateX(-3px)}to{opacity:1;transform:translateX(0)}}";
+const _ = ":host{block-size:100%}.welcome-container{--opacity:1;--translate-y:0;opacity:var(--opacity);transform:translateY(var(--translate-y));transition:all var(--transition-duration);display:flex;block-size:100%;grid-template-rows:max-content max-content;flex-direction:column;justify-content:space-between;background-repeat:no-repeat;background-size:cover;background-size:contain}.welcome-container.hidden{--opacity:0;--translate-y:4px}.header{--opacity:0;--translate-y:3px;transition:all var(--transition-duration) var(--transition-delay) cubic-bezier(0.4, 0, 0.2, 1);transform:translateY(var(--translate-y));opacity:var(--opacity);display:flex;flex-direction:column;gap:var(--mer-spacing--md);align-items:center;padding:var(--mer-spacing--md)}.header--visible{--opacity:1;--translate-y:0}.header__circle{inline-size:55px;block-size:55px;background-size:contain;background-repeat:no-repeat;background-position:center center;margin-block-end:-6px}.header__title{display:grid;text-align:center;margin:0;text-align:center;white-space:pre-line;line-height:1.3;font-weight:600;font-size:var(--font-size-header-h3)}.header__greeting{line-height:1.4;text-align:center;font-weight:300}.suggested-prompts{--opacity:1;opacity:var(--opacity);transition:opacity var(--transition-duration);display:flex;flex-direction:column;gap:var(--mer-spacing--md);list-style:none;margin:0;padding:var(--mer-spacing--md)}.suggested-prompts.hidden{--opacity:0}.suggested-prompts__button{opacity:0;transform:translateX(-3px);animation:fadeInSuggestedPromptButton var(--mer-timing--regular) ease forwards;animation-delay:var(--delay, 0s);border:0;padding:var(--mer-spacing--sm);border-radius:44px;font-size:14px;font-style:oblique;cursor:pointer;display:flex;align-items:center;gap:var(--mer-spacing--xs);background-color:#22334a;font-weight:100;max-inline-size:300px}.suggested-prompts__button:hover{background-color:#1a2b42}.suggested-prompts__icon{flex-shrink:0}@keyframes fadeInSuggestedPromptButton{from{opacity:0;transform:translateX(-3px)}to{opacity:1;transform:translateX(0)}}";
 
-var T = undefined && undefined.__classPrivateFieldGet || function(t, e, a, i) {
+var k = undefined && undefined.__classPrivateFieldGet || function(t, e, a, i) {
   if (a === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
   if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return a === "m" ? i : a === "a" ? i.call(t) : i ? i.value : e.get(t);
 };
 
-var W = undefined && undefined.__classPrivateFieldSet || function(t, e, a, i, s) {
+var z = undefined && undefined.__classPrivateFieldSet || function(t, e, a, i, s) {
   if (i === "m") throw new TypeError("Private method is not writable");
   if (i === "a" && !s) throw new TypeError("Private accessor was defined without a setter");
   if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return i === "a" ? s.call(t, a) : s ? s.value = a : e.set(t, a), a;
 };
 
-var j, C, E, M;
+var T, j, W, C;
 
-const P = t(`./gx-ide-assets/chat-welcome/images/header-illustration.svg`);
+const E = s(`./gx-ide-assets/chat-welcome/images/header-illustration.svg`);
 
-const I = t(`./gx-ide-assets/chat-welcome/images/ai-avatar-welcome.svg`);
+const M = s(`./gx-ide-assets/chat-welcome/images/ai-avatar-welcome.svg`);
 
-const $ = 100;
+const P = 100;
 
-const X = 500;
+const I = 500;
 
-const D = 200;
+const $ = 200;
 
-const L = 500;
+const X = 500;
 
-const A = 100;
+const D = 100;
 
-const B = n({
+const L = n({
   category: "system",
   name: "assistant",
   colorType: "primary"
 });
 
-const S = n({
+const A = n({
   category: "system",
   name: "arrow-right",
   colorType: "primary"
 });
 
-const U = [ "resets/box-sizing", "components/icon", "utils/typography" ];
+const B = [ "resets/box-sizing", "components/icon", "utils/typography" ];
 
-const Y = class {
-  constructor(t) {
-    e(this, t);
+const S = class {
+  constructor(e) {
+    t(this, e);
     // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        j.set(this, void 0);
-    C.set(this, (() => {
+        T.set(this, void 0);
+    j.set(this, (() => {
       setTimeout((() => {
         this.showHeader = true;
         setTimeout((() => {
           this.showSuggestedPrompts = true;
-        }), L);
-      }), $ + X);
+        }), X);
+      }), P + I);
     }));
-    E.set(this, (async t => {
+    W.set(this, (async t => {
       const e = t.currentTarget.dataset["prommpt"];
-      await T(this, M, "f").call(this);
+      await k(this, C, "f").call(this);
       this.suggestedPrompRequestedCallback(e);
     }));
-    M.set(this, (async () => {
+    C.set(this, (async () => {
       this.hideWelcome = true;
-      await new Promise((t => setTimeout(t, A)));
+      await new Promise((t => setTimeout(t, D)));
     }));
     this.showHeader = false;
     this.showSuggestedPrompts = false;
@@ -261,76 +257,76 @@ const Y = class {
     this.suggestedPrompRequestedCallback = undefined;
   }
   async componentWillLoad() {
-    W(this, j, await o.getComponentStrings(this.el), "f");
+    z(this, T, await o.getComponentStrings(this.el), "f");
     // Set defaults
         if (!this.welcomeTitle) {
-      this.welcomeTitle = T(this, j, "f").welcomeTitle;
+      this.welcomeTitle = k(this, T, "f").welcomeTitle;
     }
     if (!this.welcomeGreeting) {
-      this.welcomeGreeting = T(this, j, "f").welcomeGreeting;
+      this.welcomeGreeting = k(this, T, "f").welcomeGreeting;
     }
     if (!this.suggestedPrompts) {
-      this.suggestedPrompts = T(this, j, "f").suggestedPrompts;
+      this.suggestedPrompts = k(this, T, "f").suggestedPrompts;
     }
   }
   componentDidRender() {
     if (!this.hideWelcome) {
-      T(this, C, "f").call(this);
+      k(this, j, "f").call(this);
     }
   }
   /**
      * It will exit the wellcome screen and remove it from the dom.
      */  async exitWelcome() {
-    T(this, M, "f").call(this);
+    k(this, C, "f").call(this);
   }
   render() {
-    return a(i, null, a("ch-theme", {
-      model: U
-    }), a("div", {
+    return e(a, null, e("ch-theme", {
+      model: B
+    }), e("div", {
       class: {
         "welcome-container": true,
         hidden: this.hideWelcome
       },
       style: {
-        backgroundImage: `url(${P})`,
-        "--transition-duration": `${A}ms`
+        backgroundImage: `url(${E})`,
+        "--transition-duration": `${D}ms`
       }
-    }, a("header", {
+    }, e("header", {
       class: {
         header: true,
         "header--visible": this.showHeader
       },
       style: {
-        "--transition-delay": `${$}ms`,
-        "--transition-duration": `${X}ms`
+        "--transition-delay": `${P}ms`,
+        "--transition-duration": `${I}ms`
       }
-    }, a("span", {
+    }, e("span", {
       class: "header__circle",
       style: {
-        backgroundImage: `url(${I})`
+        backgroundImage: `url(${M})`
       }
-    }), a("h2", {
+    }), e("h2", {
       class: "header__title"
-    }, this.welcomeTitle), a("p", {
+    }, this.welcomeTitle), e("p", {
       class: "header__greeting"
-    }, this.welcomeGreeting)), this.suggestedPrompts && this.showSuggestedPrompts && a("ul", {
+    }, this.welcomeGreeting)), this.suggestedPrompts && this.showSuggestedPrompts && e("ul", {
       class: "suggested-prompts"
-    }, this.suggestedPrompts.map(((t, e) => a("li", {
+    }, this.suggestedPrompts.map(((t, a) => e("li", {
       class: "suggested-prompts__item"
-    }, a("button", {
+    }, e("button", {
       class: {
         "suggested-prompts__button": true
       },
-      onClick: T(this, E, "f"),
+      onClick: k(this, W, "f"),
       style: {
-        "--delay": `${D * e}ms`
+        "--delay": `${$ * a}ms`
       },
       "data-prommpt": t
-    }, a("ch-image", {
-      src: B,
+    }, e("ch-image", {
+      src: L,
       class: "icon-md suggested-prompts__icon"
-    }), t, a("ch-image", {
-      src: S,
+    }), t, e("ch-image", {
+      src: A,
       class: "icon-md suggested-prompts__icon"
     }))))))));
   }
@@ -338,13 +334,13 @@ const Y = class {
     return [ "gx-ide-assets/chat-welcome" ];
   }
   get el() {
-    return s(this);
+    return i(this);
   }
 };
 
-j = new WeakMap, C = new WeakMap, E = new WeakMap, M = new WeakMap;
+T = new WeakMap, j = new WeakMap, W = new WeakMap, C = new WeakMap;
 
-Y.style = z;
+S.style = _;
 
-export { k as gx_ide_chat_container, Y as gx_ide_chat_welcome };
-//# sourceMappingURL=p-9270c80f.entry.js.map
+export { x as gx_ide_chat_container, S as gx_ide_chat_welcome };
+//# sourceMappingURL=p-981873da.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["chatContainerCss","CSS_BUNDLES","COPY_ICON","getIconPath","category","name","colorType","DELETE_ICON","CONVERSATION_ICON","MORE_HORIZONTAL_ICON","GxIdeChatContainer","_GxIdeChatContainer_menuItems","set","this","type","id","_GxIdeChatContainer_componentLocale","_GxIdeChatContainer_showMenuHandler","menuIsExpanded","_GxIdeChatContainer_menuExpandedChangeHandler","event","detail","_GxIdeChatContainer_copyConversationHandler","copyConversationCallback","_GxIdeChatContainer_deleteConversationHandler","deleteConversationCallback","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","showCopyConversationMessage","displayConversationCopiedMessage","setTimeout","render","renderHeader","chatTitle","renderButtonsGroup","h","Host","class","model","blockAlign","inlineAlign","__classPrivateFieldGet","expanded","onExpandedChange","onClick","showMenuAriaLabel","title","src","slot","copyConversationAriaLabel","copyConversationLabel","deleteConversationAriaLabel","clearConversationLabel","chatWelcomeCss","HEADER_ILLUSTRATION","getAssetPath","AI_AVATAR","HEADER_TRANSITION_DELAY","HEADER_TRANSITION_DURATION","SUGGESTED_PROMPT_BUTTON_INTERVAL","SUGGESTED_PROMPT_BUTTONS_DELAY","WELCOME_EXIT_DURATION","AI_ICON","ARROW_RIGHT_ICON","GxIdeChatWelcome","_GxIdeChatWelcome_componentLocale","_GxIdeChatWelcome_animationEntrance","showHeader","showSuggestedPrompts","_GxIdeChatWelcome_sendPromptToChat","async","e","prompt","currentTarget","dataset","_GxIdeChatWelcome_animationExit","call","suggestedPrompRequestedCallback","hideWelcome","Promise","resolve","welcomeTitle","welcomeGreeting","suggestedPrompts","componentDidRender","exitWelcome","hidden","style","backgroundImage","header","map","i"],"sources":["src/components/chat/chat-container/chat-container.scss?tag=gx-ide-chat-container","src/components/chat/chat-container/chat-container.tsx","src/components/chat/chat-welcome/chat-welcome.scss?tag=gx-ide-chat-welcome&encapsulation=shadow","src/components/chat/chat-welcome/chat-welcome.tsx"],"sourcesContent":[".chat-container {\n  background-color: var(\n    --elevation-background-color,\n    --mer-surface__elevation--01\n  );\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr;\n  position: relative;\n  --chat-common-border-radius: var(--mer-spacing--2xs);\n}\n\n.chat-container.with-header {\n  grid-template-rows: max-content 1fr;\n}\n\n.section {\n  display: contents;\n}\n\n.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  justify-content: space-between;\n  gap: var(--mer-spacing--sm);\n  color: var(--mer-text__bright);\n  border-block-end: var(--mer-border__width--sm) solid\n    var(--color-border-surface-on-elevation-01, #333d47);\n\n  .button-copy-chat,\n  .button-delete-chat {\n    --control__border-color: transparent !important;\n  }\n\n  .button-delete-chat {\n    &:hover {\n      filter: brightness(1.3);\n    }\n    &:active {\n      filter: brightness(0.8);\n    }\n  }\n}\n\n.ch-chat-container {\n  overflow: auto;\n  position: relative;\n  display: grid;\n}\n\n// - - - - - - - - - - - - - -\n// other\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\n.chat-container__conversation-copied-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n  position: relative;\n  inset-block-start: 4px;\n  opacity: 0;\n  animation: liftUp var(--mer-timing--fast) ease-in-out forwards;\n  animation-delay: var(--mer-timing--fast);\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\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// The following styles shoul be moved over to Mercury\n\n.chat::part(code-block-header__copy) {\n  --copy-text-opacity: 0;\n  --copy-text-translate-x: 6px;\n  opacity: var(--copy-text-opacity);\n  pointer-events: none;\n  transform: translateX(var(--copy-text-translate-x));\n  transition:\n    opacity 100ms ease-in-out,\n    transform 100ms ease-in-out;\n  font-size: 12px;\n}\n.chat::part(code-block-header__copy-copied) {\n  --copy-button-pointer-events: none !important;\n  --copy-text-opacity: 1;\n  --copy-text-translate-x: 0;\n}\n.chat::part(code-block-header) {\n  align-items: center;\n  display: flex;\n  gap: 8px;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Method,\n  State\n} from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { ActionMenuModel } from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/dropdown\",\n  \"components/icon\",\n  \"utils/elevation\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"primary\"\n});\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"primary\"\n});\nconst CONVERSATION_ICON = getIconPath({\n  category: \"objects\",\n  name: \"conversational-flows\"\n});\nconst MORE_HORIZONTAL_ICON = getIconPath({\n  category: \"system\",\n  name: \"more-horizontal\",\n  colorType: \"neutral\"\n});\n\n@Component({\n  tag: \"gx-ide-chat-container\",\n  styleUrl: \"chat-container.scss\",\n  shadow: false,\n  assetsDirs: [\"gx-ide-assets/chat-container\"]\n})\nexport class GxIdeChatContainer {\n  #menuItems: ActionMenuModel = [\n    { type: \"slot\", id: \"delete-chat-button\" },\n    { type: \"slot\", id: \"copy-chat-button\" }\n  ];\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeChatContainerElement;\n\n  /**\n   * Coneration Copied\n   */\n  @State() displayConversationCopiedMessage: boolean = false;\n\n  /**\n   * Displays or hides the menu\n   */\n  @State() menuIsExpanded: boolean = false;\n\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   * If true a the welcome screen will be rendered\n   */\n  @Prop() readonly displayWelcomeScreen: boolean = false;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\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  #showMenuHandler = () => {\n    this.menuIsExpanded = true;\n  };\n\n  #menuExpandedChangeHandler = (event: CustomEvent<boolean>) => {\n    this.menuIsExpanded = event.detail;\n  };\n\n  #copyConversationHandler = () => {\n    if (this.copyConversationCallback) {\n      this.copyConversationCallback();\n      this.menuIsExpanded = false;\n    }\n  };\n  #deleteConversationHandler = () => {\n    if (this.deleteConversationCallback) {\n      this.deleteConversationCallback();\n      this.menuIsExpanded = false;\n    }\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\n        class={{\n          \"chat-container\": true,\n          \"with-header\": !!renderHeader\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {renderHeader && (\n            <header class=\"header tiny-semi-bold-l\">\n              {this.chatTitle && this.chatTitle}\n              {renderButtonsGroup && (\n                <ch-action-menu-render\n                  class=\"dropdown\"\n                  blockAlign=\"inside-start\"\n                  inlineAlign=\"inside-end\"\n                  model={this.#menuItems}\n                  expanded={this.menuIsExpanded}\n                  onExpandedChange={this.#menuExpandedChangeHandler}\n                >\n                  <button\n                    class=\"button-tertiary button-icon-only\"\n                    onClick={this.#showMenuHandler}\n                    type=\"button\"\n                    aria-label={this.#componentLocale.showMenuAriaLabel}\n                    title={this.#componentLocale.showMenuAriaLabel}\n                  >\n                    <ch-image\n                      class=\"icon-md\"\n                      src={MORE_HORIZONTAL_ICON}\n                    ></ch-image>\n                  </button>\n                  {this.copyConversationCallback && (\n                    <button\n                      class=\"button-tertiary button-icon-and-text button-copy-chat\"\n                      slot=\"copy-chat-button\"\n                      onClick={this.#copyConversationHandler}\n                      type=\"button\"\n                      aria-label={\n                        this.#componentLocale.copyConversationAriaLabel\n                      }\n                      title={this.#componentLocale.copyConversationAriaLabel}\n                    >\n                      <ch-image class=\"icon-md\" src={COPY_ICON}></ch-image>\n                      {this.#componentLocale.copyConversationLabel}\n                    </button>\n                  )}\n                  {this.deleteConversationCallback && (\n                    <button\n                      class=\"button-tertiary button-icon-and-text button-delete-chat\"\n                      slot=\"delete-chat-button\"\n                      onClick={this.#deleteConversationHandler}\n                      type=\"button\"\n                      aria-label={\n                        this.#componentLocale.deleteConversationAriaLabel\n                      }\n                      title={this.#componentLocale.deleteConversationAriaLabel}\n                    >\n                      <ch-image class=\"icon-md\" src={DELETE_ICON}></ch-image>\n                      {this.#componentLocale.clearConversationLabel}\n                    </button>\n                  )}\n                </ch-action-menu-render>\n              )}\n            </header>\n          )}\n          <section class=\"ch-chat-container\">\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=\"footer elevation-1\">footer</footer> */}\n        </section>\n      </Host>\n    );\n  }\n}\n",":host {\n  block-size: 100%;\n}\n\n$sharedPadding: var(--mer-spacing--md);\n\n.welcome-container {\n  --opacity: 1;\n  --translate-y: 0;\n  opacity: var(--opacity);\n  transform: translateY(var(--translate-y));\n  transition: all var(--transition-duration);\n  display: flex;\n  block-size: 100%;\n  grid-template-rows: max-content max-content;\n  flex-direction: column;\n  justify-content: space-between;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-size: contain;\n\n  &.hidden {\n    --opacity: 0;\n    --translate-y: 4px;\n  }\n}\n\n%absolute-centered {\n  position: absolute;\n  inset-inline-start: 50%;\n  inset-block-start: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.header {\n  --opacity: 0;\n  --translate-y: 3px;\n  transition: all var(--transition-duration) var(--transition-delay)\n    cubic-bezier(0.4, 0, 0.2, 1);\n  transform: translateY(var(--translate-y));\n  opacity: var(--opacity);\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--md);\n  align-items: center;\n  padding: $sharedPadding;\n\n  &--visible {\n    --opacity: 1;\n    --translate-y: 0;\n  }\n\n  &__circle {\n    $circleSize: 55px;\n    inline-size: $circleSize;\n    block-size: $circleSize;\n    background-size: contain;\n    background-repeat: no-repeat;\n    background-position: center center;\n    margin-block-end: -6px;\n  }\n\n  &__title {\n    display: grid;\n    text-align: center;\n    margin: 0;\n    text-align: center;\n    white-space: pre-line;\n    line-height: 1.3;\n    font-weight: 600;\n    font-size: var(--font-size-header-h3);\n  }\n\n  &__greeting {\n    line-height: 1.4;\n    text-align: center;\n    font-weight: 300;\n  }\n}\n\n.suggested-prompts {\n  --opacity: 1;\n  opacity: var(--opacity);\n  transition: opacity var(--transition-duration);\n  display: flex;\n  flex-direction: column;\n  gap: var(--mer-spacing--md);\n  list-style: none;\n  margin: 0;\n  padding: $sharedPadding;\n\n  &.hidden {\n    --opacity: 0;\n  }\n\n  &__item {\n  }\n\n  &__button {\n    opacity: 0;\n    transform: translateX(-3px);\n    animation: fadeInSuggestedPromptButton var(--mer-timing--regular) ease\n      forwards;\n    animation-delay: var(--delay, 0s);\n\n    border: 0;\n    padding: var(--mer-spacing--sm);\n    border-radius: 44px; // Works with up to a a four lines button\n    font-size: 14px; // TODO : Use a token when available\n    font-style: oblique;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n    background-color: #22334a; // TODO : Use a token when available\n    font-weight: 100;\n    max-inline-size: 300px;\n\n    &:hover {\n      background-color: #1a2b42;\n    }\n  }\n\n  &__icon {\n    flex-shrink: 0;\n  }\n}\n\n@keyframes fadeInSuggestedPromptButton {\n  from {\n    opacity: 0;\n    transform: translateX(-3px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n","/* eslint-disable @stencil-community/strict-mutable */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method\n} from \"@stencil/core\";\nimport { getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst HEADER_ILLUSTRATION = getAssetPath(\n  `./gx-ide-assets/chat-welcome/images/header-illustration.svg`\n);\nconst AI_AVATAR = getAssetPath(\n  `./gx-ide-assets/chat-welcome/images/ai-avatar-welcome.svg`\n);\n\nconst HEADER_TRANSITION_DELAY: number = 100;\nconst HEADER_TRANSITION_DURATION: number = 500;\nconst SUGGESTED_PROMPT_BUTTON_INTERVAL: number = 200;\nconst SUGGESTED_PROMPT_BUTTONS_DELAY: number = 500;\nconst WELCOME_EXIT_DURATION: number = 100;\n\nconst AI_ICON = getIconPath({\n  category: \"system\",\n  name: \"assistant\",\n  colorType: \"primary\"\n});\nconst ARROW_RIGHT_ICON = getIconPath({\n  category: \"system\",\n  name: \"arrow-right\",\n  colorType: \"primary\"\n});\n\nconst CSS_BUNDLES = [\n  \"resets/box-sizing\",\n  \"components/icon\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-chat-welcome\",\n  styleUrl: \"chat-welcome.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/chat-welcome\"]\n})\nexport class GxIdeChatWelcome {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeChatWelcomeElement;\n\n  /**\n   * When true, it will display the welcome elements (title, greeting, and buttons)\n   */\n  @State() showHeader: boolean = false;\n\n  /**\n   * When true, it will display the suggested prompts buttons\n   */\n  @State() showSuggestedPrompts: boolean = false;\n\n  /**\n   * When true, it will hide entire welcome layout\n   */\n  @State() hideWelcome: boolean = false;\n\n  /**\n   * The welcome title, if not provided, the default title will be used.\n   */\n  @Prop({ mutable: true }) welcomeTitle?: string;\n\n  /**\n   * The welcome greeting description, if not provided, the default title will be used.\n   */\n  @Prop({ mutable: true }) welcomeGreeting?: string;\n\n  /**\n   * The suggested prompts, if not provided, the default title will be used.\n   */\n  @Prop({ mutable: true }) suggestedPrompts?: string[];\n\n  /**\n   * Fired when the user clicks on a suggested prompt button\n   */\n  @Prop() readonly suggestedPrompRequestedCallback: (\n    prompt: string\n  ) => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    // Set defaults\n    if (!this.welcomeTitle) {\n      this.welcomeTitle = this.#componentLocale.welcomeTitle;\n    }\n    if (!this.welcomeGreeting) {\n      this.welcomeGreeting = this.#componentLocale.welcomeGreeting;\n    }\n    if (!this.suggestedPrompts) {\n      this.suggestedPrompts = this.#componentLocale.suggestedPrompts;\n    }\n  }\n\n  componentDidRender() {\n    if (!this.hideWelcome) {\n      this.#animationEntrance();\n    }\n  }\n\n  /**\n   * It will exit the wellcome screen and remove it from the dom.\n   */\n  @Method()\n  async exitWelcome() {\n    this.#animationExit();\n  }\n\n  #animationEntrance = () => {\n    setTimeout(() => {\n      this.showHeader = true;\n      setTimeout(() => {\n        this.showSuggestedPrompts = true;\n      }, SUGGESTED_PROMPT_BUTTONS_DELAY);\n    }, HEADER_TRANSITION_DELAY + HEADER_TRANSITION_DURATION);\n  };\n\n  #sendPromptToChat = async (e: MouseEvent) => {\n    const prompt = (e.currentTarget as HTMLButtonElement).dataset[\"prommpt\"];\n    await this.#animationExit();\n    this.suggestedPrompRequestedCallback(prompt);\n  };\n\n  #animationExit = async (): Promise<void> => {\n    this.hideWelcome = true;\n    await new Promise(resolve => setTimeout(resolve, WELCOME_EXIT_DURATION));\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div\n          class={{ \"welcome-container\": true, \"hidden\": this.hideWelcome }}\n          style={{\n            \"backgroundImage\": `url(${HEADER_ILLUSTRATION})`,\n            \"--transition-duration\": `${WELCOME_EXIT_DURATION}ms`\n          }}\n        >\n          <header\n            class={{ \"header\": true, \"header--visible\": this.showHeader }}\n            style={{\n              \"--transition-delay\": `${HEADER_TRANSITION_DELAY}ms`,\n              \"--transition-duration\": `${HEADER_TRANSITION_DURATION}ms`\n            }}\n          >\n            <span\n              class=\"header__circle\"\n              style={{ backgroundImage: `url(${AI_AVATAR})` }}\n            ></span>\n            <h2 class=\"header__title\">{this.welcomeTitle}</h2>\n            <p class=\"header__greeting\">{this.welcomeGreeting}</p>\n          </header>\n\n          {this.suggestedPrompts && this.showSuggestedPrompts && (\n            <ul class=\"suggested-prompts\">\n              {this.suggestedPrompts.map((prompt, i) => (\n                <li class=\"suggested-prompts__item\">\n                  <button\n                    class={{\n                      \"suggested-prompts__button\": true\n                    }}\n                    onClick={this.#sendPromptToChat}\n                    style={{\n                      \"--delay\": `${SUGGESTED_PROMPT_BUTTON_INTERVAL * i}ms`\n                    }}\n                    data-prommpt={prompt}\n                  >\n                    <ch-image\n                      src={AI_ICON}\n                      class=\"icon-md suggested-prompts__icon\"\n                    ></ch-image>\n                    {prompt}\n                    <ch-image\n                      src={ARROW_RIGHT_ICON}\n                      class=\"icon-md suggested-prompts__icon\"\n                    ></ch-image>\n                  </button>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}