@genexus/genexus-ide-ui 0.0.92 → 0.0.94

package/dist/genexus-ide-ui/p-4997af38.entry.js

@@ -1,186 +0,0 @@
-import { f as t, r as e, h as s } from "./p-1e275d2c.js";
-
-import { t as i } from "./p-cec9a00f.js";
-
-let n = 0;
-
-const getViewId = () => `view-${n++}`;
-
-const mapWidgetsToView = (t, e, s, n, o) => {
-  // Get a new id for the view
-  const r = getViewId();
-  if (o === "blockStart") {
-    // Store widgets in the Map
-    e.set(r, {
-      id: r,
-      type: o,
-      renderedWidgets: null,
-      exportParts: "",
-      widgets: t
-    });
-    // Add the widgets to the blockStart section
-        t.forEach((t => {
-      s.add(t.id);
-    }));
-    return r;
-  }
-  const l = i[o](t);
-  const h = new Set;
-  let c = false;
-  t.forEach((t => {
-    if (t.selected || t.wasRendered) {
-      // Ensure proper initialization
-      t.wasRendered = true;
-      h.add(t.id);
-      n.add(t.id);
-      c = true;
-    }
-  }));
-  // If there is no widget selected by default, select one
-    if (!c) {
-    const e = o === "main" || o === "blockEnd" ? t[t.length - 1] : t[0];
-    e.selected = true;
-    e.wasRendered = true;
-    h.add(e.id);
-    n.add(e.id);
-  }
-  // Store widgets in the Map
-    e.set(r, {
-    id: r,
-    type: o,
-    renderedWidgets: h,
-    exportParts: l,
-    widgets: t
-  });
-  return r;
-};
-
-const getItemsModel = (t, e, s, i, n) => t.map((t => {
-  // Group
-  if (t.items != null) {
-    const o = t;
-    const r = {
-      direction: o.direction,
-      items: getItemsModel(o.items, e, s, i, n),
-      size: o.size
-    };
-    // Custom behaviors
-        addCustomBehavior(t, r, i);
-    return r;
-  }
-  // Leaf
-    const o = t;
-  const r = mapWidgetsToView(o.widgets, e, s, n, o.viewType);
-  const l = {
-    id: r,
-    size: o.size,
-    fixedOffsetSize: o.fixedOffsetSize
-  };
-  // Custom behaviors
-    addCustomBehavior(t, l, i);
-  return l;
-}));
-
-function addCustomBehavior(t, e, s) {
-  if (t.hideDragBar) {
-    e.hideDragBar = true;
-  }
-  if (t.dragBarPart != null) {
-    e.dragBarPart = t.dragBarPart;
-    s.add(t.dragBarPart);
-  }
-}
-
-const getLayoutModel = (t, e, s, i, n) => ({
-  direction: t.direction,
-  items: getItemsModel(t.items, e, s, i, n)
-});
-
-const o = "ch-flexible-layout-render,.ch-flexible-layout-render-slot{display:contents}";
-
-const r = class {
-  constructor(s) {
-    /**
-         * This Set provides optimizations to not render items that were never
-         * shown on the screen.
-         */
-    this.renderedWidgets = new Set;
-    this.blockStartWidgets = new Set;
-    this.viewsInfo = new Map;
-    this.layoutSplitterParts = "";
-    this.handleViewItemChange = e => {
-      e.stopPropagation();
-      const s = e.detail;
-      const i = this.viewsInfo.get(s.viewId);
-      // Mark the item as rendered
-            this.renderedWidgets.add(s.newSelectedId);
-      i.renderedWidgets.add(s.newSelectedId);
-      // Mark the item as selected, displayed and rendered
-            const n = i.widgets[s.newSelectedIndex];
-      n.selected = true;
-      n.wasRendered = true;
-      // Unselected the previous item
-            if (s.lastSelectedIndex !== -1) {
-        const t = i.widgets[s.lastSelectedIndex];
-        t.selected = false;
-      }
-      // Shallow copy the widgets to ensure the flexible layout re-renders the view
-            i.widgets = [ ...i.widgets ];
-      // Queue re-renders
-            t(this);
-      t(this.flexibleLayoutRef);
-    };
-    e(this, s);
-    this.cssClass = "flexible-layout";
-    this.layout = undefined;
-    this.renders = undefined;
-  }
-  handleLayoutChange(t) {
-    this.setLayoutSplitterModels(t);
-  }
-  setLayoutSplitterModels(t) {
-    // Empty layout
-    if (t == null) {
-      // Reset layout
-      this.layoutSplitterModels = {
-        direction: "columns",
-        items: []
-      };
-      return;
-    }
-    const e = new Set;
-    this.layoutSplitterModels = getLayoutModel(t, this.viewsInfo, this.blockStartWidgets, e, this.renderedWidgets);
-    this.layoutSplitterParts = [ ...e.values() ].join(",");
-  }
-  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.layoutSplitterModels,
-      layoutSplitterParts: this.layoutSplitterParts,
-      viewsInfo: this.viewsInfo,
-      onSelectedViewItemChange: this.handleViewItemChange,
-      ref: t => this.flexibleLayoutRef = t
-    }, [ ...this.blockStartWidgets ].map((t => this.renders[t]())), [ ...this.renderedWidgets.values() ].map((t => s("div", {
-      key: t,
-      slot: t,
-      class: "ch-flexible-layout-render-slot"
-    }, this.renders[t]()))));
-  }
-  static get watchers() {
-    return {
-      layout: [ "handleLayoutChange" ]
-    };
-  }
-};
-
-r.style = o;
-
-export { r as ch_flexible_layout_render };
-//# sourceMappingURL=p-4997af38.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["lastViewId","getViewId","mapWidgetsToView","widgets","viewsInfo","blockStartWidgets","renderedWidgets","viewType","viewId","set","id","type","exportParts","forEach","widget","add","tabTypeToPart","renderedWidgetsInView","Set","existSelectedItem","selected","wasRendered","defaultSelectedWidget","length","getItemsModel","flexibleItems","layoutSplitterParts","map","item","items","group","splitterGroup","direction","size","addCustomBehavior","leaf","splitterLeaf","fixedOffsetSize","splitterItem","hideDragBar","dragBarPart","getLayoutModel","flexibleLayout","flexibleLayoutRenderCss","ChFlexibleLayoutRender","constructor","hostRef","this","Map","handleViewItemChange","event","stopPropagation","selectedItemInfo","detail","viewInfo","get","newSelectedId","newSelectedItem","newSelectedIndex","lastSelectedIndex","previousSelectedItem","forceUpdate","flexibleLayoutRef","cssClass","layout","undefined","renders","handleLayoutChange","newLayout","setLayoutSplitterModels","layoutSplitterModels","layoutSplitterPartsSet","values","join","componentWillLoad","render","h","class","layoutModel","onSelectedViewItemChange","ref","el","widgetId","key","slot"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/flexible-layout/flexible-layout/utils.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/flexible-layout/flexible-layout-render.css?tag=ch-flexible-layout-render","node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/flexible-layout/flexible-layout-render.js"],"sourcesContent":["import { tabTypeToPart } from \"../../tab/utils\";\nlet lastViewId = 0;\nexport const getViewId = () => `view-${lastViewId++}`;\nexport const mapWidgetsToView = (widgets, viewsInfo, blockStartWidgets, renderedWidgets, viewType) => {\n    // Get a new id for the view\n    const viewId = getViewId();\n    if (viewType === \"blockStart\") {\n        // Store widgets in the Map\n        viewsInfo.set(viewId, {\n            id: viewId,\n            type: viewType,\n            renderedWidgets: null,\n            exportParts: \"\",\n            widgets: widgets\n        });\n        // Add the widgets to the blockStart section\n        widgets.forEach(widget => {\n            blockStartWidgets.add(widget.id);\n        });\n        return viewId;\n    }\n    const exportParts = tabTypeToPart[viewType](widgets);\n    const renderedWidgetsInView = new Set();\n    let existSelectedItem = false;\n    widgets.forEach(widget => {\n        if (widget.selected || widget.wasRendered) {\n            // Ensure proper initialization\n            widget.wasRendered = true;\n            renderedWidgetsInView.add(widget.id);\n            renderedWidgets.add(widget.id);\n            existSelectedItem = true;\n        }\n    });\n    // If there is no widget selected by default, select one\n    if (!existSelectedItem) {\n        const defaultSelectedWidget = viewType === \"main\" || viewType === \"blockEnd\"\n            ? widgets[widgets.length - 1]\n            : widgets[0];\n        defaultSelectedWidget.selected = true;\n        defaultSelectedWidget.wasRendered = true;\n        renderedWidgetsInView.add(defaultSelectedWidget.id);\n        renderedWidgets.add(defaultSelectedWidget.id);\n    }\n    // Store widgets in the Map\n    viewsInfo.set(viewId, {\n        id: viewId,\n        type: viewType,\n        renderedWidgets: renderedWidgetsInView,\n        exportParts,\n        widgets: widgets\n    });\n    return viewId;\n};\nconst getItemsModel = (flexibleItems, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets) => flexibleItems.map(item => {\n    // Group\n    if (item.items != null) {\n        const group = item;\n        const splitterGroup = {\n            direction: group.direction,\n            items: getItemsModel(group.items, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets),\n            size: group.size\n        };\n        // Custom behaviors\n        addCustomBehavior(item, splitterGroup, layoutSplitterParts);\n        return splitterGroup;\n    }\n    // Leaf\n    const leaf = item;\n    const viewId = mapWidgetsToView(leaf.widgets, viewsInfo, blockStartWidgets, renderedWidgets, leaf.viewType);\n    const splitterLeaf = {\n        id: viewId,\n        size: leaf.size,\n        fixedOffsetSize: leaf.fixedOffsetSize\n    };\n    // Custom behaviors\n    addCustomBehavior(item, splitterLeaf, layoutSplitterParts);\n    return splitterLeaf;\n});\nfunction addCustomBehavior(item, splitterItem, layoutSplitterParts) {\n    if (item.hideDragBar) {\n        splitterItem.hideDragBar = true;\n    }\n    if (item.dragBarPart != null) {\n        splitterItem.dragBarPart = item.dragBarPart;\n        layoutSplitterParts.add(item.dragBarPart);\n    }\n}\nexport const getLayoutModel = (flexibleLayout, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets) => ({\n    direction: flexibleLayout.direction,\n    items: getItemsModel(flexibleLayout.items, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets)\n});\n//# sourceMappingURL=utils.js.map\n","ch-flexible-layout-render,\n.ch-flexible-layout-render-slot {\n  display: contents;\n}","import { forceUpdate, h } from \"@stencil/core\";\nimport { getLayoutModel } from \"../../flexible-layout/flexible-layout/utils\";\nexport class ChFlexibleLayoutRender {\n    constructor() {\n        this.cssClass = \"flexible-layout\";\n        this.layout = undefined;\n        this.renders = undefined;\n    }\n    /**\n     * This Set provides optimizations to not render items that were never\n     * shown on the screen.\n     */\n    renderedWidgets = new Set();\n    blockStartWidgets = new Set();\n    viewsInfo = new Map();\n    layoutSplitterModels;\n    layoutSplitterParts = \"\";\n    // Refs\n    flexibleLayoutRef;\n    handleLayoutChange(newLayout) {\n        this.setLayoutSplitterModels(newLayout);\n    }\n    setLayoutSplitterModels(layout) {\n        // Empty layout\n        if (layout == null) {\n            // Reset layout\n            this.layoutSplitterModels = { direction: \"columns\", items: [] };\n            return;\n        }\n        const layoutSplitterPartsSet = new Set();\n        this.layoutSplitterModels = getLayoutModel(layout, this.viewsInfo, this.blockStartWidgets, layoutSplitterPartsSet, this.renderedWidgets);\n        this.layoutSplitterParts = [...layoutSplitterPartsSet.values()].join(\",\");\n    }\n    handleViewItemChange = (event) => {\n        event.stopPropagation();\n        const selectedItemInfo = event.detail;\n        const viewInfo = this.viewsInfo.get(selectedItemInfo.viewId);\n        // Mark the item as rendered\n        this.renderedWidgets.add(selectedItemInfo.newSelectedId);\n        viewInfo.renderedWidgets.add(selectedItemInfo.newSelectedId);\n        // Mark the item as selected, displayed and rendered\n        const newSelectedItem = viewInfo.widgets[selectedItemInfo.newSelectedIndex];\n        newSelectedItem.selected = true;\n        newSelectedItem.wasRendered = true;\n        // Unselected the previous item\n        if (selectedItemInfo.lastSelectedIndex !== -1) {\n            const previousSelectedItem = viewInfo.widgets[selectedItemInfo.lastSelectedIndex];\n            previousSelectedItem.selected = false;\n        }\n        // Shallow copy the widgets to ensure the flexible layout re-renders the view\n        viewInfo.widgets = [...viewInfo.widgets];\n        // Queue re-renders\n        forceUpdate(this);\n        forceUpdate(this.flexibleLayoutRef);\n    };\n    componentWillLoad() {\n        this.setLayoutSplitterModels(this.layout);\n    }\n    render() {\n        // Check render against the \"layout\" property\n        if (this.layout == null) {\n            return \"\";\n        }\n        return (h(\"ch-flexible-layout\", { class: this.cssClass || null, layoutModel: this.layoutSplitterModels, layoutSplitterParts: this.layoutSplitterParts, viewsInfo: this.viewsInfo, onSelectedViewItemChange: this.handleViewItemChange, ref: el => (this.flexibleLayoutRef = el) }, [...this.blockStartWidgets].map(widgetId => this.renders[widgetId]()), [...this.renderedWidgets.values()].map(widget => (h(\"div\", { key: widget, slot: widget, class: \"ch-flexible-layout-render-slot\" }, this.renders[widget]())))));\n    }\n    static get is() { return \"ch-flexible-layout-render\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"flexible-layout-render.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"flexible-layout-render.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"cssClass\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A CSS class to set as the `ch-flexible-layout` element class.\"\n                },\n                \"attribute\": \"css-class\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"flexible-layout\\\"\"\n            },\n            \"layout\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FlexibleLayout\",\n                    \"resolved\": \"{ direction: LayoutSplitterDirection; items: FlexibleLayoutItem[]; }\",\n                    \"references\": {\n                        \"FlexibleLayout\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayout\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the distribution of the items in the flexible layout.\"\n                }\n            },\n            \"renders\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FlexibleLayoutRenders\",\n                    \"resolved\": \"{ [key: string]: () => any; }\",\n                    \"references\": {\n                        \"FlexibleLayoutRenders\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayoutRenders\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the distribution of the items in the flexible layout.\"\n                }\n            }\n        };\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"layout\",\n                \"methodName\": \"handleLayoutChange\"\n            }];\n    }\n}\n//# sourceMappingURL=flexible-layout-render.js.map\n"],"mappings":";;;;AACA,IAAIA,IAAa;;AACV,MAAMC,YAAY,MAAM,QAAQD;;AAChC,MAAME,mBAAmB,CAACC,GAASC,GAAWC,GAAmBC,GAAiBC;;EAErF,MAAMC,IAASP;EACf,IAAIM,MAAa,cAAc;;IAE3BH,EAAUK,IAAID,GAAQ;MAClBE,IAAIF;MACJG,MAAMJ;MACND,iBAAiB;MACjBM,aAAa;MACbT,SAASA;;;QAGbA,EAAQU,SAAQC;MACZT,EAAkBU,IAAID,EAAOJ;AAAG;IAEpC,OAAOF;AACf;EACI,MAAMI,IAAcI,EAAcT,GAAUJ;EAC5C,MAAMc,IAAwB,IAAIC;EAClC,IAAIC,IAAoB;EACxBhB,EAAQU,SAAQC;IACZ,IAAIA,EAAOM,YAAYN,EAAOO,aAAa;;MAEvCP,EAAOO,cAAc;MACrBJ,EAAsBF,IAAID,EAAOJ;MACjCJ,EAAgBS,IAAID,EAAOJ;MAC3BS,IAAoB;AAChC;AAAA;;IAGI,KAAKA,GAAmB;IACpB,MAAMG,IAAwBf,MAAa,UAAUA,MAAa,aAC5DJ,EAAQA,EAAQoB,SAAS,KACzBpB,EAAQ;IACdmB,EAAsBF,WAAW;IACjCE,EAAsBD,cAAc;IACpCJ,EAAsBF,IAAIO,EAAsBZ;IAChDJ,EAAgBS,IAAIO,EAAsBZ;AAClD;;IAEIN,EAAUK,IAAID,GAAQ;IAClBE,IAAIF;IACJG,MAAMJ;IACND,iBAAiBW;IACjBL;IACAT,SAASA;;EAEb,OAAOK;AAAM;;AAEjB,MAAMgB,gBAAgB,CAACC,GAAerB,GAAWC,GAAmBqB,GAAqBpB,MAAoBmB,EAAcE,KAAIC;;EAE3H,IAAIA,EAAKC,SAAS,MAAM;IACpB,MAAMC,IAAQF;IACd,MAAMG,IAAgB;MAClBC,WAAWF,EAAME;MACjBH,OAAOL,cAAcM,EAAMD,OAAOzB,GAAWC,GAAmBqB,GAAqBpB;MACrF2B,MAAMH,EAAMG;;;QAGhBC,kBAAkBN,GAAMG,GAAeL;IACvC,OAAOK;AACf;;IAEI,MAAMI,IAAOP;EACb,MAAMpB,IAASN,iBAAiBiC,EAAKhC,SAASC,GAAWC,GAAmBC,GAAiB6B,EAAK5B;EAClG,MAAM6B,IAAe;IACjB1B,IAAIF;IACJyB,MAAME,EAAKF;IACXI,iBAAiBF,EAAKE;;;IAG1BH,kBAAkBN,GAAMQ,GAAcV;EACtC,OAAOU;AAAY;;AAEvB,SAASF,kBAAkBN,GAAMU,GAAcZ;EAC3C,IAAIE,EAAKW,aAAa;IAClBD,EAAaC,cAAc;AACnC;EACI,IAAIX,EAAKY,eAAe,MAAM;IAC1BF,EAAaE,cAAcZ,EAAKY;IAChCd,EAAoBX,IAAIa,EAAKY;AACrC;AACA;;AACO,MAAMC,iBAAiB,CAACC,GAAgBtC,GAAWC,GAAmBqB,GAAqBpB,OAAe;EAC7G0B,WAAWU,EAAeV;EAC1BH,OAAOL,cAAckB,EAAeb,OAAOzB,GAAWC,GAAmBqB,GAAqBpB;;;ACzFlG,MAAMqC,IAA0B;;MCEnBC,IAAsB;EAC/B,WAAAC,CAAAC;;;;;IASAC,KAAAzC,kBAAkB,IAAIY;IACtB6B,KAAA1C,oBAAoB,IAAIa;IACxB6B,KAAA3C,YAAY,IAAI4C;IAEhBD,KAAArB,sBAAsB;IAiBtBqB,KAAAE,uBAAwBC;MACpBA,EAAMC;MACN,MAAMC,IAAmBF,EAAMG;MAC/B,MAAMC,IAAWP,KAAK3C,UAAUmD,IAAIH,EAAiB5C;;YAErDuC,KAAKzC,gBAAgBS,IAAIqC,EAAiBI;MAC1CF,EAAShD,gBAAgBS,IAAIqC,EAAiBI;;YAE9C,MAAMC,IAAkBH,EAASnD,QAAQiD,EAAiBM;MAC1DD,EAAgBrC,WAAW;MAC3BqC,EAAgBpC,cAAc;;YAE9B,IAAI+B,EAAiBO,uBAAuB,GAAG;QAC3C,MAAMC,IAAuBN,EAASnD,QAAQiD,EAAiBO;QAC/DC,EAAqBxC,WAAW;;;YAGpCkC,EAASnD,UAAU,KAAImD,EAASnD;;YAEhC0D,EAAYd;MACZc,EAAYd,KAAKe;AAAkB;;IAjDnCf,KAAKgB,WAAW;IAChBhB,KAAKiB,SAASC;IACdlB,KAAKmB,UAAUD;;EAanB,kBAAAE,CAAmBC;IACfrB,KAAKsB,wBAAwBD;;EAEjC,uBAAAC,CAAwBL;;IAEpB,IAAIA,KAAU,MAAM;;MAEhBjB,KAAKuB,uBAAuB;QAAEtC,WAAW;QAAWH,OAAO;;MAC3D;;IAEJ,MAAM0C,IAAyB,IAAIrD;IACnC6B,KAAKuB,uBAAuB7B,eAAeuB,GAAQjB,KAAK3C,WAAW2C,KAAK1C,mBAAmBkE,GAAwBxB,KAAKzC;IACxHyC,KAAKrB,sBAAsB,KAAI6C,EAAuBC,WAAUC,KAAK;;EAwBzE,iBAAAC;IACI3B,KAAKsB,wBAAwBtB,KAAKiB;;EAEtC,MAAAW;;IAEI,IAAI5B,KAAKiB,UAAU,MAAM;MACrB,OAAO;;IAEX,OAAQY,EAAE,sBAAsB;MAAEC,OAAO9B,KAAKgB,YAAY;MAAMe,aAAa/B,KAAKuB;MAAsB5C,qBAAqBqB,KAAKrB;MAAqBtB,WAAW2C,KAAK3C;MAAW2E,0BAA0BhC,KAAKE;MAAsB+B,KAAKC,KAAOlC,KAAKe,oBAAoBmB;OAAO,KAAIlC,KAAK1C,oBAAmBsB,KAAIuD,KAAYnC,KAAKmB,QAAQgB,QAAc,KAAInC,KAAKzC,gBAAgBkE,WAAU7C,KAAIb,KAAW8D,EAAE,OAAO;MAAEO,KAAKrE;MAAQsE,MAAMtE;MAAQ+D,OAAO;OAAoC9B,KAAKmB,QAAQpD"}

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

@@ -1 +0,0 @@
-{"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","console","log"],"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        console.log(\"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-5943edc4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["testCss","GxgTest","this","sendClickHandler","console","log","render","h","class","htmlFor","type","id","name","onClick","src"],"sources":["node_modules/@genexus/gemini/dist/collection/components/test/test.css?tag=gxg-test&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/test/test.js"],"sourcesContent":[":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.card {\n  overflow: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  cursor: initial;\n  height: 100px;\n}\n.card::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width, 6px);\n  height: var(--gxg-scrollbar-width, 6px);\n}\n.card::-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.card::-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.card::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}","import { h } from \"@stencil/core\";\nexport class GxgTest {\n    el;\n    sendClickHandler = () => {\n        console.log(\"clicked\");\n    };\n    render() {\n        return [\n            h(\"div\", { class: \"container\" }, h(\"section\", { class: \"section-dev\", \"data-title\": \"shortcut\" }, h(\"h2\", null, \"Formulario de Contacto\"), h(\"div\", null, h(\"label\", { htmlFor: \"nombre\" }, \"Nombre:\"), h(\"input\", { type: \"text\", id: \"nombre\", name: \"nombre\", \"data-shortcut\": \"Alt+N\" })), h(\"div\", null, h(\"label\", { htmlFor: \"email\" }, \"Correo Electr\\u00F3nico:\"), h(\"input\", { type: \"email\", id: \"email\", name: \"email\", \"data-shortcut\": \"Alt+E\", \"data-shortcut-prevent\": \"Enter\", \"aria-keyshortcuts\": \"Alt+E\" })), h(\"div\", null, h(\"label\", { htmlFor: \"mensaje\" }, \"Mensaje:\"), h(\"textarea\", { id: \"mensaje\", name: \"mensaje\", \"data-shortcut\": \"Alt+M\" })), h(\"div\", null, h(\"button\", { id: \"enviar\", \"data-shortcut\": \"Enter\", \"data-shortcut-action\": \"click\", onClick: this.sendClickHandler }, \"Enviar\")))),\n            h(\"gxg-shortcuts\", { src: \"../assets/json/shortcuts.json\" }),\n        ];\n    }\n    static get is() { return \"gxg-test\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"test.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"test.css\"]\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=test.js.map\n"],"mappings":";;AAAA,MAAMA,IAAU;;MCCHC,IAAO;;IAEhBC,KAAAC,mBAAmB;MACfC,QAAQC,IAAI;AAAU;;;;;;EAE1B,MAAAC;IACI,OAAO,EACHC,EAAE,OAAO;MAAEC,OAAO;OAAeD,EAAE,WAAW;MAAEC,OAAO;MAAe,cAAc;OAAcD,EAAE,MAAM,MAAM,2BAA2BA,EAAE,OAAO,MAAMA,EAAE,SAAS;MAAEE,SAAS;OAAY,YAAYF,EAAE,SAAS;MAAEG,MAAM;MAAQC,IAAI;MAAUC,MAAM;MAAU,iBAAiB;SAAaL,EAAE,OAAO,MAAMA,EAAE,SAAS;MAAEE,SAAS;OAAW,wBAA6BF,EAAE,SAAS;MAAEG,MAAM;MAASC,IAAI;MAASC,MAAM;MAAS,iBAAiB;MAAS,yBAAyB;MAAS,qBAAqB;SAAaL,EAAE,OAAO,MAAMA,EAAE,SAAS;MAAEE,SAAS;OAAa,aAAaF,EAAE,YAAY;MAAEI,IAAI;MAAWC,MAAM;MAAW,iBAAiB;SAAaL,EAAE,OAAO,MAAMA,EAAE,UAAU;MAAEI,IAAI;MAAU,iBAAiB;MAAS,wBAAwB;MAASE,SAASX,KAAKC;OAAoB,cACvxBI,EAAE,iBAAiB;MAAEO,KAAK"}