@genexus/genexus-ide-ui 0.0.92 → 0.0.94

package/dist/genexus-ide-ui/{p-44c816f7.entry.js → p-b1c9e006.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as e } from "./p-1e275d2c.js";
+import { r as t, h as i, H as s } from "./p-d8a08b43.js";
 
 function paginationGoToFirstPage(t) {
   if (t.OnPaginationFirst) {
@@ -46,12 +46,12 @@ function gridRefresh(t) {
   t.ParentObject.refreshGrid(t.ControlName);
 }
 
-function gridSort(t, i, e) {
-  const s = t.getColumnByHtmlName(i);
-  t.setSort(s.index, e !== "desc");
+function gridSort(t, i, s) {
+  const e = t.getColumnByHtmlName(i);
+  t.setSort(e.index, s !== "desc");
 }
 
-class s {
+class e {
   static grid;
   static state;
   static load(t, i) {
@@ -196,9 +196,9 @@ const r = class {
   }
   cellClickedHandler(t) {
     const i = this.getRowIndexByGxId(t.detail.rowId);
-    const e = parseInt(t.detail.cellId);
+    const s = parseInt(t.detail.cellId);
     if (i >= 0) {
-      this.grid.executeEvent(e, i);
+      this.grid.executeEvent(s, i);
     }
   }
   navigateClickedHandler(t) {
@@ -228,16 +228,16 @@ const r = class {
     gridRefresh(this.grid);
   }
   columnHiddenChangedHandler(t) {
-    s.setColumnHidden(t.detail.columnId, t.detail.hidden);
+    e.setColumnHidden(t.detail.columnId, t.detail.hidden);
   }
   columnSizeChangedHandler(t) {
-    s.setColumnSize(t.detail.columnId, t.detail.size);
+    e.setColumnSize(t.detail.columnId, t.detail.size);
   }
   columnFreezeChangedHandler(t) {
-    s.setColumnFreeze(t.detail.columnId, t.detail.freeze);
+    e.setColumnFreeze(t.detail.columnId, t.detail.freeze);
   }
   columnSortChangedHandler(t) {
-    s.setColumnSort(t.detail.columnId, t.detail.sortDirection);
+    e.setColumnSort(t.detail.columnId, t.detail.sortDirection);
     switch (this.grid.SortMode) {
      case "client":
       gridSort(this.grid, t.detail.columnId, t.detail.sortDirection);
@@ -250,17 +250,17 @@ const r = class {
     }
   }
   columnOrderChangedHandler(t) {
-    s.setColumnOrder(t.detail.columnId, t.detail.order);
+    e.setColumnOrder(t.detail.columnId, t.detail.order);
   }
   columnFilterChangedHandler(t) {
-    var i, e, n;
+    var i, s, n;
     const r = t.detail.column;
     r.filterEqual = (i = t.detail.equal) !== null && i !== void 0 ? i : "";
-    r.filterLess = (e = t.detail.less) !== null && e !== void 0 ? e : "";
+    r.filterLess = (s = t.detail.less) !== null && s !== void 0 ? s : "";
     r.filterGreater = (n = t.detail.greater) !== null && n !== void 0 ? n : "";
-    s.setColumnFilterEqual(r.htmlName, r.filterEqual);
-    s.setColumnFilterLess(r.htmlName, r.filterLess);
-    s.setColumnFilterGreater(r.htmlName, r.filterGreater);
+    e.setColumnFilterEqual(r.htmlName, r.filterEqual);
+    e.setColumnFilterLess(r.htmlName, r.filterLess);
+    e.setColumnFilterGreater(r.htmlName, r.filterGreater);
     gridRefresh(this.grid);
   }
   getColumnSize(t) {
@@ -298,8 +298,8 @@ const r = class {
   }
   defineColumnRender() {
     const t = this.grid.properties;
-    this.grid.columns.forEach(((i, e) => {
-      i.render = t.length === 0 && i.visible || t.some((t => t[e].visible));
+    this.grid.columns.forEach(((i, s) => {
+      i.render = t.length === 0 && i.visible || t.some((t => t[s].visible));
     }));
   }
   getRowIndexByGxId(t) {
@@ -317,20 +317,20 @@ const r = class {
     }
   }
   loadState() {
-    s.load(this.grid, this.state);
+    e.load(this.grid, this.state);
   }
   renderTitle() {
     return i("h1", {
       slot: "header"
     }, this.grid.header);
   }
-  renderActionbar(t, e) {
-    const s = this.grid.ActionRefreshPosition === t, n = this.grid.ActionSettingsPosition === t;
-    if (s || n) {
+  renderActionbar(t, s) {
+    const e = this.grid.ActionRefreshPosition === t, n = this.grid.ActionSettingsPosition === t;
+    if (e || n) {
       return i("ch-grid-actionbar", {
         slot: t,
-        class: e
-      }, s && this.renderActionRefresh(), n && this.renderActionSettings());
+        class: s
+      }, e && this.renderActionRefresh(), n && this.renderActionSettings());
     }
   }
   renderActionRefresh() {
@@ -384,25 +384,25 @@ const r = class {
     });
   }
   renderRows() {
-    return this.grid.rows.map(((t, e) => {
-      const s = `${this.grid.RowClass} ${this.grid.RowEvenClass}`;
+    return this.grid.rows.map(((t, s) => {
+      const e = `${this.grid.RowClass} ${this.grid.RowEvenClass}`;
       const n = `${this.grid.RowClass} ${this.grid.RowOddClass}`;
       return i("ch-grid-row", {
         key: t.gxId,
         rowid: t.gxId,
-        class: e % 2 === 0 ? s : n
+        class: s % 2 === 0 ? e : n
       }, this.renderCells(t));
     }));
   }
   renderCells(t) {
-    return t.gxProps.map(((t, e) => {
-      const s = this.grid.columns[e];
-      if (gx.lang.gxBoolean(s.render)) {
+    return t.gxProps.map(((t, s) => {
+      const e = this.grid.columns[s];
+      if (gx.lang.gxBoolean(e.render)) {
         return i("ch-grid-cell", {
           key: t[0],
           class: this.grid.CellClass,
-          cellid: e,
-          innerHTML: this.renderControl(s.gxControl, t)
+          cellid: s,
+          innerHTML: this.renderControl(e.gxControl, t)
         });
       }
     }));
@@ -414,12 +414,12 @@ const r = class {
   }
   renderPaginator() {
     var t;
-    const e = (t = this.grid.ParentObject[`sub${this.grid.ControlName}_Recordcount`]) !== null && t !== void 0 ? t : 0;
-    const s = !this.grid.isLastPage();
+    const s = (t = this.grid.ParentObject[`sub${this.grid.ControlName}_Recordcount`]) !== null && t !== void 0 ? t : 0;
+    const e = !this.grid.isLastPage();
     const n = Math.ceil((parseInt(this.grid.firstRecordOnPage) + 1) / this.grid.pageSize);
-    const r = Math.ceil(e / this.grid.pageSize);
+    const r = Math.ceil(s / this.grid.pageSize);
     return i("ch-paginator", {
-      "has-next-page": r === 0 ? s : null,
+      "has-next-page": r === 0 ? e : null,
       "active-page": n,
       "total-pages": r !== 0 ? r : null,
       class: this.grid.pagingBarClass,
@@ -428,33 +428,33 @@ const r = class {
       maxSize: this.grid.PaginatorPagesMaxSize
     }), this.renderPaginatorNavigate("next", this.grid.pagingButtonNextClass, gx.getMessage("GXM_next")), this.renderPaginatorNavigate("last", this.grid.pagingButtonLastClass, gx.getMessage("GXM_last")));
   }
-  renderPaginatorNavigate(t, e, s) {
+  renderPaginatorNavigate(t, s, e) {
     const n = this.grid.PaginatorNavigationButtonTextPosition;
     return i("ch-paginator-navigate", {
       type: t,
-      class: e,
-      title: n === "title" ? s : ""
-    }, n === "text" ? s : "");
+      class: s,
+      title: n === "title" ? e : ""
+    }, n === "text" ? e : "");
   }
   renderPaginationInfo() {
     var t;
-    const e = (t = this.grid.ParentObject[`sub${this.grid.ControlName}_Recordcount`]) !== null && t !== void 0 ? t : 0;
-    let s = this.grid.PaginatorInfoEmptyTextMask;
+    const s = (t = this.grid.ParentObject[`sub${this.grid.ControlName}_Recordcount`]) !== null && t !== void 0 ? t : 0;
+    let e = this.grid.PaginatorInfoEmptyTextMask;
     let n = 0;
     let r = 0;
-    if (e > 0) {
-      s = this.grid.PaginatorInfoTextMask;
+    if (s > 0) {
+      e = this.grid.PaginatorInfoTextMask;
       n = parseInt(this.grid.firstRecordOnPage) + 1;
-      r = Math.min(n + this.grid.pageSize - 1, e);
+      r = Math.min(n + this.grid.pageSize - 1, s);
     }
     const a = {
-      "record-count": e,
+      "record-count": s,
       "record-start": n,
       "record-end": r
     };
-    const o = s.replace(/\{([^}]+)\}/g, ((t, i) => {
-      var e;
-      return (e = a[i]) !== null && e !== void 0 ? e : i;
+    const o = e.replace(/\{([^}]+)\}/g, ((t, i) => {
+      var s;
+      return (s = a[i]) !== null && s !== void 0 ? s : i;
     }));
     return i("div", {
       class: this.grid.PaginatorInfoClass,
@@ -462,7 +462,7 @@ const r = class {
     }, o);
   }
   render() {
-    return i(e, null, i("ch-grid", {
+    return i(s, null, i("ch-grid", {
       class: this.grid.Class,
       rowSelectionMode: this.grid.gxAllowSelection ? "single" : "none",
       rowSelectedClass: this.grid.RowSelectedClass.trim(),
@@ -479,4 +479,4 @@ const r = class {
 r.style = n;
 
 export { r as gx_grid_chameleon };
-//# sourceMappingURL=p-44c816f7.entry.js.map
+//# sourceMappingURL=p-b1c9e006.entry.js.map

package/dist/genexus-ide-ui/{p-8eac3c88.entry.js → p-b3e632eb.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, c as i, g as s, h as e, H as n } from "./p-1e275d2c.js";
+import { r as t, c as i, g as s, h as e, H as n } from "./p-d8a08b43.js";
 
 import { b as o } from "./p-baac0d63.js";
 
@@ -283,4 +283,4 @@ const w = class {
 w.style = r;
 
 export { d as ch_window, w as ch_window_close };
-//# sourceMappingURL=p-8eac3c88.entry.js.map
+//# sourceMappingURL=p-b3e632eb.entry.js.map

package/dist/genexus-ide-ui/{p-8b5c6f86.entry.js → p-b55bb638.entry.js}

@@ -1,4 +1,4 @@
-import { r, h as t, H as o } from "./p-1e275d2c.js";
+import { r, h as t, H as o } from "./p-d8a08b43.js";
 
 const e = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}: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{display:block;overflow:auto}";
 
@@ -16,4 +16,4 @@ const a = class {
 a.style = e;
 
 export { a as gxg_scroll };
-//# sourceMappingURL=p-8b5c6f86.entry.js.map
+//# sourceMappingURL=p-b55bb638.entry.js.map

package/dist/genexus-ide-ui/{p-4f832012.entry.js → p-b5f61be2.entry.js}

@@ -1,4 +1,4 @@
-import { r, g as t, h as e, H as o } from "./p-1e275d2c.js";
+import { r, g as t, h as e, H as o } from "./p-d8a08b43.js";
 
 import { f as a } from "./p-44b0b051.js";
 
@@ -306,7 +306,6 @@ const f = class {
     this.showTooltip = true;
   }
   render() {
-    console.log("render");
     return e(o, null, e("ch-shortcuts", {
       suspend: this.suspend,
       src: this.src,
@@ -318,4 +317,4 @@ const f = class {
 f.style = g;
 
 export { c as ch_shortcuts, f as gxg_shortcuts };
-//# sourceMappingURL=p-4f832012.entry.js.map
+//# sourceMappingURL=p-b5f61be2.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["SHORTCUTS","Map","LATEST_SHORTCUT","loadShortcuts","name","root","shortcuts","forEach","shortcut","keyShortcuts","parseKeyShortcuts","keyShortcut","normalizedKeyShortcut","normalize","ctrl","alt","shift","meta","key","set","addListener","unloadShortcuts","removeKeyShortcuts","shortcutMap","push","delete","removeListener","getShortcuts","Array","from","values","filter","conditions","focusInclude","map","element","querySelectorPlus","selector","legendPosition","size","window","addEventListener","keydownHandler","capture","removeEventListener","eventInfo","repeat","allowRepeat","triggerShortcut","ctrlKey","altKey","shiftKey","metaKey","get","focus","focusComposedPath","keyShortcutPressedEvent","createEvent","id","dispatchEvent","action","Event","preventDefault","value","split","item","reduce","toLowerCase","charAt","toUpperCase","slice","join","querySelectorAllPlus","some","el","includes","focusExclude","target","CustomEvent","bubbles","cancelable","composed","detail","selectorItem","querySelectorAll","flat","querySelectorDeep","parts","shadow","shadowRoot","partList","partElement","querySelector","partName","exportPartElement","exportPartList","exportparts","getAttribute","partItem","exportPartName","match","length","selectorItems","entity","chShortcutsCss","KEY_SYMBOL","ChShortcuts","constructor","hostRef","this","windowClosedHandler","showShortcuts","src","undefined","showKey","suspend","suspendHandler","getRootNode","componentDidLoad","fetch","then","response","ok","json","disconnectedCallback","windowKeyDownHandler","modifierKeys","renderShortcuts","h","container","modal","hidden","closeOnEscape","closeOnOutsideClick","xAlign","yAlign","onWindowClosed","renderKeyShortcuts","i","items","part","_a","render","Host","shortcutsCss","GxgShortcuts","showTooltip","show"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/shortcuts/ch-shortcuts-manager.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/shortcuts/ch-shortcuts.css?tag=ch-shortcuts&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/shortcuts/ch-shortcuts.js","node_modules/@genexus/gemini/dist/collection/components/shortcuts/shortcuts.css?tag=gxg-shortcuts","node_modules/@genexus/gemini/dist/collection/components/shortcuts/shortcuts.js"],"sourcesContent":["import { focusComposedPath } from \"../common/helpers\";\nconst SHORTCUTS = new Map();\nlet LATEST_SHORTCUT;\nexport function loadShortcuts(name, root, shortcuts) {\n    shortcuts.forEach(shortcut => {\n        const keyShortcuts = parseKeyShortcuts(shortcut.keyShortcuts);\n        keyShortcuts.forEach(keyShortcut => {\n            const normalizedKeyShortcut = normalize(keyShortcut.ctrl, keyShortcut.alt, keyShortcut.shift, keyShortcut.meta, keyShortcut.key);\n            SHORTCUTS.set(normalizedKeyShortcut, {\n                name,\n                root,\n                shortcut\n            });\n        });\n    });\n    addListener();\n}\nexport function unloadShortcuts(name) {\n    const removeKeyShortcuts = [];\n    SHORTCUTS.forEach((shortcutMap, key) => {\n        if (shortcutMap.name === name) {\n            removeKeyShortcuts.push(key);\n        }\n    });\n    removeKeyShortcuts.forEach(key => SHORTCUTS.delete(key));\n    removeListener();\n}\nexport function getShortcuts(name) {\n    return Array.from(SHORTCUTS.values())\n        .filter(shortcutMap => {\n        return (shortcutMap.name === name &&\n            !shortcutMap.shortcut.conditions?.focusInclude);\n    })\n        .map(shortcutMap => ({\n        element: querySelectorPlus(shortcutMap.shortcut.selector, shortcutMap.root),\n        keyShortcuts: shortcutMap.shortcut.keyShortcuts,\n        legendPosition: shortcutMap.shortcut.legendPosition\n    }));\n}\nfunction addListener() {\n    if (SHORTCUTS.size > 0) {\n        window.addEventListener(\"keydown\", keydownHandler, { capture: true });\n    }\n}\nfunction removeListener() {\n    if (SHORTCUTS.size === 0) {\n        window.removeEventListener(\"keydown\", keydownHandler, { capture: true });\n    }\n}\nfunction keydownHandler(eventInfo) {\n    if (!eventInfo.repeat ||\n        (eventInfo.repeat && LATEST_SHORTCUT?.shortcut.conditions?.allowRepeat)) {\n        LATEST_SHORTCUT = triggerShortcut(eventInfo);\n    }\n}\nfunction triggerShortcut(eventInfo) {\n    const shortcut = normalize(eventInfo.ctrlKey, eventInfo.altKey, eventInfo.shiftKey, eventInfo.metaKey, eventInfo.key);\n    const shortcutMap = SHORTCUTS.get(shortcut);\n    const focus = focusComposedPath();\n    if (shortcutMap && conditions(shortcutMap, focus)) {\n        const element = querySelectorPlus(shortcutMap.shortcut.selector, shortcutMap.root);\n        const keyShortcutPressedEvent = createEvent(shortcut, shortcutMap.shortcut.id, element, focus);\n        if (shortcutMap.root.dispatchEvent(keyShortcutPressedEvent)) {\n            switch (shortcutMap.shortcut.action) {\n                case \"click\":\n                    element?.dispatchEvent(new Event(\"click\"));\n                    break;\n                default:\n                    element?.focus();\n            }\n            if (shortcutMap.shortcut.preventDefault !== false) {\n                eventInfo.preventDefault();\n            }\n        }\n        else {\n            eventInfo.preventDefault();\n        }\n    }\n    return shortcutMap;\n}\nfunction parseKeyShortcuts(value = \"\") {\n    return value.split(/(?<!(?:[+]|^))\\s/).map(item => {\n        return item.split(/(?<!(?:[+]|^))[+]/).reduce((keyShortcut, key) => {\n            switch (key.toLowerCase()) {\n                case \"ctrl\":\n                    keyShortcut.ctrl = true;\n                    break;\n                case \"alt\":\n                    keyShortcut.alt = true;\n                    break;\n                case \"shift\":\n                    keyShortcut.shift = true;\n                    break;\n                case \"meta\":\n                    keyShortcut.meta = true;\n                    break;\n                default:\n                    keyShortcut.key = key;\n            }\n            return keyShortcut;\n        }, {\n            ctrl: false,\n            alt: false,\n            shift: false,\n            meta: false,\n            key: \"\"\n        });\n    });\n}\nfunction normalize(ctrl, alt, shift, meta, key) {\n    return [\n        ctrl ? \"Ctrl\" : null,\n        alt ? \"Alt\" : null,\n        shift ? \"Shift\" : null,\n        meta ? \"Meta\" : null,\n        key ? key.charAt(0).toUpperCase() + key.slice(1) : null\n    ]\n        .filter(element => {\n        return element !== null;\n    })\n        .join(\"+\");\n}\nfunction conditions(shortcutMap, focus) {\n    if (shortcutMap.shortcut.conditions?.focusInclude) {\n        return querySelectorAllPlus(shortcutMap.shortcut.conditions.focusInclude, shortcutMap.root).some((el) => focus.includes(el));\n    }\n    if (shortcutMap.shortcut.conditions?.focusExclude) {\n        return !querySelectorAllPlus(shortcutMap.shortcut.conditions.focusExclude, shortcutMap.root).some((el) => focus.includes(el));\n    }\n    return true;\n}\nfunction createEvent(keyShortcut, id, target, focusComposedPath) {\n    return new CustomEvent(\"keyShortcutPressed\", {\n        bubbles: true,\n        cancelable: true,\n        composed: false,\n        detail: {\n            keyShortcut,\n            id: id,\n            target,\n            focusComposedPath\n        }\n    });\n}\nfunction querySelectorAllPlus(selector, root) {\n    return (selector\n        ?.split(\",\")\n        .map(selectorItem => {\n        if (selector.includes(\"::part\")) {\n            return querySelectorPlus(selectorItem, root);\n        }\n        else {\n            return Array.from(root.querySelectorAll(selector));\n        }\n    })\n        .flat() ?? []);\n}\nfunction querySelectorPlus(selector, root) {\n    const querySelectorDeep = (element, parts) => {\n        const shadow = element.shadowRoot;\n        const partList = parts.split(\" \");\n        const partElement = shadow.querySelector(partList.map(partName => `[part~=\"${partName}\"]`).join(\"\"));\n        if (partElement) {\n            return partElement;\n        }\n        const exportPartElement = shadow.querySelector(partList.map(partName => `[exportparts*=\"${partName}\"]`).join(\"\"));\n        if (exportPartElement) {\n            const exportPartList = [];\n            const exportparts = exportPartElement.getAttribute(\"exportparts\");\n            partList.forEach(partItem => {\n                const exportPartName = exportparts.match(`(?:([\\\\w-]+):)?(${partItem})`)[1];\n                if (exportPartName) {\n                    exportPartList.push(exportPartName);\n                }\n            });\n            if (partList.length === exportPartList.length) {\n                return querySelectorDeep(exportPartElement, exportPartList.join(\" \"));\n            }\n        }\n        return null;\n    };\n    if (selector?.includes(\"::part\")) {\n        const selectorItems = selector.match(\"(.*)::part\\\\(([^)]+)\\\\)\");\n        const entity = selectorItems[1];\n        const partName = selectorItems[2];\n        return querySelectorDeep(root.querySelector(entity), partName);\n    }\n    else {\n        return root.querySelector(selector);\n    }\n}\n//# sourceMappingURL=ch-shortcuts-manager.js.map\n",":host {\n  display: contents;\n}","import { Host, h } from \"@stencil/core\";\nimport { getShortcuts, loadShortcuts, unloadShortcuts } from \"./ch-shortcuts-manager\";\nconst KEY_SYMBOL = {\n    \" \": \"\\u2334\"\n};\nexport class ChShortcuts {\n    constructor() {\n        this.showShortcuts = false;\n        this.src = undefined;\n        this.showKey = \"F10\";\n        this.suspend = false;\n    }\n    shortcuts;\n    el;\n    suspendHandler() {\n        if (this.suspend) {\n            unloadShortcuts(this.src);\n        }\n        else {\n            const root = this.el.getRootNode();\n            loadShortcuts(this.src, root, this.shortcuts);\n        }\n    }\n    componentDidLoad() {\n        if (this.src) {\n            fetch(this.src).then(response => {\n                if (response.ok) {\n                    response.json().then(json => {\n                        const root = this.el.getRootNode();\n                        this.shortcuts = json;\n                        loadShortcuts(this.src, root, this.shortcuts);\n                    });\n                }\n            });\n        }\n    }\n    disconnectedCallback() {\n        unloadShortcuts(this.src);\n    }\n    windowKeyDownHandler(eventInfo) {\n        const modifierKeys = [\"Ctrl\", \"Alt\", \"Shift\", \"Meta\"];\n        if (eventInfo.repeat || this.suspend) {\n            return;\n        }\n        if (eventInfo.key === this.showKey) {\n            this.showShortcuts = !this.showShortcuts;\n            eventInfo.preventDefault();\n        }\n        else if (this.showShortcuts && !modifierKeys.includes(eventInfo.key)) {\n            this.showShortcuts = false;\n        }\n    }\n    windowClosedHandler = () => {\n        this.showShortcuts = false;\n    };\n    renderShortcuts() {\n        return getShortcuts(this.src)\n            .filter(shortcut => shortcut.element)\n            .map(shortcut => (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, main:tooltip\" }, this.renderKeyShortcuts(shortcut.keyShortcuts))));\n    }\n    renderKeyShortcuts(keyShortcuts) {\n        return keyShortcuts.split(/(?<!(?:[+]|^))([+\\s])/).map((key, i, items) => {\n            if (key === \"+\" && i > 0 && items[i - 1] !== \"+\") {\n                return h(\"span\", { part: \"plus\" }, \"+\");\n            }\n            else if (key === \" \" && i > 0 && items[i - 1] !== \"+\") {\n                return h(\"span\", { part: \"slash\" }, \"/\");\n            }\n            else {\n                return h(\"kbd\", { part: `key` }, KEY_SYMBOL[key] ?? key);\n            }\n        });\n    }\n    render() {\n        return h(Host, null, this.showShortcuts && this.renderShortcuts());\n    }\n    static get is() { return \"ch-shortcuts\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ch-shortcuts.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ch-shortcuts.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL of the shortcut definitions.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": false\n            },\n            \"showKey\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"F10\\\"\",\n                    \"resolved\": \"\\\"F10\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Key to show shortcut tooltips.\"\n                },\n                \"attribute\": \"show-key\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"F10\\\"\"\n            },\n            \"suspend\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Suspend shortcuts.\"\n                },\n                \"attribute\": \"suspend\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"showShortcuts\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"suspend\",\n                \"methodName\": \"suspendHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"windowKeyDownHandler\",\n                \"target\": \"window\",\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ch-shortcuts.js.map\n",":root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-text--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--gray-05);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--color-on-primary);\n}\n\n/*Link*/\n.gxg-link {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-link:active {\n  color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n  color: var(--gray-06);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-error-dark);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-warning-dark);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-success-dark);\n  display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n  color: var(--color-primary-disabled);\n  pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n  font-family: var(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\n}\n.gxg-label:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n  color: var(--color-primary-active);\n}\n.gxg-label:active {\n  color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n  color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n  color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n  color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n.gxg-button-styles {\n  font-family: var(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\n}\n\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width, 6px);\n  height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background, --gray-02);\n  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n  border: var(--gxg-scrollbar-track-thumb-border);\n  background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n:host {\n  display: block;\n}\n\nch-shortcuts::part(tooltip) {\n  font-family: monospace;\n  background-color: var(--gray-06);\n  color: var(--gray-01);\n  padding: var(--spacing-comp-00) var(--spacing-comp-01);\n  font-size: var(--font-size-sm);\n  border-radius: var(--border-radius-sm);\n  position: relative;\n  top: -2.5px;\n  right: -2px;\n}\n\nch-shortcuts::part(element) {\n  outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n  outline-offset: -2px;\n  outline-color: var(--gray-06);\n}\n\n:host([show-tooltip]) ch-shortcuts::part(tooltip) {\n  opacity: 1;\n}","import { Host, h } from \"@stencil/core\";\nexport class GxgShortcuts {\n    constructor() {\n        this.src = undefined;\n        this.showKey = \"F10\";\n        this.suspend = false;\n        this.showTooltip = false;\n        this.show = false;\n    }\n    componentDidLoad() {\n        this.showTooltip = true;\n    }\n    render() {\n        return (h(Host, null, h(\"ch-shortcuts\", { suspend: this.suspend, src: this.src, showKey: this.showKey })));\n    }\n    static get is() { return \"gxg-shortcuts\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"shortcuts.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"shortcuts.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"src\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL of the shortcut definitions.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": false\n            },\n            \"showKey\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"F10\\\"\",\n                    \"resolved\": \"\\\"F10\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"show-key\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"F10\\\"\"\n            },\n            \"suspend\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"suspend\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"showTooltip\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"show-tooltip\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"show\": {}\n        };\n    }\n}\n//# sourceMappingURL=shortcuts.js.map\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-b9938af8.entry.js

@@ -0,0 +1,247 @@
+import { f as t, r as e, h as s } from "./p-d8a08b43.js";
+
+import { r as i } from "./p-5f671d1f.js";
+
+import { g as n, u as r } from "./p-8dcfc193.js";
+
+const o = "ch-flexible-layout-render,.ch-flexible-layout-render-slot{display:contents}";
+
+var h = undefined && undefined.__classPrivateFieldGet || function(t, e, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(t) : i ? i.value : e.get(t);
+};
+
+var a = undefined && undefined.__classPrivateFieldSet || function(t, e, s, i, n) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return i === "a" ? n.call(t, s) : n ? n.value = s : e.set(t, s), s;
+};
+
+var f, c, l, u, d, w, p, m, y, M, b, k;
+
+const W = (k = class {
+  constructor(s) {
+    /**
+             * This Set provides optimizations to not render items that were never
+             * shown on the screen.
+             */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+    f.set(this, new Set);
+    c.set(this, new Set);
+    l.set(this, new Map);
+    u.set(this, "");
+    // Refs
+        d.set(this, void 0);
+    w.set(this, (t => n(h(this, l, "f"), t)));
+    p.set(this, (e => {
+      e.stopPropagation();
+      const s = e.detail;
+      const i = h(this, w, "f").call(this, s.viewId);
+      // Mark the item as rendered
+            h(this, f, "f").add(s.newSelectedId);
+      // Mark the item as rendered
+            const n = i.widgets[s.newSelectedIndex];
+      n.wasRendered = true;
+      // Select the new item
+            h(this, M, "f").call(this, i, s.newSelectedId);
+      // Queue re-renders
+            t(this);
+      t(h(this, d, "f"));
+    }));
+    m.set(this, (e => {
+      e.stopPropagation();
+      const s = e.detail;
+      const i = h(this, w, "f").call(this, s.viewId);
+      // Last item from the view. Destroy the view and adjust the layout
+            if (i.widgets.length === 1) {
+        // TODO: Add implementation
+        return;
+      }
+      const n = i.widgets;
+      const r = n.length;
+      const o = s.itemIndex;
+      const a = n[o];
+      // If the item was selected, select another item
+            if (a.id === i.selectedWidgetId) {
+        const t = o === r - 1 ? n[r - 2] : n[o + 1];
+ // Otherwise, select the next
+                h(this, f, "f").add(t.id);
+        // Mark the item as selected and rendered
+                h(this, M, "f").call(this, i, t.id);
+        t.wasRendered = true;
+      }
+      h(this, y, "f").call(this, i, o);
+      // Queue re-renders
+            t(this);
+      t(h(this, d, "f"));
+    }));
+    y.set(this, ((t, e, s = false) => {
+      // Remove the item from the view
+      const n = i(t.widgets, e);
+      h(this, d, "f").removeItemPageInView(t.id, n.id);
+      // Remove the item from the flexible-layout-render to optimize resources
+            if (n.conserveRenderState !== true && !s) {
+        h(this, f, "f").delete(n.id);
+        // TODO: Remove item in this.layout???
+            }
+    }));
+    M.set(this, ((t, e) => {
+      t.selectedWidgetId = e;
+    }));
+    b.set(this, (t => {
+      const e = t.detail;
+      const s = e.viewId;
+      const i = e.viewIdTarget;
+      const n = e.dropAreaTarget;
+      const r = h(this, w, "f").call(this, s);
+      // Dropping in the same view. Nothing to change
+            if (s === i && (n === "center" || r.widgets.length === 1)) {
+        return;
+      }
+      const o = h(this, w, "f").call(this, i);
+      const a = e.index;
+      const c = r.widgets[a];
+      // Mark the item as rendered, because the drag does not have to trigger item
+      // selection (which trigger item rendering)
+            h(this, f, "f").add(c.id);
+      c.wasRendered = true;
+      // Update the selected widget in the target view
+            h(this, M, "f").call(this, o, c.id);
+      // The drop does not create a new view
+            if (n === "center") {
+        o.widgets.push(c);
+      }
+      // Remove the view, since it has no more items
+            if (r.widgets.length === 1) {
+        this.removeView(s, false);
+        // Refresh reference to force re-render
+        // this.#layoutSplitterModels = { ...this.#layoutSplitterModels }; // TODO: UPDATE THIS
+            }
+      // Remove the item in the view that belongs
+       else {
+        // Select the previous item if the remove item was selected
+        if (r.selectedWidgetId === c.id) {
+          const t = a === 0 ? 1 : a - 1;
+          const e = r.widgets[t];
+          // Mark the item as rendered
+                    h(this, f, "f").add(e.id);
+          e.wasRendered = true;
+          // Mark the item as selected
+                    h(this, M, "f").call(this, r, e.id);
+        }
+        // TODO: UPDATE THE SELECTED INTERNAL INDEX IN THE TAB ???
+        // Remove the item from the view
+                h(this, y, "f").call(this, r, a, true);
+      }
+      // Queue re-renders
+      // forceUpdate(this);
+      // this.#flexibleLayoutRef.refreshLayout();
+        }));
+    e(this, s);
+    this.cssClass = "flexible-layout";
+    this.layout = undefined;
+    this.renders = undefined;
+  }
+  handleLayoutChange(t) {
+    this.setLayoutSplitterModels(t);
+  }
+  /**
+         * Removes a view and optionally all its rendered widget from the render.
+         * The reserved space will be given to the closest view.
+         */  async removeView(e, s) {
+    const i = h(this, l, "f").get(e);
+    if (!i) {
+      return {
+        success: false,
+        renamedItems: []
+      };
+    }
+    const n = i.view;
+    // The item is not a view (leaf). It's a group.
+        if (n == null) {
+      return {
+        success: false,
+        renamedItems: []
+      };
+    }
+    const r = await h(this, d, "f").removeView(e);
+    if (!r) {
+      return {
+        success: false,
+        renamedItems: []
+      };
+    }
+    // Update view info, since it got renamed
+        const o = r.renamedItems;
+    o.forEach((t => {
+      const e = h(this, l, "f").get(t.oldId);
+      if (e.view != null) {
+        const s = h(this, l, "f").get(t.newId);
+        // Add view information
+                s.view = e.view;
+        // Update view id
+                s.view.id = t.newId;
+      }
+      // Delete the old item
+            h(this, l, "f").delete(t.oldId);
+    }));
+    // console.log(this.#itemsInfo);
+    // Remove rendered widgets
+        if (s) {
+      n.widgets.forEach((t => {
+        h(this, f, "f").delete(t.id);
+      }));
+    }
+    // Delete the view
+        h(this, l, "f").delete(e);
+    // Queue re-renders
+        t(this);
+    return r;
+  }
+  setLayoutSplitterModels(t) {
+    // Empty layout
+    if (t == null) {
+      return;
+    }
+    const e = new Set;
+    r(t, h(this, l, "f"), h(this, c, "f"), e, h(this, f, "f"));
+    a(this, u, [ ...e.values() ].join(","), "f");
+  }
+  componentWillLoad() {
+    this.setLayoutSplitterModels(this.layout);
+  }
+  render() {
+    // Check render against the "layout" property
+    if (this.layout == null) {
+      return "";
+    }
+    return s("ch-flexible-layout", {
+      class: this.cssClass || null,
+      layoutModel: this.layout,
+      layoutSplitterParts: h(this, u, "f"),
+      itemsInfo: h(this, l, "f"),
+      onViewItemClose: h(this, m, "f"),
+      onViewItemReorder: h(this, b, "f"),
+      onSelectedViewItemChange: h(this, p, "f"),
+      ref: t => a(this, d, t, "f")
+    }, [ ...h(this, c, "f") ].map((t => this.renders[t]())), [ ...h(this, f, "f").values() ].map((t => s("div", {
+      key: t,
+      slot: t,
+      class: "ch-flexible-layout-render-slot"
+    }, this.renders[t]()))));
+  }
+  static get watchers() {
+    return {
+      layout: [ "handleLayoutChange" ]
+    };
+  }
+}, f = new WeakMap, c = new WeakMap, l = new WeakMap, u = new WeakMap, d = new WeakMap, 
+w = new WeakMap, p = new WeakMap, m = new WeakMap, y = new WeakMap, M = new WeakMap, 
+b = new WeakMap, k);
+
+W.style = o;
+
+export { W as ch_flexible_layout_render };
+//# sourceMappingURL=p-b9938af8.entry.js.map