@genexus/genexus-ide-ui 3.2.9 → 3.2.11

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

@@ -0,0 +1,182 @@
+import { r as e, g as t, h as s, H as i, a } from "./p-9b9ccd0c.js";
+
+import { g as o } from "./p-d42e842b.js";
+
+import "./p-6534555e.js";
+
+import "lit";
+
+import "lit/directives/when.js";
+
+import "lit/directives/if-defined.js";
+
+import { L as n } from "./p-311eedf3.js";
+
+const r = ":host{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content}.section{display:contents}.main{overflow:auto}.tree-view{display:block;block-size:100%;overflow:hidden}";
+
+var d = undefined && undefined.__classPrivateFieldSet || function(e, t, s, i, a) {
+  if (i === "m") throw new TypeError("Private method is not writable");
+  if (i === "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 i === "a" ? a.call(e, s) : a ? a.value = s : t.set(e, s), s;
+};
+
+var c = undefined && undefined.__classPrivateFieldGet || function(e, t, s, i) {
+  if (s === "a" && !i) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof t === "function" ? e !== t || !i : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return s === "m" ? i : s === "a" ? i.call(e) : i ? i.value : t.get(e);
+};
+
+var l, h, f, u, p, m, w, v;
+
+const b = [ "resets/box-sizing", "components/tree-view", "utils/form--full", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
+
+const y = o({
+  category: "system",
+  name: "computer",
+  colorType: "primary"
+});
+
+const g = o({
+  category: "system",
+  name: "database",
+  colorType: "success"
+});
+
+const k = "local-servers";
+
+const j = "network-servers";
+
+const x = class {
+  constructor(s) {
+    e(this, s);
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        l.set(this, void 0);
+    h.set(this, void 0);
+    f.set(this, t(`./gx-ide-assets/db-instance-selector/shortcuts.json`));
+    u.set(this, void 0);
+    p.set(this, (async e => {
+      var t, s, i, a;
+      let o = [];
+      if (e === k) {
+        o = (s = await ((t = this.getLocalServersCallback) === null || t === void 0 ? void 0 : t.call(this))) !== null && s !== void 0 ? s : [];
+      } else if (e === j) {
+        o = (a = await ((i = this.getNetworkServersCallback) === null || i === void 0 ? void 0 : i.call(this))) !== null && a !== void 0 ? a : [];
+      }
+      return o.map((t => ({
+        id: `${e}__${t.id}`,
+        caption: t.name,
+        startImgSrc: g,
+        leaf: true,
+        metadata: t.name
+      })));
+    }));
+    m.set(this, (e => {
+      var t;
+      const s = e.detail.find((e => e.item.leaf));
+      if (s) {
+        this.selectedInstanceId = s.item.id;
+        d(this, u, (t = s.item.metadata) !== null && t !== void 0 ? t : s.item.caption, "f");
+      } else {
+        this.selectedInstanceId = undefined;
+        d(this, u, undefined, "f");
+      }
+    }));
+    w.set(this, (() => {
+      var e;
+      (e = this.cancelCallback) === null || e === void 0 ? void 0 : e.call(this);
+    }));
+    v.set(this, (() => {
+      var e;
+      if (c(this, u, "f")) {
+        (e = this.confirmCallback) === null || e === void 0 ? void 0 : e.call(this, c(this, u, "f"));
+      }
+    }));
+    this.treeModel = [];
+    this.selectedInstanceId = undefined;
+    this.getLocalServersCallback = undefined;
+    this.getNetworkServersCallback = undefined;
+    this.cancelCallback = undefined;
+    this.confirmCallback = undefined;
+  }
+  async componentWillLoad() {
+    d(this, l, await n.getComponentStrings(this.el), "f");
+    this.treeModel = [ {
+      id: k,
+      caption: c(this, l, "f").tree.localServers,
+      startImgSrc: y,
+      leaf: false,
+      lazy: true,
+      expanded: false,
+      items: []
+    }, {
+      id: j,
+      caption: c(this, l, "f").tree.networkServers,
+      startImgSrc: y,
+      leaf: false,
+      lazy: true,
+      expanded: false,
+      items: []
+    } ];
+  }
+  /**
+     * Suspends or reactivates the shortcuts.
+     */  async suspendShortcuts(e) {
+    c(this, h, "f").suspend = e;
+  }
+  render() {
+    return s(i, {
+      class: "widget"
+    }, s("ch-theme", {
+      model: b
+    }), s("ch-shortcuts", {
+      src: c(this, f, "f"),
+      ref: e => d(this, h, e, "f")
+    }), s("section", {
+      class: "section"
+    }, s("header", {
+      class: "dialog-header spacing-body dialog-header"
+    }, s("h1", {
+      class: "label"
+    }, c(this, l, "f").header.title)), s("div", {
+      class: "main"
+    }, s("ch-tree-view-render", {
+      class: "tree-view",
+      model: this.treeModel,
+      dragDisabled: true,
+      dropDisabled: true,
+      showLines: "all",
+      lazyLoadTreeItemsCallback: c(this, p, "f"),
+      onSelectedItemsChange: c(this, m, "f")
+    })), s("footer", {
+      class: "dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline"
+    }, s("div", {
+      class: "buttons-spacer"
+    }, s("button", {
+      class: "button-secondary",
+      id: "button-cancel",
+      onClick: c(this, w, "f"),
+      part: "button-cancel"
+    }, c(this, l, "f").footer.btnCancel), s("button", {
+      class: "button-primary",
+      id: "button-confirm",
+      onClick: c(this, v, "f"),
+      disabled: !this.selectedInstanceId,
+      part: "button-confirm"
+    }, c(this, l, "f").footer.btnConfirm)))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/db-instance-selector" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+l = new WeakMap, h = new WeakMap, f = new WeakMap, u = new WeakMap, p = new WeakMap, 
+m = new WeakMap, w = new WeakMap, v = new WeakMap;
+
+x.style = r;
+
+export { x as gx_ide_db_instance_selector };
+//# sourceMappingURL=p-c1db7f38.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dbInstanceSelectorCss","CSS_BUNDLES","SERVER_ICON","getIconPath","category","name","colorType","DATABASE_ICON","LOCAL_SERVERS_NODE_ID","NETWORK_SERVERS_NODE_ID","GxIdeDbInstanceSelector","_GxIdeDbInstanceSelector_componentLocale","set","this","_GxIdeDbInstanceSelector_chShortcutsEl","_GxIdeDbInstanceSelector_shortcutsSrc","getAssetPath","_GxIdeDbInstanceSelector_selectedInstanceName","_GxIdeDbInstanceSelector_lazyLoadTreeItems","async","treeItemId","servers","_b","_a","getLocalServersCallback","call","_d","_c","getNetworkServersCallback","map","server","id","caption","startImgSrc","leaf","metadata","_GxIdeDbInstanceSelector_selectedItemsChangeHandler","event","selected","detail","find","node","item","selectedInstanceId","__classPrivateFieldSet","undefined","_GxIdeDbInstanceSelector_cancelButtonClickedHandler","cancelCallback","_GxIdeDbInstanceSelector_confirmButtonClickedHandler","__classPrivateFieldGet","confirmCallback","componentWillLoad","Locale","getComponentStrings","el","treeModel","tree","localServers","lazy","expanded","items","networkServers","suspendShortcuts","suspend","render","h","Host","class","model","src","ref","header","title","dragDisabled","dropDisabled","showLines","lazyLoadTreeItemsCallback","onSelectedItemsChange","onClick","part","footer","btnCancel","disabled","btnConfirm"],"sources":["src/components/db-instance-selector/db-instance-selector.scss?tag=gx-ide-db-instance-selector&encapsulation=shadow","src/components/db-instance-selector/db-instance-selector.tsx"],"sourcesContent":[":host {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n}\n\n.section {\n  display: contents;\n}\n\n.main {\n  overflow: auto;\n}\n\n.tree-view {\n  display: block;\n  block-size: 100%;\n  overflow: hidden;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport {\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tree-view\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SERVER_ICON = getIconPath({\n  category: \"system\",\n  name: \"computer\",\n  colorType: \"primary\"\n});\n\nconst DATABASE_ICON = getIconPath({\n  category: \"system\",\n  name: \"database\",\n  colorType: \"success\"\n});\n\nconst LOCAL_SERVERS_NODE_ID = \"local-servers\";\nconst NETWORK_SERVERS_NODE_ID = \"network-servers\";\n\n@Component({\n  tag: \"gx-ide-db-instance-selector\",\n  styleUrl: \"db-instance-selector.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/db-instance-selector\"]\n})\nexport class GxIdeDbInstanceSelector {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/db-instance-selector/shortcuts.json`\n  );\n\n  #selectedInstanceName: string | undefined;\n\n  @Element() el: HTMLGxIdeDbInstanceSelectorElement;\n\n  @State() treeModel: TreeViewItemModel[] = [];\n  @State() selectedInstanceId: string | undefined;\n\n  /**\n   * Callback invoked to load the available local server instances.\n   * Should return the list of database instances available on local servers.\n   */\n  @Prop() readonly getLocalServersCallback!: GetServersCallback;\n\n  /**\n   * Callback invoked to load the available network server instances.\n   * Should return the list of database instances available on network servers.\n   */\n  @Prop() readonly getNetworkServersCallback!: GetServersCallback;\n\n  /**\n   * Callback invoked when the user cancels the selection.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the user confirms the selection. Receives the name\n   * of the selected database instance.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.treeModel = [\n      {\n        id: LOCAL_SERVERS_NODE_ID,\n        caption: this.#componentLocale.tree.localServers,\n        startImgSrc: SERVER_ICON,\n        leaf: false,\n        lazy: true,\n        expanded: false,\n        items: []\n      },\n      {\n        id: NETWORK_SERVERS_NODE_ID,\n        caption: this.#componentLocale.tree.networkServers,\n        startImgSrc: SERVER_ICON,\n        leaf: false,\n        lazy: true,\n        expanded: false,\n        items: []\n      }\n    ];\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts.\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    this.#chShortcutsEl.suspend = suspendShortcuts;\n  }\n\n  #lazyLoadTreeItems = async (\n    treeItemId: string\n  ): Promise<TreeViewItemModel[]> => {\n    let servers: DbServerInstance[] = [];\n\n    if (treeItemId === LOCAL_SERVERS_NODE_ID) {\n      servers = (await this.getLocalServersCallback?.()) ?? [];\n    } else if (treeItemId === NETWORK_SERVERS_NODE_ID) {\n      servers = (await this.getNetworkServersCallback?.()) ?? [];\n    }\n\n    return servers.map(server => ({\n      id: `${treeItemId}__${server.id}`,\n      caption: server.name,\n      startImgSrc: DATABASE_ICON,\n      leaf: true,\n      metadata: server.name\n    }));\n  };\n\n  #selectedItemsChangeHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    const selected = event.detail.find(node => node.item.leaf);\n    if (selected) {\n      this.selectedInstanceId = selected.item.id;\n      this.#selectedInstanceName =\n        (selected.item.metadata as string) ?? selected.item.caption;\n    } else {\n      this.selectedInstanceId = undefined;\n      this.#selectedInstanceName = undefined;\n    }\n  };\n\n  #cancelButtonClickedHandler = () => {\n    this.cancelCallback?.();\n  };\n\n  #confirmButtonClickedHandler = () => {\n    if (this.#selectedInstanceName) {\n      this.confirmCallback?.(this.#selectedInstanceName);\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n        <section class=\"section\">\n          <header class=\"dialog-header spacing-body dialog-header\">\n            <h1 class=\"label\">{this.#componentLocale.header.title}</h1>\n          </header>\n\n          <div class=\"main\">\n            <ch-tree-view-render\n              class=\"tree-view\"\n              model={this.treeModel}\n              dragDisabled={true}\n              dropDisabled={true}\n              showLines=\"all\"\n              lazyLoadTreeItemsCallback={this.#lazyLoadTreeItems}\n              onSelectedItemsChange={this.#selectedItemsChangeHandler}\n            ></ch-tree-view-render>\n          </div>\n\n          <footer class=\"dialog-footer dialog-footer-with-border spacing-body-block-end spacing-body-inline\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                onClick={this.#cancelButtonClickedHandler}\n                part=\"button-cancel\"\n              >\n                {this.#componentLocale.footer.btnCancel}\n              </button>\n              <button\n                class=\"button-primary\"\n                id=\"button-confirm\"\n                onClick={this.#confirmButtonClickedHandler}\n                disabled={!this.selectedInstanceId}\n                part=\"button-confirm\"\n              >\n                {this.#componentLocale.footer.btnConfirm}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type DbServerInstance = {\n  id: string;\n  name: string;\n};\n\nexport type GetServersCallback = () =>\n  | Promise<DbServerInstance[]>\n  | DbServerInstance[];\n\nexport type CancelCallback = () => void | Promise<void>;\n\nexport type ConfirmCallback = (\n  selectedInstanceName: string\n) => void | Promise<void>;\n"],"mappings":"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"}