@genexus/genexus-ide-ui 0.0.76 → 0.0.78

package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css

@@ -1028,7 +1028,7 @@ STYLE
 /*****************************************************
 INPUT TYPE FILE
 *****************************************************/
-:host(.file) .input {
+:host(.file) .form-element--readonly {
   user-select: none;
   cursor: pointer;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/shortcuts/shortcuts.css

@@ -0,0 +1,366 @@
+:root {
+  --ui-animaton-speed: 0.2s;
+}
+
+/*ALIGNMENT*/
+/*Ellipsis*/
+/*****************************************************
+TYPOGRAPHY
+*****************************************************/
+/*Title 01 (Positive)*/
+.gxg-title-01 {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-md);
+  letter-spacing: var(--letter-spacing-md);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+}
+
+/*Title 01 (Negative)*/
+.gxg-title-01--negative {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-md);
+  letter-spacing: var(--letter-spacing-md);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-on-primary);
+}
+
+/*Title 02 (Positive)*/
+.gxg-title-02 {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-sm);
+  color: var(--color-on-background);
+  text-align: start;
+  text-transform: uppercase;
+  line-height: 1.556em;
+}
+
+.gxg-title-02--negative {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-bold);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-sm);
+  color: var(--color-on-background);
+  text-align: start;
+  text-transform: uppercase;
+  line-height: 1.556em;
+  color: var(--color-on-primary);
+}
+
+/*Title 03*/
+.gxg-title-03 {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-xs);
+  letter-spacing: var(--letter-spacing-sm);
+  color: var(--color-on-background);
+  text-align: start;
+  text-transform: uppercase;
+  line-height: 1.556em;
+}
+
+.gxg-title-03--negative {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-xs);
+  letter-spacing: var(--letter-spacing-sm);
+  color: var(--color-on-background);
+  text-align: start;
+  text-transform: uppercase;
+  line-height: 1.556em;
+  color: var(--color-on-primary);
+}
+
+/*Title 04*/
+.gxg-title-04 {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-md);
+  letter-spacing: var(--letter-spacing-md);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+}
+
+.gxg-title-04--negative {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-md);
+  letter-spacing: var(--letter-spacing-md);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-on-primary);
+}
+
+/*Title 05*/
+.gxg-title-05 {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-sm);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.556em;
+}
+
+.gxg-title-05--negative {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-sm);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.556em;
+  color: var(--color-on-primary);
+}
+
+/*Text*/
+.gxg-text {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+}
+
+.gxg-text--negative {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-on-primary);
+}
+
+.gxg-text--gray {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--gray-05);
+}
+
+/*Quote*/
+.gxg-quote {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  font-style: italic;
+}
+
+.gxg-quote--negative {
+  color: var(--color-on-primary);
+}
+
+/*Link*/
+.gxg-link {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-primary);
+  text-decoration: underline;
+  cursor: pointer;
+  display: inline-block;
+}
+.gxg-link:hover {
+  color: var(--color-primary-hover);
+}
+.gxg-link:active {
+  color: var(--color-primary-active);
+}
+
+.gxg-link-gray {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-primary);
+  text-decoration: underline;
+  cursor: pointer;
+  display: inline-block;
+  color: var(--gray-04);
+}
+.gxg-link-gray:hover {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-primary);
+  text-decoration: underline;
+  cursor: pointer;
+  display: inline-block;
+  color: var(--gray-04);
+  color: var(--gray-06);
+}
+
+/*Alerts*/
+.gxg-alert-error {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-error-dark);
+  display: inline-block;
+}
+
+.gxg-alert-warning {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-warning-dark);
+  display: inline-block;
+}
+
+.gxg-alert-success {
+  font-family: var(--font-family-primary);
+  font-weight: var(--font-weight-regular);
+  font-size: var(--font-size-sm);
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-on-background);
+  text-align: start;
+  line-height: 1.455em;
+  color: var(--color-success-dark);
+  display: inline-block;
+}
+
+/*Tab*/
+.gxg-tab--disabled {
+  color: var(--color-primary-disabled);
+  pointer-events: none;
+}
+.gxg-tab--disabled[disabled] {
+  color: var(--color-primary-disabled);
+  pointer-events: none;
+}
+
+/*Label*/
+.gxg-label {
+  font-family: var(--font-family-primary) !important;
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm) !important;
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-primary-enabled);
+  text-align: center;
+  line-height: 1.455em;
+}
+.gxg-label:hover {
+  color: var(--color-primary-hover);
+}
+.gxg-label:focus {
+  color: var(--color-primary-active);
+}
+.gxg-label:active {
+  color: var(--color-primary-active);
+}
+.gxg-label[disabled] {
+  color: var(--color-primary-disabled);
+}
+
+.gxg-label--negative {
+  color: var(--color-on-primary);
+}
+.gxg-label--negative[disabled] {
+  color: var(--color-on-disabled);
+}
+
+/*****************************************************
+GXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES
+*****************************************************/
+.gxg-button-styles {
+  font-family: var(--font-family-primary) !important;
+  font-weight: var(--font-weight-semibold);
+  font-size: var(--font-size-sm) !important;
+  letter-spacing: var(--letter-spacing-xs);
+  color: var(--color-primary-enabled);
+  text-align: center;
+  line-height: 1.455em;
+}
+
+/*****************************************************
+FORM ELEMENTS
+*****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+  cursor: initial;
+}
+.gxg-scrollbar::-webkit-scrollbar {
+  width: var(--gxg-scrollbar-width, 6px);
+  height: var(--gxg-scrollbar-width, 6px);
+}
+.gxg-scrollbar::-webkit-scrollbar-track {
+  background-color: var(--gxg-scrollbar-track-background, --gray-02);
+  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb {
+  background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);
+  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);
+  border: var(--gxg-scrollbar-track-thumb-border);
+  background-clip: padding-box;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
+  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);
+}
+
+:host {
+  display: block;
+}
+
+ch-shortcuts::part(tooltip) {
+  font-family: monospace;
+  background-color: var(--gray-06);
+  color: var(--gray-01);
+  padding: var(--spacing-comp-00) var(--spacing-comp-01);
+  font-size: var(--font-size-sm);
+  border-radius: var(--border-radius-sm);
+  position: relative;
+  top: -2.5px;
+  right: -2px;
+}
+
+ch-shortcuts::part(element) {
+  outline: var(--border-width-md) solid var(--gxg-border-color--focused);
+  outline-offset: -2px;
+  outline-color: var(--gray-06);
+}
+
+:host([show-tooltip]) ch-shortcuts::part(tooltip) {
+  opacity: 1;
+}

package/dist/types/components/ai-assistant/ai-assistant.d.ts

@@ -7,10 +7,12 @@ export declare class GxIdeTemplate {
   private renderedFirstTime;
   private lastUserMessageHeight;
   private setFocus;
+  private scrollToBottomFlag;
   el: HTMLGxIdeAiAssistantElement;
   private textAreaEl;
   private textareaShadowPart;
   private filterEl;
+  private messagesWrapperEl;
   /**
    * Flag used to hide the shortcuts
    */
@@ -88,6 +90,7 @@ export declare class GxIdeTemplate {
   private toggleFilterHandler;
   private promptFocusHandler;
   private promptBlurHandler;
+  private scrollToBottom;
   render(): any;
 }
 export type AiStatus = "indeterminate" | "success" | "error";

package/dist/types/components/new-environment/new-environment.d.ts

@@ -12,6 +12,7 @@ export declare class GxIdeNewEnvironment {
   private selectedLanguageId;
   private selectedDataStoreId;
   private envNameModifiedByUser;
+  private shortcutsSrc;
   el: HTMLGxIdeNewEnvironmentElement;
   private environmentNameEl;
   private languageEl;
@@ -99,6 +100,7 @@ export declare class GxIdeNewEnvironment {
   private updateFrontEnds;
   private updateEnvironmentName;
   private evaluateSingleRuntimeIcon;
+  private keyDownHandler;
   private renderTabBasic;
   private renderTabAdvanced;
   render(): any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.2.41"
+    "@genexus/gemini": "*0.2.44"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.2.41",
+    "@genexus/gemini": "*0.2.44",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/cjs/ch-shortcuts.cjs.entry.js

@@ -1,211 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-f9bb1815.js');
-const helpers = require('./helpers-291cb1cb.js');
-
-const SHORTCUTS = new Map();
-let LATEST_SHORTCUT;
-function loadShortcuts(name, root, shortcuts) {
-  shortcuts.forEach(shortcut => {
-    const keyShortcuts = parseKeyShortcuts(shortcut.keyShortcuts);
-    keyShortcuts.forEach(keyShortcut => {
-      SHORTCUTS.set(normalize(keyShortcut.ctrl, keyShortcut.alt, keyShortcut.shift, keyShortcut.meta, keyShortcut.key), {
-        name,
-        root,
-        shortcut
-      });
-    });
-  });
-  addListener();
-}
-function unloadShortcuts(name) {
-  const removeKeyShortcuts = [];
-  SHORTCUTS.forEach((shortcutMap, key) => {
-    if (shortcutMap.name === name) {
-      removeKeyShortcuts.push(key);
-    }
-  });
-  removeKeyShortcuts.forEach(key => SHORTCUTS.delete(key));
-  removeListener();
-}
-function getShortcuts() {
-  return Array.from(SHORTCUTS.values())
-    .filter(shortcutMap => {
-    var _a;
-    return !((_a = shortcutMap.shortcut.conditions) === null || _a === void 0 ? void 0 : _a.focusInclude);
-  })
-    .map(shortcutMap => ({
-    element: querySelectorPlus(shortcutMap.shortcut.selector, shortcutMap.root),
-    keyShortcuts: shortcutMap.shortcut.keyShortcuts,
-    legendPosition: shortcutMap.shortcut.legendPosition
-  }));
-}
-function addListener() {
-  if (SHORTCUTS.size > 0) {
-    window.addEventListener("keydown", keydownHandler, { capture: true });
-  }
-}
-function removeListener() {
-  if (SHORTCUTS.size === 0) {
-    window.removeEventListener("keydown", keydownHandler, { capture: true });
-  }
-}
-function keydownHandler(eventInfo) {
-  var _a;
-  if (!eventInfo.repeat ||
-    (eventInfo.repeat && ((_a = LATEST_SHORTCUT === null || LATEST_SHORTCUT === void 0 ? void 0 : LATEST_SHORTCUT.shortcut.conditions) === null || _a === void 0 ? void 0 : _a.allowRepeat))) {
-    LATEST_SHORTCUT = triggerShortcut(eventInfo);
-  }
-}
-function triggerShortcut(eventInfo) {
-  const shortcutMap = SHORTCUTS.get(normalize(eventInfo.ctrlKey, eventInfo.altKey, eventInfo.shiftKey, eventInfo.metaKey, eventInfo.key));
-  if (shortcutMap && conditions(shortcutMap)) {
-    const element = querySelectorPlus(shortcutMap.shortcut.selector, shortcutMap.root);
-    if (element) {
-      switch (shortcutMap.shortcut.action) {
-        case "click":
-          element.dispatchEvent(new Event("click"));
-          break;
-        default:
-          element.focus();
-      }
-      if (shortcutMap.shortcut.preventDefault !== false) {
-        eventInfo.preventDefault();
-      }
-    }
-  }
-  return shortcutMap;
-}
-function parseKeyShortcuts(value = "") {
-  return value.split(" ").map(item => {
-    return item.split("+").reduce((keyShortcut, key) => {
-      switch (key.toLowerCase()) {
-        case "ctrl":
-          keyShortcut.ctrl = true;
-          break;
-        case "alt":
-          keyShortcut.alt = true;
-          break;
-        case "shift":
-          keyShortcut.shift = true;
-          break;
-        case "meta":
-          keyShortcut.meta = true;
-          break;
-        default:
-          keyShortcut.key = key;
-      }
-      return keyShortcut;
-    }, {
-      ctrl: false,
-      alt: false,
-      shift: false,
-      meta: false,
-      key: ""
-    });
-  });
-}
-function normalize(ctrl, alt, shift, meta, key) {
-  return [
-    ctrl ? "Ctrl" : null,
-    alt ? "Alt" : null,
-    shift ? "Shift" : null,
-    meta ? "Meta" : null,
-    key ? key.charAt(0).toUpperCase() + key.slice(1) : null
-  ]
-    .filter(element => {
-    return element !== null;
-  })
-    .join("+");
-}
-function conditions(shortcutMap) {
-  var _a, _b, _c, _d;
-  const focus = helpers.focusComposedPath();
-  if ((_a = shortcutMap.shortcut.conditions) === null || _a === void 0 ? void 0 : _a.focusInclude) {
-    return Array.from(shortcutMap.root.querySelectorAll((_b = shortcutMap.shortcut.conditions) === null || _b === void 0 ? void 0 : _b.focusInclude)).some((el) => focus.includes(el));
-  }
-  if ((_c = shortcutMap.shortcut.conditions) === null || _c === void 0 ? void 0 : _c.focusExclude) {
-    return !Array.from(shortcutMap.root.querySelectorAll((_d = shortcutMap.shortcut.conditions) === null || _d === void 0 ? void 0 : _d.focusExclude)).some((el) => focus.includes(el));
-  }
-  return true;
-}
-function querySelectorPlus(selector, root) {
-  const querySelectorDeep = (element, parts) => {
-    const shadow = element.shadowRoot;
-    const partList = parts.split(" ");
-    const partElement = shadow.querySelector(partList.map(partName => `[part~="${partName}"]`).join(""));
-    if (partElement) {
-      return partElement;
-    }
-    const exportPartElement = shadow.querySelector(partList.map(partName => `[exportparts*="${partName}"]`).join(""));
-    if (exportPartElement) {
-      const exportPartList = [];
-      const exportparts = exportPartElement.getAttribute("exportparts");
-      partList.forEach(partItem => {
-        const exportPartName = exportparts.match(`(?:([\\w-]+):)?(${partItem})`)[1];
-        if (exportPartName) {
-          exportPartList.push(exportPartName);
-        }
-      });
-      if (partList.length === exportPartList.length) {
-        return querySelectorDeep(exportPartElement, exportPartList.join(" "));
-      }
-    }
-    return null;
-  };
-  if (selector.includes("::part")) {
-    const selectorItems = selector.match("(.*)::part\\(([^)]+)\\)");
-    const entity = selectorItems[1];
-    const partName = selectorItems[2];
-    return querySelectorDeep(root.querySelector(entity), partName);
-  }
-  else {
-    return root.querySelector(selector);
-  }
-}
-
-const chShortcutsCss = ":host{display:contents}";
-
-const ChShortcuts = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.showShortcuts = false;
-    this.showKey = "F10";
-    this.windowClosedHandler = () => {
-      this.showShortcuts = false;
-    };
-  }
-  componentDidLoad() {
-    if (this.src) {
-      fetch(this.src).then(response => {
-        if (response.ok) {
-          response.json().then(json => {
-            const root = this.el.getRootNode();
-            loadShortcuts(this.src, root, json);
-          });
-        }
-      });
-    }
-  }
-  disconnectedCallback() {
-    unloadShortcuts(this.src);
-  }
-  windowKeyDownHandler(eventInfo) {
-    if (eventInfo.key === this.showKey) {
-      this.showShortcuts = !this.showShortcuts;
-      eventInfo.preventDefault();
-    }
-  }
-  renderShortcuts() {
-    return getShortcuts().map(shortcut => (index.h("ch-window", { container: shortcut.element, modal: false, hidden: false, closeOnEscape: true, closeOnOutsideClick: true, xAlign: "outside-end", yAlign: "inside-start", onWindowClosed: this.windowClosedHandler, exportparts: "mask:element" }, index.h("span", { part: "tooltip" }, shortcut.keyShortcuts))));
-  }
-  render() {
-    return index.h(index.Host, null, this.showShortcuts && this.renderShortcuts());
-  }
-  get el() { return index.getElement(this); }
-};
-ChShortcuts.style = chShortcutsCss;
-
-exports.ch_shortcuts = ChShortcuts;

package/dist/genexus-ide-ui/p-0f3c3a5e.entry.js

@@ -1 +0,0 @@
-import{r,c as t,h as a,H as i,g as o}from"./p-0906fb46.js";import{L as e}from"./p-26957490.js";const s=class{constructor(i){r(this,i),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.setFocus=!0,this.evaluateAiInProgress=()=>{var r;this.aIInProgress=(null===(r=this.messages)||void 0===r?void 0:r.length)>0&&"assistant-in-progress"===this.messages[this.messages.length-1].type},this.evaluateAiStatus=()=>{var r;this.assistantStatus=0!==(null===(r=this.messages)||void 0===r?void 0:r.length)?"assistant-in-progress"===this.messages[this.messages.length-1].type||"user"===this.messages[this.messages.length-1].type?"indeterminate":"assistant-error"===this.messages[this.messages.length-1].type?"error":"success":"indeterminate"},this.renderMessage=(r,t)=>{if(r.text.length>0)return a("gx-ide-ai-message",{message:r.text,messageType:r.type,hidden:r.hidden,filterValue:this.filterValue,key:`${t.toString()}-${r.type}`,translations:this._componentLocale.aiMessage})},this.textAreaInputHandler=()=>{this.userHasTyped=!0,this.showFilter=!1,this.filterEl.value="",this.filterValue=""},this.promptEnterHandler=async r=>{const t=r.detail.replace(/\s+/g," ");this.textAreaEl.value=t,setTimeout((()=>{this.lastUserMessageHeight=this.textAreaEl.offsetHeight}),0),this.textAreaEl.value="",this.addMessage({type:"user",text:t}),this.userMessageCallback&&!this.aIInProgress&&(this.aIInProgress=!0,this.userMessageCallback(t).then((()=>{this.aIInProgress=!1})))},this.filterMessagesHandler=r=>{this.filterValue=r.detail.toLowerCase();const t=[...this.messages];t.forEach((r=>{r.hidden=!r.text.toLowerCase().includes(this.filterValue)})),this.messages=t},this.clearMessages=()=>{this.messages=[],this.textAreaEl.focus()},this.attachShortcuts=()=>{var r;if((null===(r=this.focusShortcuts)||void 0===r?void 0:r.length)>0){const r=this.focusShortcuts.findIndex((r=>"ctrl"===r.toLocaleLowerCase())),t=this.focusShortcuts.findIndex((r=>"shift"===r.toLocaleLowerCase())),a=this.focusShortcuts.findIndex((r=>"cmd"===r.toLocaleLowerCase())),i=this.focusShortcuts.find((r=>"ctrl"!==r.toLocaleLowerCase()&&"shift"!==r.toLocaleLowerCase()&&"cmd"!==r.toLocaleLowerCase())).toLowerCase();document.addEventListener("keydown",(o=>{(o.key===i&&-1!==r&&o.ctrlKey||o.key===i&&-1!==t&&o.shiftKey||o.key===i&&-1!==a&&o.metaKey)&&(this.textAreaEl.focus(),this.userHasTyped=!0)}))}},this.promptArrowUpHandler=()=>{var r;this.userHasTyped=!0;const t=null===(r=this.messages)||void 0===r?void 0:r.find((r=>"user"===r.type));t&&(this.lastUserMessageHeight&&(this.textareaShadowPart.style.height=`${this.lastUserMessageHeight}px`),this.textAreaEl.value=t.text)},this.toggleFilterHandler=()=>{this.showFilter=!this.showFilter,this.showFilter&&this.filterEl.focus()},this.promptFocusHandler=()=>{this.promptHasFocus=!0},this.promptBlurHandler=()=>{this.promptHasFocus=!1},this.userHasTyped=!1,this.aIInProgress=!1,this.showFilter=!1,this.promptHasFocus=!1,this.filterValue=void 0,this.messages=[],this.promptMaxHeight="128px",this.assistantStatus="indeterminate",this.focusShortcuts=void 0,this.userMessageCallback=void 0,this.promptValue=void 0,this.filter=!0}watchAIInProgressHandler(r){r||(this.setFocus=!0)}watchMessagesHandler(){this.evaluateAiInProgress(),this.evaluateAiStatus()}async componentWillLoad(){this._componentLocale=await e.getComponentStrings(this.el),this.evaluateAiInProgress(),this.evaluateAiStatus(),this.attachShortcuts()}componentDidLoad(){this.textareaShadowPart=this.textAreaEl.shadowRoot.querySelector("textarea")}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0),this.setFocus&&setTimeout((()=>{this.textAreaEl.focus(),this.setFocus=!1}),0)}async clear(){this.messages=[]}async addMessage(r){var t;if((null===(t=r.text)||void 0===t?void 0:t.length)>0){const t=[...this.messages];(null==t?void 0:t.length)>0&&"assistant-in-progress"===t[t.length-1].type&&t.pop(),t.push(r),this.messages=t}}render(){var r,t;return a(i,{class:{[`assistant--${this.assistantStatus}`]:!0,"assistant--in-progress":this.aIInProgress}},a("div",{class:"gx-ide-main-wrapper"},a("header",{class:"header"},a("div",{class:"header__first-row"},a("gxg-title",{type:"title-02"},this._componentLocale.componentName),a("div",{class:"header__actions-wrapper"},this.filter?a("gxg-button",{class:"header__filter-button",type:"tertiary",icon:"menus/find",onClick:this.toggleFilterHandler,disabled:0===this.messages.length}):null,a("gxg-button",{class:"header__clear-button",type:"tertiary",icon:"bpm/delete",onClick:this.clearMessages,disabled:0===this.messages.length}))),this.filter?a("div",{class:{"header__second-row":!0,"header__second-row--visible":this.showFilter}},a("div",{class:"filter-inner-wrapper"},a("gxg-form-text",{class:"header__filter",onInput:this.filterMessagesHandler,ref:r=>this.filterEl=r}))):null),a("div",{class:{"messages-wrapper":!0}},(null===(r=this.messages)||void 0===r?void 0:r.length)?a("ol",{class:{messages:!0}},this.messages.map(((r,t)=>this.renderMessage(r,t)))):null),a("div",{class:{prompt:!0}},a("gxg-form-textarea",{ai:!0,class:"prompt__textarea",value:this.promptValue,maxHeight:this.promptMaxHeight,placeholder:this.aIInProgress?this._componentLocale.processingQueryPlaceholder:this._componentLocale.promptPlaceholder,onInput:this.textAreaInputHandler,onEnter:this.promptEnterHandler,onArrowUpPressed:this.promptArrowUpHandler,onBlur:this.promptBlurHandler,onFocus:this.promptFocusHandler,disabled:this.aIInProgress,ref:r=>this.textAreaEl=r}),!this.userHasTyped&&!this.aIInProgress&&!this.promptHasFocus&&(null===(t=this.focusShortcuts)||void 0===t?void 0:t.length)>0?a("div",{class:{prompt__shortcuts:!0}},this.focusShortcuts.map(((r,t)=>t<=2?a("span",{class:"prompt__shortcut"},r):null))):null)))}static get assetsDirs(){return["gx-ide-assets/ai-assistant"]}get el(){return o(this)}static get watchers(){return{aIInProgress:["watchAIInProgressHandler"],messages:["watchMessagesHandler"]}}};s.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{--ai-dot-bg-color:var(--color-success-dark);display:block;height:100%;--assistant-bg-color:var(--gray-11);flex-basis:286px;flex-shrink:0;height:100%;overflow-y:auto}.gx-ide-main-wrapper{padding:106px 10px 52px 10px;background-color:var(--gray-10);height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:var(--spacing-comp-03)}.header{border-block-start:1px solid var(--gray-13);padding-block-start:var(--spacing-comp-03);display:flex;flex-direction:column}.header__actions-wrapper{display:flex;gap:var(--spacing-comp-02);margin-inline-start:auto}.header__first-row{display:flex;gap:var(--spacing-comp-02);align-items:center;justify-content:space-between}.header__filter{margin-block-start:var(--spacing-comp-02)}.header__second-row{transition:100ms grid-template-rows;display:grid;grid-template-rows:0fr}.header__second-row--visible{grid-template-rows:1fr}.header .filter-inner-wrapper{overflow:hidden}.messages-wrapper{position:relative;overflow:auto;display:flex;flex-direction:column;cursor:initial}.messages-wrapper::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.messages-wrapper::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.messages-wrapper::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.messages-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.messages{display:flex;flex-direction:column;list-style-type:none;padding:0;margin:0}.prompt{position:relative;margin-top:auto}.prompt__textarea::part(textarea-wrapper){border:none;background-color:var(--assistant-bg-color)}.prompt__shortcuts{position:absolute;display:flex;align-items:center;gap:var(--spacing-comp-01);padding-right:var(--spacing-comp-02);right:0;top:0;height:100%}.prompt__shortcut{padding:var(--spacing-comp-00) var(--spacing-comp-02);background-color:var(--gray-00);border-radius:var(--border-width-md)}";export{s as gx_ide_ai_assistant}