@genexus/genexus-ide-ui 3.2.20 → 3.2.22

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

@@ -1,281 +0,0 @@
-import { r as e, h as t, H as i, a as o } from "./p-9b9ccd0c.js";
-
-import { g as a } from "./p-d42e842b.js";
-
-import "./p-6534555e.js";
-
-import "lit";
-
-import "lit/directives/when.js";
-
-import "lit/directives/if-defined.js";
-
-import { L as s } from "./p-311eedf3.js";
-
-import { c as n } from "./p-c5196b3b.js";
-
-const r = "button.button-secondary{border-color:var(--color-border-neutral-default)}:host{display:grid;block-size:100%;overflow:hidden;grid-template-rows:max-content 1fr max-content;background-color:var(--color-accent-surface-elevation-1);color:var(--color-text-neutral-default)}.section{display:contents}.hero{display:flex;align-items:flex-start;gap:var(--spacing-gap-xl);padding-block:var(--spacing-padding-l);padding-inline:var(--spacing-padding-l);border-block-end:var(--size-1) solid var(--color-border-surface-on-elevation-1)}.hero__text{flex:1;min-inline-size:0}.hero__title{margin:0;color:var(--color-text-neutral-default)}.hero__description{margin-block:var(--spacing-gap-xs) 0;margin-inline:0;color:var(--color-text-neutral-disabled);text-wrap:pretty}.hero__badge{flex:none;display:grid;place-items:center;inline-size:44px;block-size:44px;border-radius:var(--border-radius-m);background-color:var(--color-accent-item-hover);color:var(--color-icon-primary-default)}.main{overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-gap-xxl);padding-block:var(--spacing-padding-l);padding-inline:var(--spacing-padding-l)}.field-section{display:flex;flex-direction:column;gap:var(--spacing-gap-l)}.field-section+.field-section{padding-block-start:var(--spacing-padding-xl);border-block-start:var(--size-1) solid var(--color-border-surface-on-elevation-1)}.field-section__head{display:flex;align-items:baseline;gap:var(--spacing-gap-m)}.field-section__title{font-family:var(--font-family-body);font-weight:var(--font-style-semi-bold);font-size:var(--font-size-caption-m);letter-spacing:0.06em;text-transform:uppercase;color:var(--color-text-neutral-neutral)}.fields{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--spacing-gap-l)}.field--full{grid-column:1/-1}.field--checkbox{display:flex;flex-direction:column;gap:var(--spacing-gap-xs)}.field--checkbox .field__row{display:flex;align-items:center;gap:var(--spacing-gap-xs)}.field--checkbox .label{margin:0;cursor:pointer}.field--checkbox .field__hint{margin:0;margin-inline-start:calc(var(--spacing-gap-m) + var(--spacing-gap-m));color:var(--color-text-neutral-disabled);text-wrap:pretty}.footer{padding-block:var(--spacing-padding-m);padding-inline:var(--spacing-padding-l)}";
-
-var l = 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 c = 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 d, p, h, u, f, b, g, v, m, x, w, y;
-
-const k = [ "resets/box-sizing", "components/button", "components/combo-box", "components/edit", "components/icon", "utils/form", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
-
-const _ = a({
-  category: "system",
-  name: "database",
-  colorType: "primary"
-});
-
-/**
- * Name of the property that toggles integrated security. Its presence in
- * `properties` is what drives the rendering of the Authentication section.
- */ const W = "TRUSTED_CONNECTION";
-
-const M = "USER_ID";
-
-const j = "USER_PASSWORD";
-
-/** Category that groups the authentication-related fields. */ const z = "authentication";
-
-const C = class {
-  constructor(i) {
-    e(this, i);
-    // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        d.set(this, void 0);
-    p.set(this, (e => {
-      var t;
-      return (t = e.value) !== null && t !== void 0 ? t : "";
-    }));
-    h.set(this, (() => {
-      var e;
-      return ((e = this.properties) !== null && e !== void 0 ? e : []).some((e => e.missing && l(this, p, "f").call(this, e).trim() === ""));
-    }));
-    u.set(this, (e => {
-      var t;
-      return ((t = e.standardValues) !== null && t !== void 0 ? t : []).map((e => ({
-        value: e,
-        caption: e
-      })));
-    }));
-    f.set(this, (e => {
-      var t;
-      return e.name === W || e.name === M || e.name === j || ((t = e.category) === null || t === void 0 ? void 0 : t.toLowerCase()) === z;
-    }));
-    /** Whether the host sent the TRUSTED_CONNECTION property. Only then is the
-         * Authentication section rendered. */    b.set(this, (() => {
-      var e;
-      return ((e = this.properties) !== null && e !== void 0 ? e : []).some((e => e.name === W));
-    }));
-    g.set(this, (e => t => {
-      var i, o;
-      const a = t.detail;
-      const s = typeof a === "string" ? a : (o = (i = t.target) === null || i === void 0 ? void 0 : i.value) !== null && o !== void 0 ? o : "";
-      this.propertyChangeCallback(e, s);
-    }));
-    v.set(this, (() => {
-      var e;
-      (e = this.cancelCallback) === null || e === void 0 ? void 0 : e.call(this);
-    }));
-    m.set(this, (() => {
-      var e;
-      (e = this.confirmCallback) === null || e === void 0 ? void 0 : e.call(this);
-    }));
-    // #region Renders
-        x.set(this, (e => {
-      const i = `field-${e.name}`;
-      const o = l(this, p, "f").call(this, e);
-      switch (e.control) {
-       case "password":
-        return t("ch-edit", {
-          id: i,
-          class: "input",
-          type: "password",
-          showPasswordButton: true,
-          debounce: n.inputDebounce,
-          value: o,
-          onInput: l(this, g, "f").call(this, e.name)
-        });
-
-       case "combo":
-        return t("ch-combo-box-render", {
-          id: i,
-          class: "combo-box",
-          value: o,
-          model: l(this, u, "f").call(this, e),
-          onInput: l(this, g, "f").call(this, e.name),
-          onChange: l(this, g, "f").call(this, e.name)
-        });
-
-       case "checkbox":
-        return t("ch-checkbox", {
-          id: i,
-          class: "checkbox",
-          value: o,
-          checkedValue: "Yes",
-          unCheckedValue: "No",
-          onInput: l(this, g, "f").call(this, e.name)
-        });
-
-       case "combo-editable":
-        return t("ch-combo-box-render", {
-          id: i,
-          class: "combo-box",
-          suggest: true,
-          suggestDebounce: n.inputDebounce,
-          value: o,
-          model: l(this, u, "f").call(this, e),
-          onInput: l(this, g, "f").call(this, e.name),
-          onChange: l(this, g, "f").call(this, e.name),
-          part: `combo-box combo-box--editable combo-box--${e.name}`
-        });
-
-       case "custom":
-       case "readonly":
-        return t("ch-edit", {
-          id: i,
-          class: "input",
-          readonly: true,
-          value: o,
-          part: `input input--${e.control} input--${e.name}`
-        });
-
-        // "text"
-               default:
-        return t("ch-edit", {
-          id: i,
-          class: "input",
-          debounce: n.inputDebounce,
-          value: o,
-          onInput: l(this, g, "f").call(this, e.name),
-          part: `input input--text input--${e.name}`
-        });
-      }
-    }));
-    w.set(this, (e => {
-      const i = `field-${e.name}`;
-      const o = e.control === "readonly" || e.control === "custom";
-      const a = e.control === "checkbox";
-      if (a) {
-        return t("div", {
-          class: "field field--checkbox field--full",
-          key: e.name
-        }, t("div", {
-          class: "field__row"
-        }, l(this, x, "f").call(this, e), t("label", {
-          class: "label",
-          htmlFor: i
-        }, e.label)), e.description && t("p", {
-          class: "field__hint body-regular-s"
-        }, e.description));
-      }
-      return t("div", {
-        class: "field field-block",
-        key: e.name
-      }, t("label", {
-        class: {
-          label: true,
-          "label--disabled": o
-        },
-        htmlFor: i
-      }, e.label), l(this, x, "f").call(this, e));
-    }));
-    y.set(this, ((e, i) => t("section", {
-      class: "field-section"
-    }, t("div", {
-      class: "field-section__head"
-    }, t("span", {
-      class: "field-section__title"
-    }, e)), t("div", {
-      class: "fields"
-    }, i.map(l(this, w, "f"))))));
-    this.properties = [];
-    this.cancelCallback = undefined;
-    this.confirmCallback = undefined;
-    this.propertyChangeCallback = undefined;
-  }
-  async componentWillLoad() {
-    c(this, d, await s.getComponentStrings(this.el), "f");
-  }
-  // #endregion Renders
-  render() {
-    var e;
-    const o = l(this, d, "f").header.title;
-    const a = l(this, d, "f").header.description;
-    const s = l(this, d, "f").sections;
-    const n = (e = this.properties) !== null && e !== void 0 ? e : [];
-    const r = l(this, b, "f").call(this);
-    // The Authentication section is only rendered when TRUSTED_CONNECTION is
-    // present; otherwise every field stays in the always-present Connection
-    // section so nothing is dropped.
-        const c = r ? n.filter(l(this, f, "f")) : [];
-    const p = r ? n.filter((e => !l(this, f, "f").call(this, e))) : n;
-    return t(i, {
-      class: "widget"
-    }, t("ch-theme", {
-      model: k
-    }), t("section", {
-      class: "section"
-    }, t("div", {
-      class: "hero"
-    }, t("div", {
-      class: "hero__text"
-    }, t("h1", {
-      class: "hero__title subtitle-semi-bold-l"
-    }, o), a && t("p", {
-      class: "hero__description body-regular-s"
-    }, a)), t("div", {
-      class: "hero__badge",
-      "aria-hidden": "true"
-    }, t("ch-image", {
-      class: "icon-xl",
-      src: _
-    }))), t("div", {
-      class: "main scrollable"
-    }, p.length > 0 && l(this, y, "f").call(this, s.connection, p), r && c.length > 0 && l(this, y, "f").call(this, s.authentication, c)), t("footer", {
-      class: "dialog-footer-with-border footer"
-    }, t("div", {
-      class: "buttons-spacer"
-    }, t("button", {
-      class: "button-secondary",
-      id: "button-cancel",
-      type: "button",
-      onClick: l(this, v, "f"),
-      part: "button-cancel"
-    }, l(this, d, "f").footer.btnCancel), t("button", {
-      class: "button-primary",
-      id: "button-confirm",
-      type: "button",
-      disabled: l(this, h, "f").call(this),
-      onClick: l(this, m, "f"),
-      part: "button-confirm"
-    }, l(this, d, "f").footer.btnConfirm)))));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/db-properties-configurator" ];
-  }
-  get el() {
-    return o(this);
-  }
-};
-
-d = new WeakMap, p = new WeakMap, h = new WeakMap, u = new WeakMap, f = new WeakMap, 
-b = new WeakMap, g = new WeakMap, v = new WeakMap, m = new WeakMap, x = new WeakMap, 
-w = new WeakMap, y = new WeakMap;
-
-C.style = r;
-
-export { C as gx_ide_db_properties_configurator };
-//# sourceMappingURL=p-e759cfdb.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["dbPropertiesConfiguratorCss","CSS_BUNDLES","DATABASE_ICON","getIconPath","category","name","colorType","TRUSTED_CONNECTION","USER_ID","USER_PASSWORD","AUTH_CATEGORY","GxIdeDbPropertiesConfigurator","_GxIdeDbPropertiesConfigurator_componentLocale","set","this","_GxIdeDbPropertiesConfigurator_getValue","field","_a","value","_GxIdeDbPropertiesConfigurator_hasPendingRequired","properties","some","missing","__classPrivateFieldGet","call","trim","_GxIdeDbPropertiesConfigurator_buildComboModel","standardValues","map","caption","_GxIdeDbPropertiesConfigurator_isAuthField","toLowerCase","_GxIdeDbPropertiesConfigurator_hasTrustedConnection","_GxIdeDbPropertiesConfigurator_valueChangeHandler","event","detail","_b","target","propertyChangeCallback","_GxIdeDbPropertiesConfigurator_cancelButtonClickedHandler","cancelCallback","_GxIdeDbPropertiesConfigurator_confirmButtonClickedHandler","confirmCallback","_GxIdeDbPropertiesConfigurator_renderControl","fieldId","control","h","id","class","type","showPasswordButton","debounce","config","inputDebounce","onInput","model","onChange","checkedValue","unCheckedValue","suggest","suggestDebounce","part","readonly","_GxIdeDbPropertiesConfigurator_renderField","isReadonly","isCheckbox","key","htmlFor","label","description","_GxIdeDbPropertiesConfigurator_renderSection","title","fields","componentWillLoad","__classPrivateFieldSet","Locale","getComponentStrings","el","render","header","sections","allFields","hasAuthSection","authFields","filter","connectionFields","Host","src","length","connection","authentication","onClick","footer","btnCancel","disabled","btnConfirm"],"sources":["src/components/db-properties-configurator/db-properties-configurator.scss?tag=gx-ide-db-properties-configurator&encapsulation=shadow","src/components/db-properties-configurator/db-properties-configurator.tsx"],"sourcesContent":["@import \"../../global/temporary-mercury-overrides/_button.scss\";\n\n// The component reproduces the Mercury \"Set required properties\" connection\n// dialog. Real Mercury classes (.dialog-header-with-border, .field-group-\n// justified-end, .label, .input, .combo-box, .button-*, typography) come from\n// the loaded bundles; the rules below only add the scaffolding Mercury does\n// not define (hero banner, badge, close button, field help) using DS tokens.\n\n:host {\n  display: grid;\n  block-size: 100%;\n  overflow: hidden;\n  grid-template-rows: max-content 1fr max-content;\n  background-color: var(--color-accent-surface-elevation-1);\n  color: var(--color-text-neutral-default);\n}\n\n.section {\n  // section is just for semantics; the host owns the grid.\n  display: contents;\n}\n\n// #region Hero\n.hero {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--spacing-gap-xl);\n  padding-block: var(--spacing-padding-l);\n  padding-inline: var(--spacing-padding-l);\n  border-block-end: var(--size-1) solid\n    var(--color-border-surface-on-elevation-1);\n}\n\n.hero__text {\n  flex: 1;\n  min-inline-size: 0;\n}\n\n.hero__title {\n  margin: 0;\n  color: var(--color-text-neutral-default);\n}\n\n.hero__description {\n  margin-block: var(--spacing-gap-xs) 0;\n  margin-inline: 0;\n  color: var(--color-text-neutral-disabled);\n  text-wrap: pretty;\n}\n\n.hero__badge {\n  flex: none;\n  display: grid;\n  place-items: center;\n  inline-size: 44px;\n  block-size: 44px;\n  border-radius: var(--border-radius-m);\n  background-color: var(--color-accent-item-hover);\n  color: var(--color-icon-primary-default);\n}\n// #endregion Hero\n\n// #region Body\n.main {\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xxl);\n  padding-block: var(--spacing-padding-l);\n  padding-inline: var(--spacing-padding-l);\n}\n\n// Field section: a quiet uppercase header + its field grid. Sections after\n// the first get a divider so the body reads as structured groups.\n.field-section {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-l);\n}\n\n.field-section + .field-section {\n  padding-block-start: var(--spacing-padding-xl);\n  border-block-start: var(--size-1) solid\n    var(--color-border-surface-on-elevation-1);\n}\n\n.field-section__head {\n  display: flex;\n  align-items: baseline;\n  gap: var(--spacing-gap-m);\n}\n\n.field-section__title {\n  font-family: var(--font-family-body);\n  font-weight: var(--font-style-semi-bold);\n  font-size: var(--font-size-caption-m);\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--color-text-neutral-neutral);\n}\n\n// Two-column field grid. Each field occupies one column; checkbox fields\n// (and any other field marked as full-width) span the entire row, forcing\n// the following fields to wrap onto the next row.\n.fields {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: var(--spacing-gap-l);\n}\n\n.field--full {\n  grid-column: 1 / -1;\n}\n\n// Inline checkbox field: control + label on the same row, optional help text\n// flows below aligned with the label.\n.field--checkbox {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xs);\n}\n\n.field--checkbox .field__row {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-xs);\n}\n\n.field--checkbox .label {\n  margin: 0;\n  cursor: pointer;\n}\n\n// Help text below a checkbox, indented to align with the label past the box.\n.field--checkbox .field__hint {\n  margin: 0;\n  margin-inline-start: calc(var(--spacing-gap-m) + var(--spacing-gap-m));\n  color: var(--color-text-neutral-disabled);\n  text-wrap: pretty;\n}\n// #endregion Body\n\n// #region Footer\n.footer {\n  padding-block: var(--spacing-padding-m);\n  padding-inline: var(--spacing-padding-l);\n}\n// #endregion Footer\n","import { Component, Host, Prop, Element, h } from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { ComboBoxModel } from \"@genexus/chameleon-controls-library\";\n\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/combo-box\",\n  \"components/edit\",\n  \"components/icon\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst DATABASE_ICON = getIconPath({\n  category: \"system\",\n  name: \"database\",\n  colorType: \"primary\"\n});\n\n/**\n * Name of the property that toggles integrated security. Its presence in\n * `properties` is what drives the rendering of the Authentication section.\n */\nconst TRUSTED_CONNECTION = \"TRUSTED_CONNECTION\";\nconst USER_ID = \"USER_ID\";\nconst USER_PASSWORD = \"USER_PASSWORD\";\n\n/** Category that groups the authentication-related fields. */\nconst AUTH_CATEGORY = \"authentication\";\n\n@Component({\n  tag: \"gx-ide-db-properties-configurator\",\n  styleUrl: \"db-properties-configurator.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/db-properties-configurator\"]\n})\nexport class GxIdeDbPropertiesConfigurator {\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeDbPropertiesConfiguratorElement;\n\n  /**\n   * The list of properties to configure. Acts as the single source of truth:\n   * the dialog reads each value from `DSPropertyField.value` and notifies the\n   * host of every edit through `propertyChangeCallback`.\n   */\n  @Prop() readonly properties: DSPropertyField[] = [];\n\n  /**\n   * Callback invoked when the user cancels the configuration.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback invoked when the user confirms the configuration.\n   */\n  @Prop() readonly confirmCallback!: ConfirmCallback;\n\n  /**\n   * Callback invoked on every input change. Receives the name of the\n   * property that changed and its new value. The host is expected to apply\n   * the change and push an updated `properties` array back to the component.\n   */\n  @Prop() readonly propertyChangeCallback!: PropertyChangeCallback;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #getValue = (field: DSPropertyField): string => field.value ?? \"\";\n\n  #hasPendingRequired = (): boolean =>\n    (this.properties ?? []).some(\n      field => field.missing && this.#getValue(field).trim() === \"\"\n    );\n\n  #buildComboModel = (field: DSPropertyField): ComboBoxModel =>\n    (field.standardValues ?? []).map(value => ({ value, caption: value }));\n\n  #isAuthField = (field: DSPropertyField): boolean =>\n    field.name === TRUSTED_CONNECTION ||\n    field.name === USER_ID ||\n    field.name === USER_PASSWORD ||\n    field.category?.toLowerCase() === AUTH_CATEGORY;\n\n  /** Whether the host sent the TRUSTED_CONNECTION property. Only then is the\n   * Authentication section rendered. */\n  #hasTrustedConnection = (): boolean =>\n    (this.properties ?? []).some(field => field.name === TRUSTED_CONNECTION);\n\n  #valueChangeHandler =\n    (name: string) => (event: CustomEvent<string> | InputEvent) => {\n      const detail = (event as CustomEvent<string>).detail;\n      const value =\n        typeof detail === \"string\"\n          ? detail\n          : ((event.target as HTMLChEditElement)?.value ?? \"\");\n      this.propertyChangeCallback(name, value);\n    };\n\n  #cancelButtonClickedHandler = () => {\n    this.cancelCallback?.();\n  };\n\n  #confirmButtonClickedHandler = () => {\n    this.confirmCallback?.();\n  };\n\n  // #region Renders\n\n  #renderControl = (field: DSPropertyField) => {\n    const fieldId = `field-${field.name}`;\n    const value = this.#getValue(field);\n\n    switch (field.control) {\n      case \"password\":\n        return (\n          <ch-edit\n            id={fieldId}\n            class=\"input\"\n            type=\"password\"\n            showPasswordButton\n            debounce={config.inputDebounce}\n            value={value}\n            onInput={this.#valueChangeHandler(field.name)}\n          ></ch-edit>\n        );\n\n      case \"combo\":\n        return (\n          <ch-combo-box-render\n            id={fieldId}\n            class=\"combo-box\"\n            value={value}\n            model={this.#buildComboModel(field)}\n            onInput={this.#valueChangeHandler(field.name)}\n            onChange={this.#valueChangeHandler(field.name)}\n          ></ch-combo-box-render>\n        );\n\n      case \"checkbox\":\n        return (\n          <ch-checkbox\n            id={fieldId}\n            class=\"checkbox\"\n            value={value}\n            checkedValue=\"Yes\"\n            unCheckedValue=\"No\"\n            onInput={this.#valueChangeHandler(field.name)}\n          ></ch-checkbox>\n        );\n\n      case \"combo-editable\":\n        return (\n          <ch-combo-box-render\n            id={fieldId}\n            class=\"combo-box\"\n            suggest\n            suggestDebounce={config.inputDebounce}\n            value={value}\n            model={this.#buildComboModel(field)}\n            onInput={this.#valueChangeHandler(field.name)}\n            onChange={this.#valueChangeHandler(field.name)}\n            part={`combo-box combo-box--editable combo-box--${field.name}`}\n          ></ch-combo-box-render>\n        );\n\n      case \"custom\":\n      case \"readonly\":\n        return (\n          <ch-edit\n            id={fieldId}\n            class=\"input\"\n            readonly\n            value={value}\n            part={`input input--${field.control} input--${field.name}`}\n          ></ch-edit>\n        );\n\n      // \"text\"\n      default:\n        return (\n          <ch-edit\n            id={fieldId}\n            class=\"input\"\n            debounce={config.inputDebounce}\n            value={value}\n            onInput={this.#valueChangeHandler(field.name)}\n            part={`input input--text input--${field.name}`}\n          ></ch-edit>\n        );\n    }\n  };\n\n  #renderField = (field: DSPropertyField) => {\n    const fieldId = `field-${field.name}`;\n    const isReadonly =\n      field.control === \"readonly\" || field.control === \"custom\";\n    const isCheckbox = field.control === \"checkbox\";\n\n    if (isCheckbox) {\n      return (\n        <div class=\"field field--checkbox field--full\" key={field.name}>\n          <div class=\"field__row\">\n            {this.#renderControl(field)}\n            <label class=\"label\" htmlFor={fieldId}>\n              {field.label}\n            </label>\n          </div>\n          {field.description && (\n            <p class=\"field__hint body-regular-s\">{field.description}</p>\n          )}\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"field field-block\" key={field.name}>\n        <label\n          class={{ \"label\": true, \"label--disabled\": isReadonly }}\n          htmlFor={fieldId}\n        >\n          {field.label}\n        </label>\n\n        {this.#renderControl(field)}\n      </div>\n    );\n  };\n\n  #renderSection = (title: string, fields: DSPropertyField[]) => (\n    <section class=\"field-section\">\n      <div class=\"field-section__head\">\n        <span class=\"field-section__title\">{title}</span>\n      </div>\n      <div class=\"fields\">{fields.map(this.#renderField)}</div>\n    </section>\n  );\n\n  // #endregion Renders\n\n  render() {\n    const title = this.#componentLocale.header.title;\n    const description = this.#componentLocale.header.description;\n    const sections = this.#componentLocale.sections;\n\n    const allFields = this.properties ?? [];\n    const hasAuthSection = this.#hasTrustedConnection();\n\n    // The Authentication section is only rendered when TRUSTED_CONNECTION is\n    // present; otherwise every field stays in the always-present Connection\n    // section so nothing is dropped.\n    const authFields = hasAuthSection\n      ? allFields.filter(this.#isAuthField)\n      : [];\n    const connectionFields = hasAuthSection\n      ? allFields.filter(field => !this.#isAuthField(field))\n      : allFields;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <div class=\"hero\">\n            <div class=\"hero__text\">\n              <h1 class=\"hero__title subtitle-semi-bold-l\">{title}</h1>\n              {description && (\n                <p class=\"hero__description body-regular-s\">{description}</p>\n              )}\n            </div>\n            <div class=\"hero__badge\" aria-hidden=\"true\">\n              <ch-image class=\"icon-xl\" src={DATABASE_ICON}></ch-image>\n            </div>\n          </div>\n\n          <div class=\"main scrollable\">\n            {connectionFields.length > 0 &&\n              this.#renderSection(sections.connection, connectionFields)}\n\n            {hasAuthSection &&\n              authFields.length > 0 &&\n              this.#renderSection(sections.authentication, authFields)}\n          </div>\n\n          <footer class=\"dialog-footer-with-border footer\">\n            <div class=\"buttons-spacer\">\n              <button\n                class=\"button-secondary\"\n                id=\"button-cancel\"\n                type=\"button\"\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                type=\"button\"\n                disabled={this.#hasPendingRequired()}\n                onClick={this.#confirmButtonClickedHandler}\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 DSControlKind =\n  | \"checkbox\"\n  | \"text\"\n  | \"password\"\n  | \"combo\"\n  | \"combo-editable\"\n  | \"custom\"\n  | \"readonly\";\n\nexport interface DSPropertyField {\n  /** `PropertyData.name` — key used to set the property value. */\n  name: string;\n  /** `definition.displayName`. */\n  label: string;\n  /** `definition.description` (rendered below the control). */\n  description?: string;\n  /** `definition.category` (optional grouping). */\n  category?: string;\n\n  /** Control resolved by the host. */\n  control: DSControlKind;\n\n  /** `PropertyData.value` (masked when password). */\n  value: string;\n  /** `required && isDefault` (host detection). */\n  missing: boolean;\n\n  // combos:\n  /** `PropertyData.standardValues`. */\n  standardValues?: string[];\n  /** `PropertyData.isStandardValuesExclusive`. */\n  exclusive?: boolean;\n}\n\nexport type CancelCallback = () => void | Promise<void>;\n\nexport type ConfirmCallback = () => void | Promise<void>;\n\nexport type PropertyChangeCallback = (\n  name: string,\n  value: string\n) => void | Promise<void>;\n"],"mappings":"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"}

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

@@ -1,204 +0,0 @@
-import { g as t, r as e, h as i, H as o, a as n } from "./p-9b9ccd0c.js";
-
-import { g as s } from "./p-d42e842b.js";
-
-import "./p-6534555e.js";
-
-import "lit";
-
-import "lit/directives/when.js";
-
-import "lit/directives/if-defined.js";
-
-import { L as r } from "./p-311eedf3.js";
-
-import { c as a } from "./p-c5196b3b.js";
-
-const c = ":host{display:grid;block-size:100%;position:relative}.outer-container{grid-template-rows:max-content 1fr}.inner-container{position:relative}.list-box::part(item){width:100%;min-width:100%}.list-box::part(item__action){gap:var(--spacing-gap-xs)}.list-box::part(item__caption){font-weight:var(--font-style-semi-bold)}.list-box::part(custom-container){display:flex;flex-direction:column;gap:var(--spacing-gap-xs);width:100%}.list-box::part(custom-image){block-size:32px;inline-size:32px;margin-inline-end:12px}.list-box::part(custom-description){font-size:var(--font-size-body-s);margin:0;opacity:0.8;line-height:var(--line-height-relaxed);margin-inline-end:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.list-box::part(item__block-end start){width:100%;min-width:100%}.list-box::part(custom-brand){font-weight:var(--font-style-semi-bold);display:flex;gap:var(--spacing-gap-xs);align-items:center}.list-box::part(custom-brand-icon){--icon-path:var(--icon__system_user_neutral--enabled);display:inline-block;background-image:var(--icon-path);background-size:contain;background-repeat:no-repeat;background-position:center center;block-size:16px;inline-size:16px}.list-box::part(custom-button){--button-color:var(--color-text-primary-default);--button-color--enabled:var(--color-text-neutral-on-text);--button-color--active:var(--color-text-neutral-on-pressed);display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;justify-content:center;padding-block:var(--control-padding-block);padding-inline:var(--control-padding-inline);box-sizing:border-box;color:var(--button-color);font-weight:var(--font-style-semi-bold);margin-block-end:auto;margin-block-start:auto;text-transform:capitalize}.list-box::part(custom-button):hover{--button-color:var(--color-text-primary-hover)}.list-box::part(custom-button):active{--button-color:var(--color-text-primary-pressed)}";
-
-var l = undefined && undefined.__classPrivateFieldGet || function(t, e, i, o) {
-  if (i === "a" && !o) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof e === "function" ? t !== e || !o : !e.has(t)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return i === "m" ? o : i === "a" ? o.call(t) : o ? o.value : e.get(t);
-};
-
-var d = undefined && undefined.__classPrivateFieldSet || function(t, e, i, o, n) {
-  if (o === "m") throw new TypeError("Private method is not writable");
-  if (o === "a" && !n) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof e === "function" ? t !== e || !n : !e.has(t)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return o === "a" ? n.call(t, i) : n ? n.value = i : e.set(t, i), i;
-};
-
-var p, u, h, m, g, b, f, x;
-
-const v = s({
-  category: "system",
-  name: "filters",
-  colorType: "on-surface"
-});
-
-// plugin icon if no iconUrl was provided
-const w = t(`./gx-ide-assets/plugin-manager/images/plugin-icon.svg`);
-
-const y = [ "resets/box-sizing", "components/list-box", "components/button", "components/edit", "utils/form", "utils/layout", "utils/typography", "utils/spacing", "chameleon/scrollbar" ];
-
-const k = class {
-  constructor(t) {
-    e(this, t);
-    /**
-         * The component hard-coded strings translations.
-         */
-    // eslint-disable-next-line @stencil-community/own-props-must-be-private
-        p.set(this, void 0);
-    u.set(this, false);
-    h.set(this, ((t, e) => i => {
-      i.stopPropagation();
-      this.executeActionCallback(t, e);
-    }));
-    m.set(this, (t => {
-      const e = [];
-      const o = {
-        type: "separator"
-      };
-      t === null || t === void 0 ? void 0 : t.forEach(((t, n) => {
-        const s = !!t.action;
-        const r = {
-          id: t.id,
-          caption: t.name,
-          imgSrc: t.iconUrl,
-          type: "actionable",
-          additionalInformation: {
-            "stretch-start": {
-              center: [ {
-                part: "custom-image",
-                jsx: () => i("img", {
-                  part: "custom-image",
-                  src: t.iconUrl || w,
-                  alt: `${l(this, p, "f").logotype.replace("PLUGIN_NAME_PLACEHOLDER", t.name)}`,
-                  loading: "lazy"
-                })
-              } ]
-            },
-            "block-end": {
-              start: [ {
-                part: "custom-description custom-button custom-container custom-brand custom-brand-icon custom-image item__block-end start",
-                jsx: () => i("div", {
-                  part: "custom-container",
-                  title: t.description
-                }, i("p", {
-                  part: "custom-description"
-                }, t.description), i("small", {
-                  part: "custom-brand"
-                }, t.publisher))
-                // {
-                //   slot: "abcd"
-                // } as ActionListItemAdditionalSlot // slot not working
-                            } ]
-            },
-            "stretch-end": s && {
-              center: [ {
-                jsx: () => i("button", {
-                  part: "custom-button",
-                  onClick: l(this, h, "f").call(this, t.id, t.action)
-                }, t.action)
-              } ]
-            }
-          }
-        };
-        if (n !== 0) {
-          e.push(o);
-        }
-        e.push(r);
-      }));
-      return e;
-    }));
-    g.set(this, (async t => {
-      this.loading = true;
-      const e = t.detail;
-      this.plugins = await this.filterCallback(e);
-    }));
-    b.set(this, (() => {
-      const t = this.pluginsActionListModel.length;
-      return t ? i("ch-action-list-render", {
-        model: this.pluginsActionListModel,
-        class: "list-box",
-        selection: "single",
-        onSelectedItemsChange: l(this, x, "f")
-      }) : i("gx-ide-empty-state", {
-        isAnimated: l(this, u, "f"),
-        class: "recent-objects__empty-state",
-        stateIconSrc: v,
-        stateTitle: l(this, p, "f").emptyStateTitle,
-        stateDescription: l(this, p, "f").emptyStateDescription
-      });
-    }));
-    f.set(this, (() => {
-      d(this, u, true, "f");
-      return i("gx-ide-loader", {
-        loaderTitle: l(this, p, "f").loaderTitle,
-        description: l(this, p, "f").loaderDescription,
-        show: true
-      });
-    }));
-    x.set(this, (t => {
-      var e;
-      const i = (e = t.detail[0]) === null || e === void 0 ? void 0 : e.item.type;
-      if (i === "actionable") {
-        const e = t.detail[0].item.id;
-        this.showDetailsCallback(e);
-      }
-    }));
-    this.loading = true;
-    this.pluginsActionListModel = [];
-    this.plugins = undefined;
-    this.filterCallback = undefined;
-    this.showDetailsCallback = undefined;
-    this.executeActionCallback = undefined;
-  }
-  pluginsChangedHandler(t) {
-    this.pluginsActionListModel = l(this, m, "f").call(this, t);
-    this.loading = false;
-  }
-  async componentWillLoad() {
-    d(this, p, await r.getComponentStrings(this.el), "f");
-    this.pluginsChangedHandler(this.plugins);
-  }
-  render() {
-    return i(o, {
-      class: "widget"
-    }, i("ch-theme", {
-      model: y
-    }), i("div", {
-      class: "outer-container field-group"
-    }, i("ch-edit", {
-      id: "search-plugins-input",
-      class: "input",
-      accessibleName: l(this, p, "f").accessibleName,
-      placeholder: l(this, p, "f").searchInputPlaceholder,
-      debounce: a.inputDebounce,
-      onInput: l(this, g, "f"),
-      type: "search"
-    }), i("div", {
-      class: "inner-container"
-    }, this.loading ? l(this, f, "f").call(this) : l(this, b, "f").call(this))));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/plugin-explorer" ];
-  }
-  get el() {
-    return n(this);
-  }
-  static get watchers() {
-    return {
-      plugins: [ "pluginsChangedHandler" ]
-    };
-  }
-};
-
-p = new WeakMap, u = new WeakMap, h = new WeakMap, m = new WeakMap, g = new WeakMap, 
-b = new WeakMap, f = new WeakMap, x = new WeakMap;
-
-k.style = c;
-
-export { k as gx_ide_plugin_explorer };
-//# sourceMappingURL=p-fc0bc991.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["pluginExplorerCss","FILTER_ICON","getIconPath","category","name","colorType","EXTENSION_ICON_IMG","getAssetPath","CSS_BUNDLES","GxIdePluginManager","_GxIdePluginManager_componentLocale","set","this","_GxIdePluginManager_animateEmptyState","_GxIdePluginManager_actionListButtonClickHandler","pluginId","action","event","stopPropagation","executeActionCallback","_GxIdePluginManager_mapPluginDataToActionListModel","pluginsData","pluginsActionListModel","separatorItem","type","forEach","pluginData","index","hasActionButton","pluginItem","id","caption","imgSrc","iconUrl","additionalInformation","center","part","jsx","h","src","alt","__classPrivateFieldGet","logotype","replace","loading","start","title","description","publisher","onClick","call","push","_GxIdePluginManager_pluginsFilterInputHandler","async","filterValue","detail","plugins","filterCallback","_GxIdePluginManager_evaluateContentToDisplay","pluginsToDisplay","length","model","class","selection","onSelectedItemsChange","_GxIdePluginManager_pluginSelectedHandler","isAnimated","stateIconSrc","stateTitle","emptyStateTitle","stateDescription","emptyStateDescription","_GxIdePluginManager_renderLoader","__classPrivateFieldSet","loaderTitle","loaderDescription","show","eventType","_a","item","showDetailsCallback","pluginsChangedHandler","newPlugins","componentWillLoad","Locale","getComponentStrings","el","render","Host","accessibleName","placeholder","searchInputPlaceholder","debounce","config","inputDebounce","onInput"],"sources":["src/components/plugin-explorer/plugin-explorer.scss?tag=gx-ide-plugin-explorer&encapsulation=shadow","src/components/plugin-explorer/plugin-explorer.tsx"],"sourcesContent":["@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  position: relative;\n}\n\n.outer-container {\n  grid-template-rows: max-content 1fr;\n}\n.inner-container {\n  position: relative;\n}\n\n.list-box::part(item) {\n  width: 100%;\n  min-width: 100%;\n}\n.list-box::part(item__action) {\n  gap: var(--spacing-gap-xs);\n}\n.list-box::part(item__caption) {\n  font-weight: var(--font-style-semi-bold);\n}\n.list-box::part(custom-container) {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-xs);\n  width: 100%;\n}\n.list-box::part(custom-image) {\n  block-size: 32px;\n  inline-size: 32px;\n  margin-inline-end: 12px;\n}\n.list-box::part(custom-description) {\n  font-size: var(--font-size-body-s);\n  margin: 0;\n  opacity: 0.8;\n  line-height: var(--line-height-relaxed);\n  margin-inline-end: 8px;\n  @include ellipsis();\n}\n.list-box::part(item__block-end start) {\n  width: 100%;\n  min-width: 100%;\n}\n.list-box::part(custom-brand) {\n  font-weight: var(--font-style-semi-bold);\n  display: flex;\n  gap: var(--spacing-gap-xs);\n  align-items: center;\n}\n.list-box::part(custom-brand-icon) {\n  // --icon-path: var(--icon__system_publish_on-elevation--enabled);\n  --icon-path: var(--icon__system_user_neutral--enabled);\n  display: inline-block;\n  background-image: var(--icon-path);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: center center;\n  block-size: 16px;\n  inline-size: 16px;\n}\n.list-box::part(custom-button) {\n  // WA: Style the button like a Mercury primary button\n  // \"Slot\" not working apparently.\n  --button-color: var(--color-text-primary-default);\n  --button-color--enabled: var(--color-text-neutral-on-text);\n  --button-color--active: var(--color-text-neutral-on-pressed);\n  display: inline-grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n  justify-content: center;\n  padding-block: var(--control-padding-block);\n  padding-inline: var(--control-padding-inline);\n  box-sizing: border-box;\n  color: var(--button-color);\n  font-weight: var(--font-style-semi-bold);\n  margin-block-end: auto;\n  margin-block-start: auto;\n  text-transform: capitalize;\n}\n.list-box::part(custom-button):hover {\n  --button-color: var(--color-text-primary-hover);\n}\n.list-box::part(custom-button):active {\n  --button-color: var(--color-text-primary-pressed);\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  State,\n  Element,\n  h,\n  Watch,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { config } from \"../../common/config\";\n\nimport { ActionListModel } from \"@genexus/chameleon-controls-library\";\nimport {\n  ActionListItemModel,\n  ActionListItemModelExtended,\n  ActionListItemSeparator\n} from \"@genexus/chameleon-controls-library/dist/types/components/action-list/types\";\n\nconst FILTER_ICON = getIconPath({\n  category: \"system\",\n  name: \"filters\",\n  colorType: \"on-surface\"\n});\n\n// plugin icon if no iconUrl was provided\nconst EXTENSION_ICON_IMG = getAssetPath(\n  `./gx-ide-assets/plugin-manager/images/plugin-icon.svg`\n);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/list-box\",\n  \"components/button\",\n  \"components/edit\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-plugin-explorer\",\n  styleUrl: \"plugin-explorer.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/plugin-explorer\"]\n})\nexport class GxIdePluginManager {\n  /**\n   * The component hard-coded strings translations.\n   */\n  // eslint-disable-next-line @stencil-community/own-props-must-be-private\n  #componentLocale: any;\n  #animateEmptyState: boolean = false;\n\n  @Element() el: HTMLGxIdePluginExplorerElement;\n\n  /**\n   * If true it will hide the content, and display a loader\n   */\n  @State() loading: boolean = true;\n\n  /**\n   * The plugins model as ActionListModel, which is the model the ch-action-list expects\n   */\n  @State() pluginsActionListModel: ActionListModel = [];\n\n  /**\n   * List of plugins to display. Usually used to initialize the component.\n   */\n  @Prop({ mutable: true }) plugins: PluginData[];\n  @Watch(\"plugins\")\n  pluginsChangedHandler(newPlugins: PluginData[]) {\n    this.pluginsActionListModel =\n      this.#mapPluginDataToActionListModel(newPlugins);\n    this.loading = false;\n  }\n\n  /**\n   * Callback that should be invoked when the user updates the filter.\n   * A debounce should be applied before invoking this function.\n   */\n  @Prop() readonly filterCallback!: (text: string) => Promise<PluginData[]>;\n\n  /**\n   * Callback that should be invoked when the user clicks or presses Enter\n   * on a selected plugin item.\n   */\n  @Prop() readonly showDetailsCallback!: (pluginId: string) => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user clicks on a plugin's action button.\n   */\n  @Prop() readonly executeActionCallback!: (\n    pluginId: string,\n    action: PluginAction\n  ) => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n    this.pluginsChangedHandler(this.plugins);\n  }\n\n  #actionListButtonClickHandler =\n    (pluginId: string, action: PluginAction) => (event: MouseEvent) => {\n      event.stopPropagation();\n      this.executeActionCallback(pluginId, action);\n    };\n\n  #mapPluginDataToActionListModel = (\n    pluginsData: PluginData[]\n  ): ActionListModel => {\n    const pluginsActionListModel: ActionListModel = [];\n    const separatorItem: ActionListItemSeparator = { type: \"separator\" };\n\n    pluginsData?.forEach((pluginData, index) => {\n      const hasActionButton = !!pluginData.action;\n      const pluginItem = {\n        id: pluginData.id,\n        caption: pluginData.name,\n        imgSrc: pluginData.iconUrl,\n        type: \"actionable\",\n\n        additionalInformation: {\n          \"stretch-start\": {\n            center: [\n              {\n                part: \"custom-image\",\n                jsx: () => (\n                  <img\n                    part=\"custom-image\"\n                    src={pluginData.iconUrl || EXTENSION_ICON_IMG}\n                    alt={`${this.#componentLocale.logotype.replace(\n                      \"PLUGIN_NAME_PLACEHOLDER\",\n                      pluginData.name\n                    )}`}\n                    loading=\"lazy\"\n                  />\n                )\n              }\n            ]\n          },\n          \"block-end\": {\n            start: [\n              {\n                part: \"custom-description custom-button custom-container custom-brand custom-brand-icon custom-image item__block-end start\",\n                jsx: () => (\n                  <div part=\"custom-container\" title={pluginData.description}>\n                    <p part=\"custom-description\">{pluginData.description}</p>\n                    <small part=\"custom-brand\">{pluginData.publisher}</small>\n                  </div>\n                )\n              }\n              // {\n              //   slot: \"abcd\"\n              // } as ActionListItemAdditionalSlot // slot not working\n            ]\n          },\n          \"stretch-end\": hasActionButton && {\n            center: [\n              {\n                jsx: () => (\n                  <button\n                    part=\"custom-button\"\n                    onClick={this.#actionListButtonClickHandler(\n                      pluginData.id,\n                      pluginData.action\n                    )}\n                  >\n                    {pluginData.action}\n                  </button>\n                )\n              }\n            ]\n          }\n        }\n      } as ActionListItemModel;\n      if (index !== 0) {\n        pluginsActionListModel.push(separatorItem);\n      }\n      pluginsActionListModel.push(pluginItem);\n    });\n\n    return pluginsActionListModel;\n  };\n\n  #pluginsFilterInputHandler = async (\n    event: CustomEvent<string> | InputEvent\n  ) => {\n    this.loading = true;\n    const filterValue = event.detail as string;\n    this.plugins = await this.filterCallback(filterValue);\n  };\n\n  #evaluateContentToDisplay = () => {\n    const pluginsToDisplay = this.pluginsActionListModel.length;\n    return pluginsToDisplay ? (\n      <ch-action-list-render\n        model={this.pluginsActionListModel}\n        class=\"list-box\"\n        selection=\"single\"\n        onSelectedItemsChange={this.#pluginSelectedHandler}\n      >\n        {/* <p slot=\"abcd\">Slot for \"abcd\" id</p> */}\n      </ch-action-list-render>\n    ) : (\n      <gx-ide-empty-state\n        isAnimated={this.#animateEmptyState}\n        class=\"recent-objects__empty-state\"\n        stateIconSrc={FILTER_ICON}\n        stateTitle={this.#componentLocale.emptyStateTitle}\n        stateDescription={this.#componentLocale.emptyStateDescription}\n      ></gx-ide-empty-state>\n    );\n  };\n\n  #renderLoader = () => {\n    this.#animateEmptyState = true;\n    return (\n      <gx-ide-loader\n        loaderTitle={this.#componentLocale.loaderTitle}\n        description={this.#componentLocale.loaderDescription}\n        show\n      ></gx-ide-loader>\n    );\n  };\n\n  #pluginSelectedHandler = (\n    event: CustomEvent<ActionListItemModelExtended[]>\n  ) => {\n    const eventType = event.detail[0]?.item.type;\n    if (eventType === \"actionable\") {\n      const pluginId = event.detail[0].item.id;\n      this.showDetailsCallback(pluginId);\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <div class=\"outer-container field-group\">\n          <ch-edit\n            id=\"search-plugins-input\"\n            class=\"input\"\n            accessibleName={this.#componentLocale.accessibleName}\n            placeholder={this.#componentLocale.searchInputPlaceholder}\n            debounce={config.inputDebounce}\n            onInput={this.#pluginsFilterInputHandler}\n            type=\"search\"\n          ></ch-edit>\n          <div class=\"inner-container\">\n            {this.loading\n              ? this.#renderLoader()\n              : this.#evaluateContentToDisplay()}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type PluginData = {\n  id: string;\n  iconUrl: string;\n  name: string;\n  description: string;\n  publisher: string;\n  action?: PluginAction;\n};\n\nexport type PluginAction = \"install\" | \"update\";\n"],"mappings":"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"}