npm - @genexus/genexus-ide-ui - Versions diffs - 1.1.32 → 1.1.34 - Mend

@genexus/genexus-ide-ui 1.1.32 → 1.1.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/dist/collection/components/chat/chat-container/gx-ide-assets/chat-container/chat-lit.css ADDED Viewed

@@ -0,0 +1,376 @@
+.chat-lit::part(header__time assistant),
+.chat-lit::part(send-input),
+.chat-lit::part(assistant content waiting),
+.chat-lit::part(send-button),
+.chat-lit::part(stop-generating-answer-button) {
+  line-height: var(--line-height-tight);
+}
+.chat-lit::part(send-input),
+.chat-lit::part(send-button),
+.chat-lit::part(stop-generating-answer-button) {
+  font-size: var(--font-size-body-m);
+}
+.chat-lit::part(header__time assistant),
+.chat-lit::part(assistant content waiting) {
+  font-size: var(--font-size-body-s);
+}
+.chat-lit::part(send-input) {
+  font-weight: var(--font-weight-regular);
+}
+.chat-lit::part(message),
+.chat-lit::part(assistant copy-message-content) {
+  font-size: var(--font-size-body-m);
+  line-height: var(--line-height-tight);
+  font-weight: var(--font-weight-regular);
+}
+.chat-lit::part(send-button),
+.chat-lit::part(stop-generating-answer-button) {
+  font-weight: var(--font-weight-semi-bold);
+}
+.chat-lit::part(header__time assistant),
+.chat-lit::part(assistant content waiting) {
+  font-weight: var(--font-weight-regular);
+  font-style: italic;
+}
+.chat-lit::part(assistant copy-message-content),
+.chat-lit::part(send-button),
+.chat-lit::part(stop-generating-answer-button) {
+  display: inline-grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  justify-content: center;
+  border-width: var(--control__border-width);
+  border-style: var(--control__border-style);
+  border-color: var(--control__border-color);
+  border-radius: var(--control__border-radius);
+  padding-block: var(--control__padding-block);
+  padding-inline: var(--control__padding-inline);
+  box-sizing: border-box;
+  background-color: var(--button-background-color);
+  color: var(--button-color);
+}
+.chat-lit::part(assistant copy-message-content):focus-visible,
+.chat-lit::part(send-button):focus-visible,
+.chat-lit::part(stop-generating-answer-button):focus-visible {
+  outline: var(--focus__outline-width) var(--focus__outline-style)
+    var(--focus__outline-color);
+  outline-offset: var(--focus__outline-offset);
+}
+.chat-lit::part(send-button),
+.chat-lit::part(stop-generating-answer-button) {
+  --button-background-color: transparent;
+  --control__border-color: var(--button-color);
+  --button-color: var(--mer-text__neutral);
+  --button-color--enabled: var(--mer-text__neutral);
+  --button-color--active: var(--mer-text__on-primary--active);
+}
+.chat-lit::part(send-button):hover,
+.chat-lit::part(stop-generating-answer-button):hover {
+  --button-color: var(--mer-text__primary--hover);
+}
+.chat-lit::part(send-button):active,
+.chat-lit::part(stop-generating-answer-button):active {
+  --control__border-color: var(--mer-border-color__primary--active);
+  --button-color: var(--button-color--active);
+}
+.chat-lit::part(send-button):disabled,
+.chat-lit::part(stop-generating-answer-button):disabled {
+  --button-color: var(--mer-text__on-disabled);
+}
+.chat-lit::part(assistant copy-message-content) {
+  --button-background-color: transparent;
+  --control__border-color: transparent;
+  --button-color: var(--mer-text__primary);
+}
+.chat-lit::part(assistant copy-message-content):hover {
+  --button-color: var(--mer-text__primary--hover);
+}
+.chat-lit::part(assistant copy-message-content):active {
+  --button-color: var(--mer-text__primary--active);
+}
+.chat-lit::part(assistant copy-message-content):disabled {
+  --button-color: var(--mer-text__on-disabled);
+}
+.chat-lit::part(assistant copy-message-content),
+.chat-lit::part(send-button),
+.chat-lit::part(stop-generating-answer-button) {
+  padding: calc(
+    (
+        var(--control__block-size) - 2 * var(--control__border-width) -
+          var(--mer-icon__box--md)
+      ) /
+      2
+  );
+  border-width: var(--control__border-width);
+  border-style: var(--control__border-style);
+  border-color: var(--control__border-color);
+  border-radius: var(--control__border-radius);
+}
+.chat-lit::part(send-input) {
+  --ch-edit-gap: var(--control__icon-gap);
+  --ch-edit__image-size: var(--mer-icon__box--md);
+  --ch-placeholder-color: var(--mer-color__neutral-gray--400);
+  border-width: var(--control__border-width);
+  border-style: var(--control__border-style);
+  border-color: var(--control__border-color);
+  border-radius: var(--control__border-radius);
+  background-color: var(--control__bg-color);
+  color: var(--control__color);
+  --ch-placeholder-color: var(--control-placeholder__color);
+  padding-block: var(--control__padding-block);
+  padding-inline: var(--control__padding-inline);
+}
+.chat-lit::part(send-input):focus {
+  outline: var(--focus__outline-width) var(--focus__outline-style)
+    var(--focus__outline-color);
+  outline-offset: var(--focus__outline-offset);
+}
+.chat-lit::part(send-input):hover {
+  --control__border-color: var(--control__border-color--hover);
+}
+.chat-lit {
+  --button-block-size: 31px;
+  --button-margin-block: var(--mer-spacing--md);
+  --font-weight-regular: 100;
+  --line-height-tight: 1.4;
+  --send-input-block-padding: 16px;
+  --send-input-inline-start-padding: 10px;
+  --send-input-inline-end-padding: 10px;
+  --send-input-inline-size: 32px;
+}
+.chat-lit::part(messages-container) {
+  gap: var(--mer-spacing--md);
+  padding: var(--mer-spacing--md);
+}
+.chat-lit-with-file-upload {
+  --send-input-block-padding: 10px;
+  --send-input-inline-start-padding: 2px;
+}
+.chat-lit-with-file-upload::part(send-input) {
+  grid-template: "file-upload-menu ch-edit-content live-audio-button" 1fr / max-content 1fr max-content;
+}
+.chat-lit-with-file-viewer::part(send-input) {
+  grid-template: "file-upload-menu ch-edit-content live-audio-button" 1fr "file-viewer file-viewer file-viewer" max-content/max-content 1fr;
+}
+.chat-lit::part(message) {
+  --message-content-border-color: transparent;
+  --time-display: initial;
+  color: var(--mer-color__neutral-gray--100);
+}
+.chat-lit::part(message user) {
+  background-color: var(--mer-color__chat-message--user);
+  max-inline-size: 90%;
+  justify-self: end;
+}
+.chat-lit::part(message user),
+.chat-lit::part(error content),
+.chat-lit::part(assistant content warning),
+.chat-lit::part(assistant content success) {
+  padding: var(--mer-spacing--sm);
+  border-radius: var(--mer-border__radius--sm);
+}
+.chat-lit::part(assistant copy-message-content)::before {
+  --button-icon: var(--icon__system_copy_primary--enabled);
+  content: "";
+  inline-size: var(--mer-icon__box--md);
+  block-size: var(--mer-icon__box--md);
+  content: "";
+  display: grid;
+  -webkit-mask: no-repeat center/100% var(--button-icon);
+  background-color: currentColor;
+}
+.chat-lit::part(assistant copy-message-content copying)::before {
+  --button-icon: var(--icon__system_check_on-elevation--enabled);
+}
+.chat-lit::part(header assistant) {
+  align-items: center;
+  display: flex;
+  font-size: 12px;
+  justify-content: space-between;
+  margin-block-end: var(--mer-spacing--sm);
+}
+.chat-lit::part(header__start assistant) {
+  align-items: center;
+  display: flex;
+  gap: var(--mer-spacing--xs);
+}
+.chat-lit::part(header__avatar-container assistant) {
+  position: relative;
+  inline-size: 26px;
+  block-size: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.chat-lit::part(header__avatar-border assistant) {
+  position: absolute;
+  overflow: hidden;
+  inline-size: 100%;
+  block-size: 100%;
+  background: linear-gradient(
+    90deg,
+    var(
+        --chat-avatar-border-color-from,
+        var(--mer-color__chat-avatar-circle-from)
+      )
+      0%,
+    var(--chat-avatar-border-color-to, var(--mer-color__chat-avatar-circle-to))
+      100%
+  );
+  border-radius: 50%;
+  -webkit-mask-image: radial-gradient(
+    circle 12px at center,
+    transparent 98%,
+    black 100%
+  );
+  mask-image: radial-gradient(
+    circle 12px at center,
+    transparent 98%,
+    black 100%
+  );
+}
+.chat-lit::part(header__avatar-image assistant) {
+  position: absolute;
+  display: block;
+  width: calc(100% - 6px);
+  height: calc(100% - 6px);
+  border-radius: 50%;
+  background-image: var(--icon__system_assistant-fill_primary--active);
+  background-color: var(
+    --chat-avatar-background-color,
+    var(--mer-color__primary--300)
+  );
+  background-size: 80%;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.chat-lit::part(header__role assistant) {
+  display: inline-grid;
+  gap: 6px;
+  grid-template-columns: max-content max-content;
+}
+.chat-lit::part(header__role assistant)::before {
+  align-self: center;
+  background-color: currentColor;
+  block-size: var(--mer-spacing--2xs);
+  border-radius: 50%;
+  content: "";
+  display: grid;
+  inline-size: var(--mer-spacing--2xs);
+  justify-self: flex-end;
+}
+.chat-lit::part(header__time assistant) {
+  display: var(--time-display);
+  color: var(--mer-text__complementary);
+}
+.chat-lit::part(error content),
+.chat-lit::part(assistant content warning),
+.chat-lit::part(assistant content success) {
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  gap: var(--mer-spacing--sm);
+  align-items: center;
+}
+.chat-lit::part(error content)::before,
+.chat-lit::part(assistant content warning)::before,
+.chat-lit::part(assistant content success)::before {
+  block-size: var(--mer-spacing--md);
+  content: "";
+  display: grid;
+  inline-size: var(--mer-spacing--md);
+  justify-self: flex-end;
+  background: var(--chat-message-icon) no-repeat center center/contain;
+}
+.chat-lit::part(error content) {
+  background-color: var(--mer-color__chat-message--error);
+  --chat-message-icon: var(--icon__system_warning_error--enabled);
+}
+.chat-lit::part(assistant content warning) {
+  background-color: var(--mer-color__chat-message--warning);
+  --chat-message-icon: var(--icon__system_warning_warning--enabled);
+}
+.chat-lit::part(assistant content success) {
+  background-color: var(--mer-color__chat-message--success);
+  --chat-message-icon: var(--icon__system_check_success--enabled);
+}
+.chat-lit::part(assistant content waiting) {
+  display: flex;
+  gap: var(--mer-spacing--xs);
+}
+.chat-lit::part(send-container) {
+  background-color: var(--mer-surface__elevation--02);
+  border-radius: var(--mer-spacing--2xs);
+  position: relative;
+  margin: var(--mer-spacing--md);
+}
+.chat-lit::part(send-input-wrapper) {
+  position: relative;
+}
+.chat-lit::part(send-input) {
+  --ch-edit-gap: var(--control__icon-gap);
+  --ch-edit__image-size: var(--mer-icon__box--md);
+  --ch-placeholder-color: var(--control-placeholder__color);
+  border-width: 0 !important;
+  background-color: rgba(0, 0, 0, 0) !important;
+  border-color: var(--mer-color__neutral-gray--900);
+  border-radius: var(--control__border-radius);
+  border-style: var(--control__border-style);
+  color: var(--control__color);
+  padding-block: var(--send-input-block-padding);
+  padding-inline-start: var(--send-input-inline-start-padding);
+  padding-inline-end: calc(
+    var(--send-input-inline-end-padding) * 2 + var(--send-input-inline-size)
+  );
+}
+.chat-lit::part(send-input):hover {
+  --control__border-color: var(--control__border-color--hover);
+}
+.chat-lit::part(send-input):focus {
+  outline: var(--focus__outline-width) var(--focus__outline-style)
+    var(--focus__outline-color);
+  outline-offset: var(--focus__outline-offset);
+}
+.chat-lit::part(send-button),
+.chat-lit::part(stop-generating-answer-button) {
+  position: absolute;
+  inset-inline-end: var(--send-input-inline-end-padding);
+  inset-block-end: var(--send-input-inline-end-padding);
+}
+.chat-lit::part(send-button) {
+  --icon-path: var(--icon__system_send_neutral--enabled);
+  z-index: 1;
+}
+.chat-lit::part(send-button):hover {
+  --icon-path: var(--icon__system_send_neutral--hover);
+}
+.chat-lit::part(send-button):active {
+  --icon-path: var(--icon__system_send_neutral--active);
+}
+.chat-lit::part(stop-generating-answer-button) {
+  --icon-path: var(--icon__system_cancel-circle_neutral--enabled);
+  font-size: 0 !important;
+  background-color: var(--mer-surface__elevation--02);
+  z-index: 2;
+}
+.chat-lit::part(stop-generating-answer-button):hover {
+  --icon-path: var(--icon__system_cancel-circle_neutral--hover);
+}
+.chat-lit::part(stop-generating-answer-button):active {
+  --icon-path: var(--icon__system_cancel-circle_neutral--active);
+}
+.chat-lit::part(send-button)::before,
+.chat-lit::part(stop-generating-answer-button)::before {
+  content: "";
+  display: inline-block;
+  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);
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/dist/collection/components/chat/chat-welcome/chat-welcome.js CHANGED Viewed

@@ -38,7 +38,6 @@ const ARROW_RIGHT_ICON = getIconPath({
 });
 const CSS_BUNDLES = [
     "resets/box-sizing",
-    "components/chat",
     "components/icon",
     "utils/typography"
 ];

package/dist/collection/components/chat/chat-welcome/chat-welcome.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chat-welcome.js","sourceRoot":"","sources":["../../../../src/components/chat/chat-welcome/chat-welcome.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAsD;AACtD,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,KAAK,EACL,YAAY,EACZ,MAAM,EACP,MAAM,eAAe,CAAC;AACvB,OAAO,~~EAAkB~~,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,MAAM,mBAAmB,GAAG,YAAY,CACtC,6DAA6D,CAC9D,CAAC;AACF,MAAM,SAAS,GAAG,YAAY,CAC5B,2DAA2D,CAC5D,CAAC;AAEF,MAAM,uBAAuB,GAAW,GAAG,CAAC;AAC5C,MAAM,0BAA0B,GAAW,GAAG,CAAC;AAC/C,MAAM,gCAAgC,GAAW,GAAG,CAAC;AACrD,MAAM,8BAA8B,GAAW,GAAG,CAAC;AACnD,MAAM,qBAAqB,GAAW,GAAG,CAAC;AAE1C,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,WAAW;IACjB,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,WAAW,CAAC;IACnC,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AAEH,MAAM,WAAW,~~GAAmB~~;~~IAClC~~,mBAAmB;IACnB,iBAAiB;IACjB,~~iBAAiB;IACjB,~~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","sourcesContent":["/* 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 { ~~MercuryBundles,~~ 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: ~~MercuryBundles~~ = [\n \"resets/box-sizing\",\n \"components/~~chat\",\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"]}
1	+ {"version":3,"file":"chat-welcome.js","sourceRoot":"","sources":["../../../../src/components/chat/chat-welcome/chat-welcome.tsx"],"names":[],"mappings":"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","sourcesContent":["/* 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"]}

package/dist/collection/components/new-environment/new-environment.js CHANGED Viewed

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _GxIdeNewEnvironment_advancedTabHasBeenRendered, _GxIdeNewEnvironment_chShortcutsEl, _GxIdeNewEnvironment_envNameModifiedByUser, _GxIdeNewEnvironment_frontEndsCheckedMap, _GxIdeNewEnvironment_selectedDataStoreId, _GxIdeNewEnvironment_selectedLanguageId, _GxIdeNewEnvironment_selectedRuntimeEnvironmentId, _GxIdeNewEnvironment_shortcutsSrc, _GxIdeNewEnvironment_newEnvironmentSectionsModel, _GxIdeNewEnvironment_componentLocale, _GxIdeNewEnvironment_dataStoreEl, _GxIdeNewEnvironment_environmentNameEl, _GxIdeNewEnvironment_languageEl, _GxIdeNewEnvironment_setAsCurrentEnvironmentEl, _GxIdeNewEnvironment_dataStoreValueChangedHandler, _GxIdeNewEnvironment_envNameInputHandler, _GxIdeNewEnvironment_evaluateSelectedRuntimeEnvironmentId, _GxIdeNewEnvironment_evaluateTooltipRender, _GxIdeNewEnvironment_initializeValidatableControlsBasicTab, _GxIdeNewEnvironment_languageValueChangedHandler, _GxIdeNewEnvironment_renderAdvanced, _GxIdeNewEnvironment_renderBasic, _GxIdeNewEnvironment_runtimeEnvironmentChangedHandler, _GxIdeNewEnvironment_createCallbackHandler, _GxIdeNewEnvironment_tabSelectionChangedHandler, _GxIdeNewEnvironment_updateDataSources, _GxIdeNewEnvironment_updateEnvironmentName, _GxIdeNewEnvironment_updateFrontEnds, _GxIdeNewEnvironment_frontEndCheckboxInputHandler, _GxIdeNewEnvironment_updateFrontEndsCheckedMap;
+var _GxIdeNewEnvironment_advancedTabHasBeenRendered, _GxIdeNewEnvironment_chShortcutsEl, _GxIdeNewEnvironment_envNameModifiedByUser, _GxIdeNewEnvironment_frontEndsCheckedMap, _GxIdeNewEnvironment_selectedDataStoreId, _GxIdeNewEnvironment_selectedLanguageId, _GxIdeNewEnvironment_selectedRuntimeEnvironmentId, _GxIdeNewEnvironment_shortcutsSrc, _GxIdeNewEnvironment_newEnvironmentSectionsModel, _GxIdeNewEnvironment_componentLocale, _GxIdeNewEnvironment_dataStoreEl, _GxIdeNewEnvironment_environmentNameEl, _GxIdeNewEnvironment_languageEl, _GxIdeNewEnvironment_setAsCurrentEnvironmentEl, _GxIdeNewEnvironment_dataStoreValueChangedHandler, _GxIdeNewEnvironment_envNameInputHandler, _GxIdeNewEnvironment_evaluateSelectedRuntimeEnvironmentId, _GxIdeNewEnvironment_evaluateTooltipRender, _GxIdeNewEnvironment_initializeValidatableControlsBasicTab, _GxIdeNewEnvironment_languageValueChangedHandler, _GxIdeNewEnvironment_renderAdvanced, _GxIdeNewEnvironment_renderBasic, _GxIdeNewEnvironment_runtimeEnvironmentChangedHandler, _GxIdeNewEnvironment_createCallbackHandler, _GxIdeNewEnvironment_tabSelectionChangedHandler, _GxIdeNewEnvironment_updateDataSources, _GxIdeNewEnvironment_updateEnvironmentName, _GxIdeNewEnvironment_updateFrontEnds, _GxIdeNewEnvironment_updateLanguages, _GxIdeNewEnvironment_frontEndCheckboxInputHandler, _GxIdeNewEnvironment_updateFrontEndsCheckedMap;
 /* STENCIL IMPORTS */
 import { getAssetPath, Host, h } from "@stencil/core";
 import { config } from "../../common/config";
@@ -145,6 +145,7 @@ export class GxIdeNewEnvironment {
         });
         _GxIdeNewEnvironment_runtimeEnvironmentChangedHandler.set(this, async (event) => {
             __classPrivateFieldSet(this, _GxIdeNewEnvironment_selectedRuntimeEnvironmentId, event.detail, "f");
+            await __classPrivateFieldGet(this, _GxIdeNewEnvironment_updateLanguages, "f").call(this);
             await __classPrivateFieldGet(this, _GxIdeNewEnvironment_updateDataSources, "f").call(this);
             __classPrivateFieldGet(this, _GxIdeNewEnvironment_updateEnvironmentName, "f").call(this);
         });
@@ -186,6 +187,12 @@ export class GxIdeNewEnvironment {
                 this.frontEnds = updatedFrontEnds;
             }
         });
+        _GxIdeNewEnvironment_updateLanguages.set(this, async () => {
+            const updatedLanguages = await this.getLanguagesCallback(__classPrivateFieldGet(this, _GxIdeNewEnvironment_selectedRuntimeEnvironmentId, "f"));
+            if ((updatedLanguages === null || updatedLanguages === void 0 ? void 0 : updatedLanguages.length) > 0) {
+                this.languages = updatedLanguages;
+            }
+        });
         _GxIdeNewEnvironment_frontEndCheckboxInputHandler.set(this, (event) => {
             const checkedValue = event.target.checkedValue;
             const checked = event.detail === checkedValue;
@@ -228,6 +235,7 @@ export class GxIdeNewEnvironment {
         this.getFrontEndsCallback = undefined;
         this.isAdvanced = false;
         this.languages = undefined;
+        this.getLanguagesCallback = undefined;
         this.runtimes = undefined;
         this.setAsTarget = true;
     }
@@ -248,6 +256,7 @@ export class GxIdeNewEnvironment {
     runtimesChanged(newValue) {
         if (newValue === null || newValue === void 0 ? void 0 : newValue.length) {
             this.runtimesRadioGroupModel = mapOptionsToComboBoxItemModel(this.runtimes);
+            __classPrivateFieldGet(this, _GxIdeNewEnvironment_updateLanguages, "f").call(this);
         }
     }
     connectedCallback() {
@@ -508,7 +517,7 @@ export class GxIdeNewEnvironment {
             },
             "languages": {
                 "type": "unknown",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "GxOption[]",
                     "resolved": "GxOption[]",
@@ -527,6 +536,27 @@ export class GxIdeNewEnvironment {
                     "text": "Possible values for 'Language' combo"
                 }
             },
+            "getLanguagesCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "GetLanguagesCallback",
+                    "resolved": "(selectedRuntimeId: string) => Promise<GxOption[]>",
+                    "references": {
+                        "GetLanguagesCallback": {
+                            "location": "local",
+                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/new-environment/new-environment.tsx",
+                            "id": "src/components/new-environment/new-environment.tsx::GetLanguagesCallback"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when selected runtime is changed"
+                }
+            },
             "runtimes": {
                 "type": "unknown",
                 "mutable": false,
@@ -620,5 +650,5 @@ export class GxIdeNewEnvironment {
             }];
     }
 }
-_GxIdeNewEnvironment_advancedTabHasBeenRendered = new WeakMap(), _GxIdeNewEnvironment_chShortcutsEl = new WeakMap(), _GxIdeNewEnvironment_envNameModifiedByUser = new WeakMap(), _GxIdeNewEnvironment_frontEndsCheckedMap = new WeakMap(), _GxIdeNewEnvironment_selectedDataStoreId = new WeakMap(), _GxIdeNewEnvironment_selectedLanguageId = new WeakMap(), _GxIdeNewEnvironment_selectedRuntimeEnvironmentId = new WeakMap(), _GxIdeNewEnvironment_shortcutsSrc = new WeakMap(), _GxIdeNewEnvironment_newEnvironmentSectionsModel = new WeakMap(), _GxIdeNewEnvironment_componentLocale = new WeakMap(), _GxIdeNewEnvironment_dataStoreEl = new WeakMap(), _GxIdeNewEnvironment_environmentNameEl = new WeakMap(), _GxIdeNewEnvironment_languageEl = new WeakMap(), _GxIdeNewEnvironment_setAsCurrentEnvironmentEl = new WeakMap(), _GxIdeNewEnvironment_dataStoreValueChangedHandler = new WeakMap(), _GxIdeNewEnvironment_envNameInputHandler = new WeakMap(), _GxIdeNewEnvironment_evaluateSelectedRuntimeEnvironmentId = new WeakMap(), _GxIdeNewEnvironment_evaluateTooltipRender = new WeakMap(), _GxIdeNewEnvironment_initializeValidatableControlsBasicTab = new WeakMap(), _GxIdeNewEnvironment_languageValueChangedHandler = new WeakMap(), _GxIdeNewEnvironment_renderAdvanced = new WeakMap(), _GxIdeNewEnvironment_renderBasic = new WeakMap(), _GxIdeNewEnvironment_runtimeEnvironmentChangedHandler = new WeakMap(), _GxIdeNewEnvironment_createCallbackHandler = new WeakMap(), _GxIdeNewEnvironment_tabSelectionChangedHandler = new WeakMap(), _GxIdeNewEnvironment_updateDataSources = new WeakMap(), _GxIdeNewEnvironment_updateEnvironmentName = new WeakMap(), _GxIdeNewEnvironment_updateFrontEnds = new WeakMap(), _GxIdeNewEnvironment_frontEndCheckboxInputHandler = new WeakMap(), _GxIdeNewEnvironment_updateFrontEndsCheckedMap = new WeakMap();
+_GxIdeNewEnvironment_advancedTabHasBeenRendered = new WeakMap(), _GxIdeNewEnvironment_chShortcutsEl = new WeakMap(), _GxIdeNewEnvironment_envNameModifiedByUser = new WeakMap(), _GxIdeNewEnvironment_frontEndsCheckedMap = new WeakMap(), _GxIdeNewEnvironment_selectedDataStoreId = new WeakMap(), _GxIdeNewEnvironment_selectedLanguageId = new WeakMap(), _GxIdeNewEnvironment_selectedRuntimeEnvironmentId = new WeakMap(), _GxIdeNewEnvironment_shortcutsSrc = new WeakMap(), _GxIdeNewEnvironment_newEnvironmentSectionsModel = new WeakMap(), _GxIdeNewEnvironment_componentLocale = new WeakMap(), _GxIdeNewEnvironment_dataStoreEl = new WeakMap(), _GxIdeNewEnvironment_environmentNameEl = new WeakMap(), _GxIdeNewEnvironment_languageEl = new WeakMap(), _GxIdeNewEnvironment_setAsCurrentEnvironmentEl = new WeakMap(), _GxIdeNewEnvironment_dataStoreValueChangedHandler = new WeakMap(), _GxIdeNewEnvironment_envNameInputHandler = new WeakMap(), _GxIdeNewEnvironment_evaluateSelectedRuntimeEnvironmentId = new WeakMap(), _GxIdeNewEnvironment_evaluateTooltipRender = new WeakMap(), _GxIdeNewEnvironment_initializeValidatableControlsBasicTab = new WeakMap(), _GxIdeNewEnvironment_languageValueChangedHandler = new WeakMap(), _GxIdeNewEnvironment_renderAdvanced = new WeakMap(), _GxIdeNewEnvironment_renderBasic = new WeakMap(), _GxIdeNewEnvironment_runtimeEnvironmentChangedHandler = new WeakMap(), _GxIdeNewEnvironment_createCallbackHandler = new WeakMap(), _GxIdeNewEnvironment_tabSelectionChangedHandler = new WeakMap(), _GxIdeNewEnvironment_updateDataSources = new WeakMap(), _GxIdeNewEnvironment_updateEnvironmentName = new WeakMap(), _GxIdeNewEnvironment_updateFrontEnds = new WeakMap(), _GxIdeNewEnvironment_updateLanguages = new WeakMap(), _GxIdeNewEnvironment_frontEndCheckboxInputHandler = new WeakMap(), _GxIdeNewEnvironment_updateFrontEndsCheckedMap = new WeakMap();
 //# sourceMappingURL=new-environment.js.map