@genexus/genexus-ide-ui 0.0.77 → 0.0.78

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/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.77",
+  "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-2e7d1eef.entry.js

@@ -1 +0,0 @@
-import{r as t,h as n,H as r,g as o}from"./p-0906fb46.js";import{f as e}from"./p-b374d112.js";const i=new Map;let s;function l(t){var n;(!t.repeat||t.repeat&&(null===(n=null==s?void 0:s.shortcut.conditions)||void 0===n?void 0:n.allowRepeat))&&(s=function(t){const n=i.get(c(t.ctrlKey,t.altKey,t.shiftKey,t.metaKey,t.key));if(n&&function(t){var n,r,o,i;const s=e();return(null===(n=t.shortcut.conditions)||void 0===n?void 0:n.focusInclude)?Array.from(t.root.querySelectorAll(null===(r=t.shortcut.conditions)||void 0===r?void 0:r.focusInclude)).some((t=>s.includes(t))):!(null===(o=t.shortcut.conditions)||void 0===o?void 0:o.focusExclude)||!Array.from(t.root.querySelectorAll(null===(i=t.shortcut.conditions)||void 0===i?void 0:i.focusExclude)).some((t=>s.includes(t)))}(n)){const r=a(n.shortcut.selector,n.root);r&&("click"===n.shortcut.action?r.dispatchEvent(new Event("click")):r.focus(),!1!==n.shortcut.preventDefault&&t.preventDefault())}return n}(t))}function c(t,n,r,o,e){return[t?"Ctrl":null,n?"Alt":null,r?"Shift":null,o?"Meta":null,e?e.charAt(0).toUpperCase()+e.slice(1):null].filter((t=>null!==t)).join("+")}function a(t,n){const r=(t,n)=>{const o=t.shadowRoot,e=n.split(" "),i=o.querySelector(e.map((t=>`[part~="${t}"]`)).join(""));if(i)return i;const s=o.querySelector(e.map((t=>`[exportparts*="${t}"]`)).join(""));if(s){const t=[],n=s.getAttribute("exportparts");if(e.forEach((r=>{const o=n.match(`(?:([\\w-]+):)?(${r})`)[1];o&&t.push(o)})),e.length===t.length)return r(s,t.join(" "))}return null};if(t.includes("::part")){const o=t.match("(.*)::part\\(([^)]+)\\)"),e=o[2];return r(n.querySelector(o[1]),e)}return n.querySelector(t)}const u=class{constructor(n){t(this,n),this.showShortcuts=!1,this.showKey="F10",this.windowClosedHandler=()=>{this.showShortcuts=!1}}componentDidLoad(){this.src&&fetch(this.src).then((t=>{t.ok&&t.json().then((t=>{const n=this.el.getRootNode();!function(t,n,r){r.forEach((r=>{(function(t=""){return t.split(" ").map((t=>t.split("+").reduce(((t,n)=>{switch(n.toLowerCase()){case"ctrl":t.ctrl=!0;break;case"alt":t.alt=!0;break;case"shift":t.shift=!0;break;case"meta":t.meta=!0;break;default:t.key=n}return t}),{ctrl:!1,alt:!1,shift:!1,meta:!1,key:""})))})(r.keyShortcuts).forEach((o=>{i.set(c(o.ctrl,o.alt,o.shift,o.meta,o.key),{name:t,root:n,shortcut:r})}))})),i.size>0&&window.addEventListener("keydown",l,{capture:!0})}(this.src,n,t)}))}))}disconnectedCallback(){!function(t){const n=[];i.forEach(((r,o)=>{r.name===t&&n.push(o)})),n.forEach((t=>i.delete(t))),0===i.size&&window.removeEventListener("keydown",l,{capture:!0})}(this.src)}windowKeyDownHandler(t){t.key===this.showKey&&(this.showShortcuts=!this.showShortcuts,t.preventDefault())}renderShortcuts(){return Array.from(i.values()).filter((t=>{var n;return!(null===(n=t.shortcut.conditions)||void 0===n?void 0:n.focusInclude)})).map((t=>({element:a(t.shortcut.selector,t.root),keyShortcuts:t.shortcut.keyShortcuts,legendPosition:t.shortcut.legendPosition}))).map((t=>n("ch-window",{container:t.element,modal:!1,hidden:!1,closeOnEscape:!0,closeOnOutsideClick:!0,xAlign:"outside-end",yAlign:"inside-start",onWindowClosed:this.windowClosedHandler,exportparts:"mask:element"},n("span",{part:"tooltip"},t.keyShortcuts))))}render(){return n(r,null,this.showShortcuts&&this.renderShortcuts())}get el(){return o(this)}};u.style=":host{display:contents}";export{u as ch_shortcuts}

package/dist/genexus-ide-ui/p-72fad9dd.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as e,H as o,g as a}from"./p-0906fb46.js";import{L as r}from"./p-26957490.js";import{s}from"./p-64d3885f.js";import{c as n}from"./p-13ffa7c0.js";import{r as d}from"./p-6bb17c51.js";import{f as l}from"./p-daf4eb69.js";const h=class{constructor(o){i(this,o),this.componentDidRenderFirstTime=t(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.selectedFrontEndsIds=[],this.envNameModifiedByUser=!1,this.initialSetup=()=>{this.updateSelectedFrontEndsIds(),this.setInitialRuntimeId(),this.setInitialLanguageId(),this.setInitialDataStoreId()},this.evaluateSelectedRuntimeEnvironmentId=()=>{1===this.runtimes.length&&(this.selectedRuntimeEnvironmentId=this.runtimes[0].id)},this.setInitialRuntimeId=()=>{var i;if(null===(i=this.runtimeEnvironmentEl)||void 0===i?void 0:i.value){const i=this.runtimes.find((i=>{var t;return i.value===(null===(t=this.runtimeEnvironmentEl)||void 0===t?void 0:t.value)}));i&&(this.selectedRuntimeEnvironmentId=i.id)}},this.setInitialLanguageId=()=>{var i;if(null===(i=this.languageEl)||void 0===i?void 0:i.value){const i=this.languages.find((i=>{var t;return i.id===(null===(t=this.languageEl)||void 0===t?void 0:t.value)}));i&&(this.selectedLanguageId=i.id)}},this.setInitialDataStoreId=()=>{var i;if(null===(i=this.dataStoreEl)||void 0===i?void 0:i.value){const i=this.dataStores.find((i=>{var t;return i.id===(null===(t=this.dataStoreEl)||void 0===t?void 0:t.value)}));i&&(this.selectedDataStoreId=i.id)}},this.envNameInputHandler=i=>{const t=(i.detail+"").trim();t!==this.environmentName&&(this.environmentName=t,this.envNameModifiedByUser=!0)},this.updateSelectedFrontEndsIds=()=>{this.selectedFrontEndsIds=[],this.frontEndsEl.getValues().then((i=>{i.forEach((i=>{i.value&&this.selectedFrontEndsIds.push(i.id)}))}))},this.setEnvironmentHandler=async()=>{this.createCallback&&this.createCallback({setAsCurrent:this.setAsCurrentEnvironmentEl.checked,name:this.environmentNameEl.value,runtime:this.selectedRuntimeEnvironmentId,language:this.languageEl.value,dataStores:this.dataStoreEl.value,frontEnds:this.selectedFrontEndsIds}).then((i=>{l(i,this)}))},this.cancelButtonClickedHandler=async()=>{await this.cancelCallback()},this.runtimeEnvironmentChangedHandler=i=>{this.selectedRuntimeEnvironmentId=i.detail.id,this.updateDataSources()},this.languageValueChangedHandler=()=>{this.selectedLanguageId=this.languageEl.value,this.updateDataSources(),this.updateFrontEnds(),this.updateEnvironmentName()},this.dataStoreValueChangedHandler=()=>{this.selectedDataStoreId=this.dataStoreEl.value,this.updateEnvironmentName()},this.updateDataSources=async()=>{if(this.getDataSourcesCallback){const i=await this.getDataSourcesCallback(this.selectedLanguageId,this.selectedRuntimeEnvironmentId);(null==i?void 0:i.length)>0&&(this.dataStores=i)}},this.updateFrontEnds=async()=>{if(this.getFrontEndsCallback){const i=await this.getFrontEndsCallback(this.selectedLanguageId);(null==i?void 0:i.length)>0&&(this.frontEnds=i)}},this.updateEnvironmentName=async()=>{if(this.getEnvironmentNameCallback&&this.environmentNameEl&&this.envNameModifiedByUser){const i=await this.getEnvironmentNameCallback(this.selectedLanguageId,this.selectedDataStoreId);i&&(this.environmentName=i)}},this.evaluateSingleRuntimeIcon=()=>"local"===this.runtimes[0].id?"window-tools/rol":"window-tools/genexus-cloud",this.renderTabBasic=()=>e("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0,class:"tab tab__basic",isSelected:!this.isAdvanced},e("gx-ide-container",{containerTitle:this._componentLocale.runtime,noContentPadding:!0,displayBorderBottom:!0,flexRow:1===this.runtimes.length},this.runtimes.length>1?e("gxg-form-radio-group",{slot:"header",ref:i=>this.runtimeEnvironmentEl=i,row:!0,center:!0,onChange:this.runtimeEnvironmentChangedHandler},d("gxg-form-radio",this.runtimes,"runtime-environment")):[e("div",{class:"tab__basic__single-runtime",slot:"header"},e("gxg-icon",{color:"disabled",type:this.evaluateSingleRuntimeIcon()}),e("gxg-text",{textAlign:"center"},this.runtimes[0].label))],e("div",{class:"basic-main"},e("gx-ide-container",{"container-title":this._componentLocale.tabBasic.backEnd.backEndLabel,class:"basic-main__back-end",contentBorderEnd:!0,titleType:"secondary"},e("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.language,value:s(this.languages),ref:i=>this.languageEl=i,toolTip:n.tooltip,onValueChanged:this.languageValueChangedHandler,part:"language"},d("gxg-combo-box-item",this.languages)),e("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.dataStores,value:s(this.dataStores),ref:i=>this.dataStoreEl=i,onValueChanged:this.dataStoreValueChangedHandler,toolTip:n.tooltip,part:"data-store"},d("gxg-combo-box-item",this.dataStores))),e("gx-ide-container",{"container-title":this._componentLocale.tabBasic.frontEnd.frontEndLabel,class:"basic-main__front-end",titleType:"secondary"},e("gxg-form-checkbox-group",{ref:i=>this.frontEndsEl=i,onGroupValuesChanged:this.updateSelectedFrontEndsIds},d("gxg-form-checkbox",this.frontEnds)))))),this.renderTabAdvanced=()=>e("gxg-tab",{tab:"advanced","no-padding":!0},e("gx-ide-container",null,e("slot",{name:"property-grid"}))),this.displayTitle=!1,this.cancelCallback=void 0,this.createCallback=void 0,this.dataStores=void 0,this.disableAdvanced=!1,this.environmentName=void 0,this.frontEnds=void 0,this.getEnvironmentNameCallback=void 0,this.getFrontEndsCallback=void 0,this.getDataSourcesCallback=void 0,this.isAdvanced=!1,this.languages=void 0,this.runtimes=void 0,this.setAsTarget=!0}async componentWillLoad(){this._componentLocale=await r.getComponentStrings(this.el),this.evaluateSelectedRuntimeEnvironmentId()}componentDidLoad(){this.initialSetup()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}render(){return e(o,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper"},e("gx-ide-container",{containerTitle:this.displayTitle?this._componentLocale.componentName:null,noContentPadding:!0,noBorderFooter:!0,slimmerFooter:n.gxIdeContainer.slimmerFooter},e("header",{class:"header",slot:"header"},e("gxg-label",{labelPosition:"start",class:"header__label"},this._componentLocale.name),e("gxg-form-text",{"label-position":"start",placeholder:"New Environment","max-width":"100%",value:this.environmentName,ref:i=>this.environmentNameEl=i,onInput:!this.envNameModifiedByUser&&this.envNameInputHandler,toolTip:n.tooltip,class:"header__text",part:"environment-name"})),e("main",{class:"main"},e("gxg-tabs",{class:"gxg-tabs"},this.isAdvanced?e("gxg-tab-bar",{slot:"tab-bar-container",displayBorder:!0},e("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0}),this.isAdvanced?e("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",disabled:this.disableAdvanced}):null):null,this.renderTabBasic(),this.isAdvanced&&this.renderTabAdvanced())),e("gxg-form-checkbox",{label:this._componentLocale.footer.setAsCurrentEnvironment,ref:i=>this.setAsCurrentEnvironmentEl=i,checked:this.setAsTarget,part:"set-as-current-environment",slot:"footer-start"}),e("gxg-button",{id:"button-cancel",slot:"footer-end",type:"outlined",onClick:this.cancelButtonClickedHandler,part:"gxg-button gxg-button--cancel"},this._componentLocale.footer.btnCancel),e("gxg-button",{id:"button-create",slot:"footer-end",type:"primary-text-only",onClick:this.setEnvironmentHandler,part:"gxg-button gxg-button--create"},this._componentLocale.footer.btnSetNewEnvironment))))}static get assetsDirs(){return["gx-ide-assets/new-environment"]}get el(){return a(this)}};h.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}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-new-environment--shadow){border:none;box-shadow:var(--box-shadow-01)}.header{display:flex}.header__label{flex:none}.main{height:100%}.gxg-tabs{margin-top:0;box-shadow:none}.tab__basic__single-runtime{display:flex;align-items:center;justify-content:center;gap:var(--spacing-comp-01)}.basic-main{display:flex;height:100%}.basic-main__back-end{flex:1}.basic-main__front-end{flex:1}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";export{h as gx_ide_new_environment}