@genexus/genexus-ide-ui 3.0.1 → 3.1.0

package/dist/genexus-ide-ui/gx-ide-assets/search/langs/search.lang.en.json

@@ -0,0 +1,37 @@
+{
+  "labels": {
+    "includeTypes": "Include types",
+    "excludeTypes": "Exclude types",
+    "module": "Module",
+    "properties": "Properties",
+    "results": "Results"
+  },
+  "buttons": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "footer": {},
+  "placeholders": {
+    "search": "Search...",
+    "typesToInclude": "Types to include",
+    "typesToExclude": "Types to exclude",
+    "searchAModule": "Search a module ",
+    "addProperties": "Add properties"
+  },
+  "accessibleName": "Search in Knowledge Base",
+  "settingsButtonAriaLabel": "Toggle search settings",
+  "tooltips": {
+    "searchInAllSiblings": "Search in all siblings"
+  },
+  "emptyState": {
+    "title": "No results found",
+    "description": "Try adjusting your filters or checking your spelling to find what you’re looking for"
+  },
+  "noKbOpenState": {
+    "title": "No Knowledge Base open",
+    "description": "Open a Knowledge Base to start searching"
+  },
+  "loader": {
+    "title": "Loading..."
+  }
+}

package/dist/genexus-ide-ui/gx-ide-assets/search/langs/search.lang.ja.json

@@ -0,0 +1,37 @@
+{
+  "labels": {
+    "includeTypes": "Include types",
+    "excludeTypes": "Exclude types",
+    "module": "Module",
+    "properties": "Properties",
+    "results": "Results"
+  },
+  "buttons": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "footer": {},
+  "placeholders": {
+    "search": "Search...",
+    "typesToInclude": "Types to include",
+    "typesToExclude": "Types to exclude",
+    "searchAModule": "Search a module ",
+    "addProperties": "Add properties"
+  },
+  "accessibleName": "Search in Knowledge Base",
+  "settingsButtonAriaLabel": "Toggle search settings",
+  "tooltips": {
+    "searchInAllSiblings": "Search in all siblings"
+  },
+  "emptyState": {
+    "title": "No results found",
+    "description": "Try adjusting your filters or checking your spelling to find what you’re looking for"
+  },
+  "noKbOpenState": {
+    "title": "No Knowledge Base open",
+    "description": "Open a Knowledge Base to start searching"
+  },
+  "loader": {
+    "title": "Loading..."
+  }
+}

package/dist/genexus-ide-ui/gx-ide-assets/search/langs/search.lang.zh.json

@@ -0,0 +1,37 @@
+{
+  "labels": {
+    "includeTypes": "Include types",
+    "excludeTypes": "Exclude types",
+    "module": "Module",
+    "properties": "Properties",
+    "results": "Results"
+  },
+  "buttons": {
+    "cancel": "Cancel",
+    "confirm": "Confirm"
+  },
+  "footer": {},
+  "placeholders": {
+    "search": "Search...",
+    "typesToInclude": "Types to include",
+    "typesToExclude": "Types to exclude",
+    "searchAModule": "Search a module ",
+    "addProperties": "Add properties"
+  },
+  "accessibleName": "Search in Knowledge Base",
+  "settingsButtonAriaLabel": "Toggle search settings",
+  "tooltips": {
+    "searchInAllSiblings": "Search in all siblings"
+  },
+  "emptyState": {
+    "title": "No results found",
+    "description": "Try adjusting your filters or checking your spelling to find what you’re looking for"
+  },
+  "noKbOpenState": {
+    "title": "No Knowledge Base open",
+    "description": "Open a Knowledge Base to start searching"
+  },
+  "loader": {
+    "title": "Loading..."
+  }
+}

package/dist/genexus-ide-ui/p-0745a565.entry.js

@@ -0,0 +1,152 @@
+import { r as e, c as t, h as i, H as o, a } from "./p-9b9ccd0c.js";
+
+import { g as n } from "./p-d42e842b.js";
+
+import "./p-6534555e.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
+
+const s = ":host{display:grid;block-size:100%}.opacity-0{opacity:0}.gxi-hidden{display:none !important}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-style-regular);font-size:var(--font-size-body-m);font-family:var(--font-family-body);height:100%;display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.buttons-container{display:flex;gap:var(--spacing-gap-m)}.giu-static-pill-icon-and-text,.giu-static-pill{background-color:var(--elevation-background-color, var(--color-accent-surface-elevation-1));padding-inline:var(--spacing-padding-m);color:var(--color-text-neutral-default);font-size:var(--font-size-body-s);line-height:var(--line-height-relaxed);font-weight:var(--font-style-regular);border-radius:4px;min-block-size:25px;display:inline-grid;align-items:center;pointer-events:none;inline-size:max-content}.giu-static-pill-icon-and-text{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--spacing-gap-m)}.tab-full-width-buttons::part(tab-list block-start),.tab-full-width-buttons::part(tab-list block-end){grid-auto-columns:1fr}.tab-full-width-buttons::part(tab block-start){justify-content:center}.tree-view::part(item__header){--icon__system_warning_warning--disabled:var(\n    --icon__system_warning_warning--enabled\n  )}.tabular-grid{--focus-outline-width:1px}ch-popover{background-color:var(--color-accent-surface-elevation-1);border:1px solid var(--color-border-surface-on-surface);border-radius:var(--border-radius-s);box-shadow:var(--shadow-elevation-2)}ch-popover>div{display:flex;flex-direction:column;gap:0;padding:var(--spacing-padding-m);max-block-size:300px;overflow-y:auto}.checkbox-item{display:flex;inline-size:100%;padding-block:var(--spacing-padding-xs);padding-inline:var(--spacing-padding-m);cursor:pointer;border-radius:var(--border-radius-s)}.checkbox-item:hover{background-color:var(--color-accent-item-selected)}.checkbox-item::part(checkbox){inline-size:100%}.checkbox-item::part(label){inline-size:100%;cursor:pointer;flex:1}.multi-select__button{display:flex;align-items:center;gap:var(--spacing-gap-s);overflow:hidden}.multi-select__chevron{flex-shrink:0;margin-inline-start:auto}.multi-select__placeholder{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select__items{display:flex;flex-wrap:wrap;gap:var(--spacing-gap-xs);flex:1;align-items:center}.multi-select__item{display:inline-flex;align-items:center;gap:var(--spacing-gap-xs);padding:2px var(--spacing-padding-xs);background-color:var(--color-accent-item-pressed);border-radius:var(--border-radius-s)}.multi-select__item button{padding:0}.multi-select__caption{color:var(--color-text-neutral-on-disabled)}.multi-select__close{padding:0;margin:0}ch-checkbox.checkbox::part(label){font-weight:var(--font-style-regular);color:var(--color-text-neutral-default)}";
+
+var r = undefined && undefined.__classPrivateFieldGet || function(e, t, i, o) {
+  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return i === "m" ? o : i === "a" ? o.call(e) : o ? o.value : t.get(e);
+};
+
+var l = undefined && undefined.__classPrivateFieldSet || function(e, t, i, o, a) {
+  if (o === "m") throw new TypeError("Private method is not writable");
+  if (o === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return o === "a" ? a.call(e, i) : a ? a.value = i : t.set(e, i), i;
+};
+
+var c, d, p, h, u, m, g;
+
+const f = [ "resets/box-sizing", "components/button", "components/icon", "components/checkbox", "utils/typography", "utils/spacing", "chameleon/scrollbar", "components/combo-box" ];
+
+const b = n({
+  category: "navigation",
+  name: "chevron-down",
+  colorType: "on-interactive"
+});
+
+const v = n({
+  category: "system",
+  name: "close",
+  colorType: "on-interactive"
+});
+
+const x = class {
+  constructor(o) {
+    e(this, o);
+    this.gxSelectionChange = t(this, "gxSelectionChange", 7);
+    c.set(this, void 0);
+    d.set(this, void 0);
+    p.set(this, (() => {
+      if (!this.disabled) {
+        this.showPopover = !this.showPopover;
+      }
+    }));
+    h.set(this, ((e, t) => {
+      const i = t.target;
+      const o = i.value === i.checkedValue;
+      let a;
+      if (o) {
+        a = [ ...this.value, e ];
+      } else {
+        a = this.value.filter((t => t !== e));
+      }
+      this.gxSelectionChange.emit(a);
+    }));
+    u.set(this, (e => {
+      const t = this.value.filter((t => t !== e));
+      this.gxSelectionChange.emit(t);
+    }));
+    m.set(this, (e => this.value.includes(e)));
+    g.set(this, (() => {
+      if (this.value.length === 0) {
+        return i("span", {
+          class: "multi-select__placeholder body-italic-m"
+        }, this.placeholder);
+      }
+      const e = this.model.filter((e => this.value.includes(e.value)));
+      return i("div", {
+        class: "multi-select__items"
+      }, e.map((e => i("div", {
+        class: "multi-select__item",
+        key: e.value
+      }, i("span", {
+        class: "multi-select__caption body-regular-s"
+      }, e.caption), i("button", {
+        type: "button",
+        class: "button-tertiary button-icon-only multi-select__close",
+        onClick: t => {
+          t.stopPropagation();
+          t.preventDefault();
+          r(this, u, "f").call(this, e.value);
+        },
+        "aria-label": `Remove ${e.caption}`
+      }, i("ch-image", {
+        class: "icon-xs",
+        src: v,
+        type: "mask"
+      }))))));
+    }));
+    this.showPopover = false;
+    this.model = [];
+    this.value = [];
+    this.placeholder = "Select options";
+    this.disabled = false;
+  }
+  componentDidLoad() {
+    if (r(this, d, "f") && r(this, c, "f")) {
+      r(this, d, "f").actionElement = r(this, c, "f");
+    }
+  }
+  render() {
+    return i(o, null, i("ch-theme", {
+      model: f
+    }), i("button", {
+      class: "combo-box multi-select__button",
+      type: "button",
+      ref: e => l(this, c, e, "f"),
+      onClick: r(this, p, "f"),
+      disabled: this.disabled
+    }, r(this, g, "f").call(this), i("ch-image", {
+      class: "icon-m multi-select__chevron",
+      src: b,
+      type: "mask"
+    })), i("ch-popover", {
+      ref: e => l(this, d, e, "f"),
+      closeOnClickOutside: true,
+      show: this.showPopover,
+      blockAlign: "outside-end",
+      inlineAlign: "inside-end",
+      inlineSizeMatch: "action-element",
+      class: "scrollable"
+    }, i("div", null, this.model.map((e => i("ch-checkbox", {
+      class: "checkbox checkbox-item",
+      caption: e.caption,
+      checkedValue: "true",
+      value: r(this, m, "f").call(this, e.value) ? "true" : "false",
+      startImgSrc: e.startImgSrc,
+      onInput: t => r(this, h, "f").call(this, e.value, t)
+    }))))));
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+c = new WeakMap, d = new WeakMap, p = new WeakMap, h = new WeakMap, u = new WeakMap, 
+m = new WeakMap, g = new WeakMap;
+
+x.style = s;
+
+export { x as gx_ide_multi_select };
+//# sourceMappingURL=p-0745a565.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["gxIdeMultiSelectCss","CSS_BUNDLES","CHEVRON_DOWN_ICON","getIconPath","category","name","colorType","CLOSE_ICON","GxIdeMultiSelect","_GxIdeMultiSelect_multiButtonEl","set","this","_GxIdeMultiSelect_popoverEl","_GxIdeMultiSelect_togglePopover","disabled","showPopover","_GxIdeMultiSelect_checkboxChangeHandler","optionValue","event","target","isChecked","value","checkedValue","newValue","filter","val","gxSelectionChange","emit","_GxIdeMultiSelect_removeSelectedItemHandler","itemValue","_GxIdeMultiSelect_isItemSelected","includes","_GxIdeMultiSelect_renderSelectedItems","length","h","class","placeholder","selectedOptions","model","opt","map","item","key","caption","type","onClick","e","stopPropagation","preventDefault","__classPrivateFieldGet","call","src","componentDidLoad","actionElement","render","Host","ref","el","__classPrivateFieldSet","closeOnClickOutside","show","blockAlign","inlineAlign","inlineSizeMatch","option","startImgSrc","onInput"],"sources":["src/components/_helpers/multi-select/gx-ide-multi-select.scss?tag=gx-ide-multi-select&encapsulation=shadow","src/components/_helpers/multi-select/gx-ide-multi-select.tsx"],"sourcesContent":["@import \"../../../global/gx-ide-common\";\n\nch-popover {\n  background-color: var(--color-accent-surface-elevation-1);\n  border: 1px solid var(--color-border-surface-on-surface);\n  border-radius: var(--border-radius-s);\n  box-shadow: var(--shadow-elevation-2);\n\n  > div {\n    display: flex;\n    flex-direction: column;\n    gap: 0;\n    padding: var(--spacing-padding-m);\n    max-block-size: 300px;\n    overflow-y: auto;\n  }\n}\n\n.checkbox-item {\n  display: flex;\n  inline-size: 100%;\n  padding-block: var(--spacing-padding-xs);\n  padding-inline: var(--spacing-padding-m);\n  cursor: pointer;\n  border-radius: var(--border-radius-s);\n\n  &:hover {\n    background-color: var(--color-accent-item-selected);\n  }\n\n  &::part(checkbox) {\n    inline-size: 100%;\n  }\n\n  &::part(label) {\n    inline-size: 100%;\n    cursor: pointer;\n    flex: 1;\n  }\n}\n\n.multi-select {\n  &__button {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-gap-s);\n    overflow: hidden;\n  }\n\n  &__chevron {\n    flex-shrink: 0;\n    margin-inline-start: auto;\n  }\n\n  &__placeholder {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &__items {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing-gap-xs);\n    flex: 1;\n    align-items: center;\n  }\n\n  &__item {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--spacing-gap-xs);\n    padding: 2px var(--spacing-padding-xs);\n    background-color: var(--color-accent-item-pressed);\n    border-radius: var(--border-radius-s);\n\n    & button {\n      padding: 0;\n    }\n  }\n\n  &__caption {\n    color: var(--color-text-neutral-on-disabled);\n  }\n\n  &__close {\n    padding: 0;\n    margin: 0;\n  }\n}\n\nch-checkbox.checkbox::part(label) {\n  font-weight: var(--font-style-regular);\n  color: var(--color-text-neutral-default);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/icon\",\n  \"components/checkbox\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\",\n  \"components/combo-box\"\n];\n\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"navigation\",\n  name: \"chevron-down\",\n  colorType: \"on-interactive\"\n});\n\nconst CLOSE_ICON = getIconPath({\n  category: \"system\",\n  name: \"close\",\n  colorType: \"on-interactive\"\n});\n\n@Component({\n  tag: \"gx-ide-multi-select\",\n  styleUrl: \"gx-ide-multi-select.scss\",\n  shadow: true\n})\nexport class GxIdeMultiSelect {\n  #multiButtonEl: HTMLButtonElement;\n  #popoverEl: HTMLChPopoverElement;\n\n  @Element() el: HTMLGxIdeMultiSelectElement;\n\n  @State() showPopover = false;\n\n  /**\n   * Model with available options to select from\n   */\n  @Prop() readonly model: ComboBoxModel = [];\n\n  /**\n   * Currently selected item values\n   */\n  @Prop() readonly value: string[] = [];\n\n  /**\n   * Placeholder text when no items are selected\n   */\n  @Prop() readonly placeholder: string = \"Select options\";\n\n  /**\n   * Disabled state\n   */\n  @Prop() readonly disabled: boolean = false;\n\n  /**\n   * Emitted when the selection changes\n   */\n  @Event() gxSelectionChange: EventEmitter<string[]>;\n\n  componentDidLoad() {\n    if (this.#popoverEl && this.#multiButtonEl) {\n      this.#popoverEl.actionElement = this.#multiButtonEl;\n    }\n  }\n\n  #togglePopover = () => {\n    if (!this.disabled) {\n      this.showPopover = !this.showPopover;\n    }\n  };\n\n  #checkboxChangeHandler = (\n    optionValue: string,\n    event: CustomEvent | InputEvent\n  ) => {\n    const target = event.target as HTMLChCheckboxElement;\n    const isChecked = target.value === target.checkedValue;\n\n    let newValue: string[];\n    if (isChecked) {\n      newValue = [...this.value, optionValue];\n    } else {\n      newValue = this.value.filter(val => val !== optionValue);\n    }\n\n    this.gxSelectionChange.emit(newValue);\n  };\n\n  #removeSelectedItemHandler = (itemValue: string) => {\n    const newValue = this.value.filter(val => val !== itemValue);\n    this.gxSelectionChange.emit(newValue);\n  };\n\n  #isItemSelected = (itemValue: string): boolean => {\n    return this.value.includes(itemValue);\n  };\n\n  #renderSelectedItems = () => {\n    if (this.value.length === 0) {\n      return (\n        <span class=\"multi-select__placeholder body-italic-m\">\n          {this.placeholder}\n        </span>\n      );\n    }\n\n    const selectedOptions = this.model.filter(opt =>\n      this.value.includes(opt.value)\n    );\n\n    return (\n      <div class=\"multi-select__items\">\n        {selectedOptions.map(item => (\n          <div class=\"multi-select__item\" key={item.value}>\n            <span class=\"multi-select__caption body-regular-s\">\n              {item.caption}\n            </span>\n            <button\n              type=\"button\"\n              class=\"button-tertiary button-icon-only multi-select__close\"\n              onClick={e => {\n                e.stopPropagation();\n                e.preventDefault();\n                this.#removeSelectedItemHandler(item.value);\n              }}\n              aria-label={`Remove ${item.caption}`}\n            >\n              <ch-image class=\"icon-xs\" src={CLOSE_ICON} type=\"mask\"></ch-image>\n            </button>\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <button\n          class=\"combo-box multi-select__button\"\n          type=\"button\"\n          ref={(el: HTMLButtonElement) => (this.#multiButtonEl = el)}\n          onClick={this.#togglePopover}\n          disabled={this.disabled}\n        >\n          {this.#renderSelectedItems()}\n          <ch-image\n            class=\"icon-m multi-select__chevron\"\n            src={CHEVRON_DOWN_ICON}\n            type=\"mask\"\n          />\n        </button>\n\n        <ch-popover\n          ref={(el: HTMLChPopoverElement) => (this.#popoverEl = el)}\n          closeOnClickOutside\n          show={this.showPopover}\n          blockAlign=\"outside-end\"\n          inlineAlign=\"inside-end\"\n          inlineSizeMatch=\"action-element\"\n          class={\"scrollable\"}\n        >\n          <div>\n            {this.model.map(option => (\n              <ch-checkbox\n                class=\"checkbox checkbox-item\"\n                caption={option.caption}\n                checkedValue=\"true\"\n                value={this.#isItemSelected(option.value) ? \"true\" : \"false\"}\n                startImgSrc={option.startImgSrc}\n                onInput={e => this.#checkboxChangeHandler(option.value, e)}\n              />\n            ))}\n          </div>\n        </ch-popover>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-6246204f.entry.js → p-25e749c7.entry.js}

@@ -1,46 +1,44 @@
-import { r as t, c as e, g as a, h as s, H as i, a as o } from "./p-9b9ccd0c.js";
+import { r as t, c as e, h as a, H as s, a as i } from "./p-9b9ccd0c.js";
 
-import { L as r } from "./p-311eedf3.js";
+import { L as o } from "./p-311eedf3.js";
 
-const n = "ch-tab-render.tab{background-color:transparent;border-color:transparent}ch-tab-render.tab::part(tab-list block-start){border-block-end:none}ch-tab-render.tab::part(tab block closable),ch-tab-render.tab::part(tab block not-closable){background-color:transparent}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr}.web-apps,.native-apps,.apis{padding-block-start:16px;overflow:auto;block-size:100%}.tab::part(page){scrollbar-width:thin}.spacing-body>ch-tab-render>.tab-slot-spacing-body,:host(.spacing-body)>ch-tab-render>.tab-slot-spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}";
+const r = "ch-tab-render.tab{background-color:transparent;border-color:transparent}ch-tab-render.tab::part(tab-list block-start){border-block-end:none}ch-tab-render.tab::part(tab block closable),ch-tab-render.tab::part(tab block not-closable){background-color:transparent}:host{display:grid;block-size:100%;overflow:auto;grid-template-rows:1fr}.web-apps,.native-apps,.apis{padding-block-start:16px;overflow:auto;block-size:100%}.tab::part(page){scrollbar-width:thin}.spacing-body>ch-tab-render>.tab-slot-spacing-body,:host(.spacing-body)>ch-tab-render>.tab-slot-spacing-body{padding-block:var(--spacing-body-block-start) var(--spacing-body-block-end);padding-inline:var(--spacing-body-inline-start) var(--spacing-body-inline-end)}";
 
-var c = undefined && undefined.__classPrivateFieldSet || function(t, e, a, s, i) {
+var n = undefined && undefined.__classPrivateFieldSet || function(t, e, a, s, i) {
   if (s === "m") throw new TypeError("Private method is not writable");
   if (s === "a" && !i) throw new TypeError("Private accessor was defined without a setter");
   if (typeof e === "function" ? t !== e || !i : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return s === "a" ? i.call(t, a) : i ? i.value = a : e.set(t, a), a;
 };
 
-var p = undefined && undefined.__classPrivateFieldGet || function(t, e, a, s) {
+var c = undefined && undefined.__classPrivateFieldGet || function(t, e, a, s) {
   if (a === "a" && !s) throw new TypeError("Private accessor was defined without a getter");
   if (typeof e === "function" ? t !== e || !s : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return a === "m" ? s : a === "a" ? s.call(t) : s ? s.value : e.get(t);
 };
 
-var d, l, h;
+var p;
 
-const b = [ "resets/box-sizing", "components/tab", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+const d = [ "resets/box-sizing", "components/tab", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
 
-const u = "main";
+const l = "main";
 
-const f = "web-apps";
+const h = "web-apps";
 
-const w = "native-apps";
+const b = "native-apps";
 
-const g = "apis";
+const u = "apis";
 
 // Temporary WA (Read WA in launchpad.scss)
-const v = "tab-slot-spacing-body";
+const f = "tab-slot-spacing-body";
 
-const y = class {
-  constructor(s) {
-    t(this, s);
+const v = class {
+  constructor(a) {
+    t(this, a);
     this.objectSelected = e(this, "objectSelected", 7);
     this.copyToClipboard = e(this, "copyToClipboard", 7);
     this.openOnTheAppStore = e(this, "openOnTheAppStore", 7);
-    d.set(this, void 0);
-    l.set(this, a(`./gx-ide-assets/launchpad/shortcuts.json`));
-    h.set(this, void 0);
+    p.set(this, void 0);
     this.data = undefined;
     this.isStandalone = true;
     this.sections = [];
@@ -53,10 +51,10 @@ const y = class {
   }
   async componentWillLoad() {
     try {
-      c(this, h, await r.getComponentStrings(this.el), "f");
+      n(this, p, await o.getComponentStrings(this.el), "f");
     } catch (t) {
       console.error("Error loading locale:", t);
-      c(this, h, {
+      n(this, p, {
         tabs: {
           webApps: "WEB APPS",
           nativeApps: "NATIVE APPS",
@@ -69,15 +67,6 @@ const y = class {
     }
   }
   componentDidLoad() {}
-  /**
-     * Suspends or reactivates the shortcuts
-     */  async suspendShortcuts(t) {
-    if (t) {
-      p(this, d, "f").suspend = true;
-    } else {
-      p(this, d, "f").suspend = false;
-    }
-  }
   /**
      * Organizes received data and builds tab model
      */  organizeData() {
@@ -107,7 +96,7 @@ const y = class {
      * Gets localized tab name based on section ID
      */  getLocalizedTabName(t) {
     var e;
-    const a = ((e = p(this, h, "f")) === null || e === void 0 ? void 0 : e.tabs) || {};
+    const a = ((e = c(this, p, "f")) === null || e === void 0 ? void 0 : e.tabs) || {};
     switch (t) {
      case "web-apps":
       return a.webApps || "WEB APPS";
@@ -155,47 +144,45 @@ const y = class {
     });
   }
   render() {
-    var t, e, a;
+    var t, e, i;
     if (!this.data || !this.sections || this.sections.length === 0) {
       return null;
     }
-    return s(i, null, s("ch-theme", {
-      model: b
-    }), s("ch-shortcuts", {
-      src: p(this, l, "f"),
-      ref: t => c(this, d, t, "f")
-    }), s("ch-tab-render", {
+    // TODO: Revisit re-enabling keyboard shortcuts 1, 2, 3 for switching launchpad tabs (Web Apps, Native Apps, APIs)
+        return a(s, null, a("ch-theme", {
+      model: d
+    }), a("ch-tab-render", {
       class: {
         scrollable: true,
         tab: true,
-        [u]: true
+        [l]: true
       },
       tabListPosition: "block-start",
       model: this.tabModel,
-      selectedId: f,
+      selectedId: h,
       overflow: "auto",
       contain: "size"
-    }, s("div", {
-      slot: f,
+    }, a("div", {
+      slot: h,
       class: {
         "web-apps": true,
-        [v]: true
+        [f]: true
       },
       part: "tab-button-web-apps"
-    }, s("gx-ide-launchpad-web-apps", Object.assign({
+    }, a("gx-ide-launchpad-web-apps", Object.assign({
       objects: ((t = this.sections.find((t => t.id === "web-apps"))) === null || t === void 0 ? void 0 : t.objects) || []
     }, {
       onObjectSelected: t => this.handleObjectSelection(t)
     }, {
       onCopyToClipboard: t => this.handleCopyToClipboard(t)
-    }))), s("div", {
-      slot: w,
+    }))), a("div", {
+      slot: b,
       class: {
         "native-apps": true,
-        [v]: true
+        [f]: true
       },
       part: "tab-button-native-apps"
-    }, s("gx-ide-launchpad-native-apps", Object.assign({
+    }, a("gx-ide-launchpad-native-apps", Object.assign({
       objects: ((e = this.sections.find((t => t.id === "native-apps"))) === null || e === void 0 ? void 0 : e.objects) || []
     }, {
       onObjectSelected: t => this.handleObjectSelection(t)
@@ -203,15 +190,15 @@ const y = class {
       onCopyToClipboard: t => this.handleCopyToClipboard(t)
     }, {
       onOpenOnTheAppStore: t => this.handleOpenAppStore(t)
-    }))), s("div", {
-      slot: g,
+    }))), a("div", {
+      slot: u,
       class: {
         apis: true,
-        [v]: true
+        [f]: true
       },
       part: "tab-button-apis"
-    }, s("gx-ide-launchpad-apis", Object.assign({
-      apis: ((a = this.sections.find((t => t.id === "apis"))) === null || a === void 0 ? void 0 : a.apis) || []
+    }, a("gx-ide-launchpad-apis", Object.assign({
+      apis: ((i = this.sections.find((t => t.id === "apis"))) === null || i === void 0 ? void 0 : i.apis) || []
     }, {
       onObjectSelected: t => this.handleObjectSelection(t)
     }, {
@@ -222,7 +209,7 @@ const y = class {
     return [ "gx-ide-assets/launchpad" ];
   }
   get el() {
-    return o(this);
+    return i(this);
   }
   static get watchers() {
     return {
@@ -231,9 +218,9 @@ const y = class {
   }
 };
 
-d = new WeakMap, l = new WeakMap, h = new WeakMap;
+p = new WeakMap;
 
-y.style = n;
+v.style = r;
 
-export { y as gx_ide_launchpad };
-//# sourceMappingURL=p-6246204f.entry.js.map
+export { v as gx_ide_launchpad };
+//# sourceMappingURL=p-25e749c7.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["launchpadCss","CSS_BUNDLES","MAIN_SECTION_CLASSES","WEB_APPS_TAB_SELECTOR","NATIVE_APPS_TAB_SELECTOR","APIS_TAB_SELECTOR","TAB_SLOT_SPACING_BODY_SELECTOR","GxIdeLaunchpad","_GxIdeLaunchpad_componentLocale","set","this","undefined","watchDataHandler","newValue","organizeData","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","error","console","tabs","webApps","nativeApps","apis","data","componentDidLoad","parsedData","JSON","parse","sections","buildTabModel","tabModel","length","map","section","id","name","getLocalizedTabName","sectionId","tabNames","_a","__classPrivateFieldGet","toUpperCase","replace","handleObjectSelection","event","key","detail","includes","parts","split","type","objectSelected","emit","handleCopyToClipboard","copyToClipboard","url","handleOpenAppStore","openOnTheAppStore","render","h","Host","model","class","scrollable","tab","tabListPosition","selectedId","overflow","contain","slot","part","Object","assign","objects","find","s","onObjectSelected","onCopyToClipboard","_b","onOpenOnTheAppStore","_c"],"sources":["src/components/launchpad/root/launchpad.scss?tag=gx-ide-launchpad&encapsulation=shadow","src/components/launchpad/root/launchpad.tsx"],"sourcesContent":["@use \"../../../global/temporary-mercury-overrides/tab.scss\" as *;\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: 1fr;\n}\n\n.web-apps,\n.native-apps,\n.apis {\n  padding-block-start: 16px;\n  overflow: auto;\n  block-size: 100%;\n}\n\n// WA: Add scrollbar styling for ch-tab-render until Mercury provides proper support\n.tab::part(page) {\n  scrollbar-width: thin;\n}\n\n// WA: Apply spacing body to tab slots, instad of the whole component.\n// TODO: Resolve this on Mercury, with some addition class maybe.\n.spacing-body,\n:host(.spacing-body) {\n  > ch-tab-render > .tab-slot-spacing-body {\n    padding-block: var(--spacing-body-block-start) var(--spacing-body-block-end);\n    padding-inline: var(--spacing-body-inline-start)\n      var(--spacing-body-inline-end);\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  h,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { TabModel } from \"@genexus/chameleon-controls-library\";\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst MAIN_SECTION_CLASSES: string = \"main\";\nconst WEB_APPS_TAB_SELECTOR: string = \"web-apps\";\nconst NATIVE_APPS_TAB_SELECTOR: string = \"native-apps\";\nconst APIS_TAB_SELECTOR: string = \"apis\";\n\n// Temporary WA (Read WA in launchpad.scss)\nconst TAB_SLOT_SPACING_BODY_SELECTOR: string = \"tab-slot-spacing-body\";\n\n@Component({\n  tag: \"gx-ide-launchpad\",\n  styleUrl: \"launchpad.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/launchpad\"]\n})\nexport class GxIdeLaunchpad {\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeLaunchpadElement;\n\n  /**\n   * JSON data containing section structure\n   */\n  @Prop() data: string | undefined = undefined;\n\n  /**\n   * Determines if the component runs in standalone mode\n   */\n  @Prop() isStandalone: boolean = true;\n\n  /**\n   * Array of sections for tabs\n   */\n  @State() sections: Array<any> = [];\n\n  /**\n   * Tab model for ch-tab-render\n   */\n  @State() tabModel: TabModel = [];\n\n  /**\n   * Event emitted when an object is selected for execution\n   */\n  @Event() objectSelected: EventEmitter<{\n    key: { type: string; id: string } | string;\n  }>;\n\n  /**\n   * Event emitted when copying to clipboard\n   */\n  @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n  /**\n   * Event emitted when opening app store\n   */\n  @Event() openOnTheAppStore: EventEmitter<{ url: string }>;\n\n  @Watch(\"data\")\n  watchDataHandler(newValue: string | undefined) {\n    if (newValue !== undefined) {\n      this.organizeData();\n    }\n  }\n\n  async componentWillLoad() {\n    try {\n      this.#componentLocale = await Locale.getComponentStrings(this.el);\n    } catch (error) {\n      console.error(\"Error loading locale:\", error);\n      this.#componentLocale = {\n        tabs: {\n          webApps: \"WEB APPS\",\n          nativeApps: \"NATIVE APPS\",\n          apis: \"APIS\"\n        }\n      };\n    }\n\n    if (this.data) {\n      this.organizeData();\n    }\n  }\n\n  componentDidLoad() {}\n\n  /**\n   * Organizes received data and builds tab model\n   */\n  private organizeData(): void {\n    if (this.data) {\n      try {\n        const parsedData =\n          typeof this.data === \"string\" ? JSON.parse(this.data) : this.data;\n        this.sections = parsedData.sections || [];\n        this.buildTabModel();\n      } catch (error) {\n        console.error(\"Error parsing launchpad data:\", error);\n        this.sections = [];\n        this.tabModel = [];\n      }\n    }\n  }\n\n  /**\n   * Builds tab model based on sections\n   */\n  private buildTabModel(): void {\n    if (this.sections && this.sections.length > 0) {\n      this.tabModel = this.sections.map(section => ({\n        id: section.id,\n        name: this.getLocalizedTabName(section.id)\n      }));\n    }\n  }\n\n  /**\n   * Gets localized tab name based on section ID\n   */\n  private getLocalizedTabName(sectionId: string): string {\n    const tabNames = this.#componentLocale?.tabs || {};\n\n    switch (sectionId) {\n      case \"web-apps\":\n        return tabNames.webApps || \"WEB APPS\";\n      case \"native-apps\":\n        return tabNames.nativeApps || \"NATIVE APPS\";\n      case \"apis\":\n        return tabNames.apis || \"APIS\";\n      default:\n        return sectionId.toUpperCase().replace(/-/g, \" \");\n    }\n  }\n\n  /**\n   * Handles object selection from subcomponents\n   */\n  private handleObjectSelection(event: any) {\n    let key = event.detail.key;\n\n    // Convert string format \"type|id\" to object format\n    if (typeof key === \"string\" && key.includes(\"|\")) {\n      const parts = key.split(\"|\");\n      if (parts.length === 2) {\n        key = {\n          type: parts[0],\n          id: parts[1]\n        };\n      }\n    }\n\n    this.objectSelected.emit({ key });\n  }\n\n  /**\n   * Handles copy to clipboard from subcomponents\n   */\n  private handleCopyToClipboard(event: any) {\n    this.copyToClipboard.emit({ url: event.detail.url });\n  }\n\n  /**\n   * Handles open app store from subcomponents\n   */\n  private handleOpenAppStore(event: any) {\n    this.openOnTheAppStore.emit({ url: event.detail.url });\n  }\n\n  render() {\n    if (!this.data || !this.sections || this.sections.length === 0) {\n      return null;\n    }\n\n    // TODO: Revisit re-enabling keyboard shortcuts 1, 2, 3 for switching launchpad tabs (Web Apps, Native Apps, APIs)\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <ch-tab-render\n          class={{\n            scrollable: true,\n            tab: true,\n            [MAIN_SECTION_CLASSES]: true\n          }}\n          tabListPosition=\"block-start\"\n          model={this.tabModel}\n          selectedId={WEB_APPS_TAB_SELECTOR}\n          overflow=\"auto\"\n          contain=\"size\"\n        >\n          <div\n            slot={WEB_APPS_TAB_SELECTOR}\n            class={{ \"web-apps\": true, [TAB_SLOT_SPACING_BODY_SELECTOR]: true }}\n            part=\"tab-button-web-apps\"\n          >\n            <gx-ide-launchpad-web-apps\n              objects={\n                this.sections.find(s => s.id === \"web-apps\")?.objects || []\n              }\n              {...({\n                onObjectSelected: (event: any) =>\n                  this.handleObjectSelection(event)\n              } as any)}\n              {...({\n                onCopyToClipboard: (event: any) =>\n                  this.handleCopyToClipboard(event)\n              } as any)}\n            />\n          </div>\n\n          <div\n            slot={NATIVE_APPS_TAB_SELECTOR}\n            class={{\n              \"native-apps\": true,\n              [TAB_SLOT_SPACING_BODY_SELECTOR]: true\n            }}\n            part=\"tab-button-native-apps\"\n          >\n            <gx-ide-launchpad-native-apps\n              objects={\n                this.sections.find(s => s.id === \"native-apps\")?.objects || []\n              }\n              {...({\n                onObjectSelected: (event: any) =>\n                  this.handleObjectSelection(event)\n              } as any)}\n              {...({\n                onCopyToClipboard: (event: any) =>\n                  this.handleCopyToClipboard(event)\n              } as any)}\n              {...({\n                onOpenOnTheAppStore: (event: any) =>\n                  this.handleOpenAppStore(event)\n              } as any)}\n            />\n          </div>\n\n          <div\n            slot={APIS_TAB_SELECTOR}\n            class={{ apis: true, [TAB_SLOT_SPACING_BODY_SELECTOR]: true }}\n            part=\"tab-button-apis\"\n          >\n            <gx-ide-launchpad-apis\n              apis={this.sections.find(s => s.id === \"apis\")?.apis || []}\n              {...({\n                onObjectSelected: (event: any) =>\n                  this.handleObjectSelection(event)\n              } as any)}\n              {...({\n                onCopyToClipboard: (event: any) =>\n                  this.handleCopyToClipboard(event)\n              } as any)}\n            />\n          </div>\n        </ch-tab-render>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}