@genexus/genexus-ide-ui 3.2.21 → 3.2.22

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

@@ -0,0 +1,317 @@
+import { g as i, r as s, h as t, H as e, 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";
+
+import { L as r } from "./p-311eedf3.js";
+
+const o = '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%;grid-template-areas:"header header" "main aside";grid-template-rows:max-content 1fr;grid-template-columns:1fr 280px;row-gap:var(--spacing-gap-l)}.section{display:contents}.header{display:grid;grid-area:header;grid-template-areas:"plugin-icon plugin-details";grid-template-columns:64px 1fr;column-gap:var(--spacing-gap-xl);padding-block-start:var(--spacing-padding-xxl);padding-block-end:var(--spacing-padding-xl);padding-inline:var(--spacing-padding-xxl)}.plugin__icon{grid-area:plugin-icon;inline-size:100%;block-size:auto;display:block}.plugin__details{grid-area:plugin-details;display:flex;flex-direction:column;gap:var(--spacing-gap-m)}.plugin__publisher{display:flex;align-items:center;gap:var(--spacing-gap-xs)}.plugin__description{line-height:var(--line-height-spacious)}.plugin__actions-container{margin-block-start:var(--spacing-padding-m);align-items:center;min-block-size:calc(var(--control-block-size) + var(--spacing-gap-xs) + 4px)}.action-button{min-inline-size:100px}.action-button.more-versions-available{border-start-end-radius:0 !important;border-end-end-radius:0 !important}.installed-container{display:flex;align-items:center;gap:var(--spacing-gap-m)}.installed-container ch-image{--ch-image-size:20px}.main{grid-area:main}.docsTab{block-size:100%}.aside{grid-area:aside;overflow:auto;border-block-start:1px solid var(--items-container__border-color)}.fields__list{list-style:none;padding:0;margin:0;font-size:var(--font-size-body-s)}.plugin__info-category{display:flex;flex-direction:column;gap:var(--spacing-gap-m)}.plugin__info-category:not(:first-child){padding-block-start:var(--spacing-padding-xl);margin-block-start:var(--spacing-padding-xl);border-block-start:1px solid var(--color-border-surface-on-elevation-1)}.fields__list:not(.fields__list--as-tags){display:flex;flex-direction:column;gap:var(--spacing-gap-m)}.fields__list:not(.fields__list--as-tags) .field__li{display:flex;gap:var(--spacing-gap-xl)}.fields__list--as-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-gap-m)}.fields__list--as-tags .field__li{border:1px solid var(--color-border-surface-on-elevation-1);padding-block:var(--spacing-padding-xxs);padding-inline:var(--spacing-padding-m);border-radius:4px;text-transform:lowercase}.fields__list--as-tags .field__link{color:var(--color-text-neutral-strawberry)}.fields__list--as-tags .field__link:hover{color:var(--color-accent-primary-default)}.fields__list--as-tags .field__link:active{color:var(--color-accent-primary-hover)}.field__name,.field__value{flex:1}.field__link{color:var(--color-accent-primary-default)}.field__link:hover{color:var(--color-accent-primary-hover)}.field__link:active{color:var(--color-accent-primary-pressed)}.docsTab{background-color:transparent !important}.dropdown.button-icon-only::part(expandable-button){padding:calc( (var(--control-block-size) - 2 * var(--control-border-width) - 16px) / 2 ) !important;border-start-start-radius:0 !important;border-end-start-radius:0 !important}.version-buttons-container{display:flex;align-items:stretch;gap:1px}.install-progress{flex:1;min-inline-size:220px}ch-markdown-viewer{block-size:100%;overflow:auto}.text-underline{text-decoration:underline}';
+
+var l = undefined && undefined.__classPrivateFieldGet || function(i, s, t, e) {
+  if (t === "a" && !e) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof s === "function" ? i !== s || !e : !s.has(i)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return t === "m" ? e : t === "a" ? e.call(i) : e ? e.value : s.get(i);
+};
+
+var c = undefined && undefined.__classPrivateFieldSet || function(i, s, t, e, a) {
+  if (e === "m") throw new TypeError("Private method is not writable");
+  if (e === "a" && !a) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof s === "function" ? i !== s || !a : !s.has(i)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return e === "a" ? a.call(i, t) : a ? a.value = t : s.set(i, t), t;
+};
+
+var d, p, h, g, f, u, m, b, v, _, k, w, y, x, M, W, z, T;
+
+const j = n({
+  category: "system",
+  name: "user",
+  colorType: "on-surface"
+});
+
+const C = n({
+  category: "system",
+  name: "chevron-down",
+  colorType: "on-primary"
+});
+
+const E = n({
+  category: "system",
+  name: "check-circle",
+  colorType: "success"
+});
+
+// plugin icon if no iconUri was provided
+const L = i(`./gx-ide-assets/plugin-manager/images/plugin-icon.svg`);
+
+const $ = [ "resets/box-sizing", "chameleon/scrollbar", "components/button", "components/dropdown", "components/edit", "components/icon", "components/list-box", "components/tab", "utils/form", "utils/layout", "utils/spacing", "utils/typography" ];
+
+const P = class {
+  constructor(i) {
+    s(this, i);
+    /**
+         * The component hard-coded strings translations.
+         */
+    // eslint-disable-next-line @stencil-community/own-props-must-be-private
+        d.set(this, void 0);
+    p.set(this, void 0);
+    // A map between docSection "id", and docSection "description".
+    // "id" is generated inside this component.
+        h.set(this, new Map);
+    g.set(this, (() => {
+      var i;
+      const s = (i = this.data.versions) === null || i === void 0 ? void 0 : i.map((i => ({
+        id: String(i.versionId),
+        caption: i.version
+      })));
+      return s;
+    }));
+    f.set(this, (i => {
+      const s = i.detail.id;
+      this.installCallback(s != null ? Number(s) : undefined);
+    }));
+    u.set(this, (() => t("button", {
+      class: "button-tertiary",
+      onClick: l(this, _, "f")
+    }, l(this, d, "f").actions.uninstall)));
+    // The latest version is listed first; its ordinal drives install/update from the primary button.
+        m.set(this, (() => {
+      var i, s;
+      return (s = (i = this.data.versions) === null || i === void 0 ? void 0 : i[0]) === null || s === void 0 ? void 0 : s.versionId;
+    }));
+    b.set(this, (() => {
+      this.installCallback(l(this, m, "f").call(this));
+    }));
+    v.set(this, (i => s => {
+      if (this.openLinkCallback) {
+        s.preventDefault();
+        this.openLinkCallback(i);
+      }
+    }));
+    _.set(this, (() => {
+      this.uninstallCallback();
+    }));
+    k.set(this, (() => {
+      this.cancelCallback();
+    }));
+    w.set(this, (() => {
+      const {phase: i, percent: s} = this.installProgress;
+      const e = i === "download" ? l(this, d, "f").actions.downloading : l(this, d, "f").actions.installing;
+      return t("gx-ide-progress-bar", {
+        class: "install-progress plain",
+        active: true,
+        caption: `${e} ${s}%`,
+        progress: s,
+        stateType: "in-progress",
+        closeType: "button",
+        closedCallback: l(this, k, "f")
+      });
+    }));
+    y.set(this, (() => {
+      var i;
+      // While an install/update is running, replace the buttons with a determinate progress bar.
+            if (this.installProgress) {
+        return l(this, w, "f").call(this);
+      }
+      let s;
+      let e = "button-primary action-button";
+      let a;
+      const n = ((i = this.data.versions) === null || i === void 0 ? void 0 : i.length) > 1;
+      if (!this.data.installed) {
+        s = l(this, d, "f").actions.install;
+        a = l(this, b, "f");
+      } else if (this.data.updateVersion) {
+        s = `${l(this, d, "f").actions.updateTo} ${this.data.updateVersion}`;
+        a = () => this.installCallback(l(this, m, "f").call(this));
+      } else {
+        s = l(this, d, "f").actions.installed;
+      }
+      if (n) {
+        e = `${e} more-versions-available`;
+      }
+      return [ t("div", {
+        class: "version-buttons-container"
+      }, t("button", {
+        class: e,
+        onClick: a
+      }, s), n ? t("ch-action-menu-render", {
+        class: "dropdown button-primary button-icon-only",
+        blockAlign: "outside-end",
+        inlineAlign: "inside-start",
+        model: l(this, g, "f").call(this),
+        onButtonClick: l(this, f, "f")
+      }, t("ch-image", {
+        src: C,
+        class: "icon-m"
+      })) : null) ];
+    }));
+    x.set(this, (i => {
+      this.selectedTabId = i.detail.newSelectedId;
+    }));
+    M.set(this, (() => this.docsTabModel.map((i => {
+      if (i.id === this.selectedTabId) {
+        const s = l(this, h, "f").get(i.id);
+        return t("ch-markdown-viewer", {
+          ref: i => c(this, p, i, "f"),
+          slot: i.id,
+          key: i.id,
+          class: "markdown spacing-body scrollable",
+          theme: "components/markdown-viewer",
+          value: s
+        });
+      }
+    }))));
+    W.set(this, (i => i.toLowerCase().replace(/\s+/g, "-")));
+    z.set(this, ((i, s, e, a) => t("a", {
+      href: i,
+      target: "_blank",
+      onClick: l(this, v, "f").call(this, i),
+      class: e
+    }, a && t("ch-image", {
+      src: a,
+      class: "icon-m"
+    }), s)));
+    T.set(this, (() => this.data.infoCategories.map((i => t("div", {
+      class: "plugin__info-category"
+    }, t("h3", {
+      class: "subtitle-semi-bold-s"
+    }, i.name), t("ul", {
+      class: {
+        fields__list: true,
+        "fields__list--as-tags": i.displayAsTags
+      }
+    }, i.fields.map((s => {
+      // If the field name isn’t specified, only the value is shown — usually a link.
+      const e = typeof s.value === "string" ? s.value : l(this, z, "f").call(this, s.value.url, s.value.text, "field__link");
+      return t("li", {
+        class: "field__li"
+      }, s.name && !i.displayAsTags ? // displaysAsTags forces the items to be displayed as tags
+      // no span.field__name and span.field__value
+      [ t("span", {
+        class: "field__name body-semi-bold-s"
+      }, s.name), t("span", {
+        class: "field__value body-regular-s"
+      }, e) ] : e);
+    }))))))));
+    this.docsTabModel = [];
+    this.selectedTabId = undefined;
+    this.data = undefined;
+    this.installCallback = undefined;
+    this.installProgress = undefined;
+    this.cancelCallback = undefined;
+    this.openLinkCallback = undefined;
+    this.uninstallCallback = undefined;
+  }
+  async componentWillLoad() {
+    var i;
+    c(this, d, await r.getComponentStrings(this.el), "f");
+    if ((i = this.data.docSections) === null || i === void 0 ? void 0 : i.length) {
+      this.docsTabModel = this.data.docSections.map(((i, s) => {
+        const t = l(this, W, "f").call(this, i.name);
+        l(this, h, "f").set(t, i.content);
+        if (s === 0) {
+          this.selectedTabId = t;
+        }
+        return {
+          id: t,
+          name: i.name
+        };
+      }));
+    }
+  }
+  componentDidLoad() {
+    var i;
+    // Guard: #chMarkdownViewer is unset when there are no docSections.
+        (i = l(this, p, "f")) === null || i === void 0 ? void 0 : i.addEventListener("click", (i => {
+      // Listens for clicks on links inside <ch-markdown-viewer>.
+      // If a link (<a>) is clicked and openLinkCallback is defined,
+      // it prevents the default navigation and delegates the event
+      // to this.#openLinkHandler, passing the link's href.
+      const s = i.composedPath();
+      const t = s.find((i => i instanceof HTMLAnchorElement));
+      if (t === null || t === void 0 ? void 0 : t.href) {
+        l(this, v, "f").call(this, t.href)(i);
+      }
+    }));
+  }
+  render() {
+    const i = !this.data.installed || this.data.installed && !!this.data.updateVersion;
+    const s = this.data.name.text;
+    const a = this.data.name.url;
+    const n = s && a;
+    const r = s || this.data.name;
+    const o = this.data.publisher.text;
+    const c = this.data.publisher.url;
+    const p = o && c;
+    const h = o || this.data.publisher;
+    return t(e, {
+      class: "widget"
+    }, t("ch-theme", {
+      model: $
+    }), t("section", {
+      class: "section"
+    }, t("header", {
+      class: "header"
+    }, t("img", {
+      class: "plugin__icon",
+      src: this.data.iconUrl || L,
+      alt: "plugin extension icon"
+    }), t("div", {
+      class: "plugin__details"
+    }, n ? t("h2", {
+      class: "heading-5 has-link"
+    }, l(this, z, "f").call(this, a, r, "text-underline")) : t("h2", {
+      class: "heading-5"
+    }, r), p ? l(this, z, "f").call(this, c, r, "text-underline plugin__publisher caption-semi-bold-l", j) : t("p", {
+      class: "plugin__publisher caption-semi-bold-l"
+    }, t("ch-image", {
+      src: j,
+      class: "icon-s"
+    }), h), t("p", {
+      class: "plugin__description"
+    }, this.data.description), t("div", {
+      class: "buttons-spacer plugin__actions-container"
+    }, i ? l(this, y, "f").call(this) : 
+    // installed and no updates
+    t("p", {
+      class: "installed-container subtitle-semi-bold-s"
+    }, t("ch-image", {
+      src: E,
+      class: "icon-s"
+    }), l(this, d, "f").actions.installed), this.data.installed && l(this, u, "f").call(this)))), t("div", {
+      class: "main"
+    }, this.docsTabModel.length > 0 && t("ch-tab-render", {
+      class: "tab docsTab scrollable",
+      tabListPosition: "block-start",
+      overflow: "auto",
+      contain: "size",
+      model: this.docsTabModel,
+      onSelectedItemChange: l(this, x, "f"),
+      selectedId: this.selectedTabId
+    }, l(this, M, "f").call(this))), t("div", {
+      class: "aside spacing-body scrollable"
+    }, l(this, T, "f").call(this))));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/plugin-details" ];
+  }
+  get el() {
+    return a(this);
+  }
+};
+
+d = new WeakMap, p = new WeakMap, h = new WeakMap, g = new WeakMap, f = new WeakMap, 
+u = new WeakMap, m = new WeakMap, b = new WeakMap, v = new WeakMap, _ = new WeakMap, 
+k = new WeakMap, w = new WeakMap, y = new WeakMap, x = new WeakMap, M = new WeakMap, 
+W = new WeakMap, z = new WeakMap, T = new WeakMap;
+
+P.style = o;
+
+export { P as gx_ide_plugin_details };
+//# sourceMappingURL=p-e82d9621.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pluginDetailsCss","USER_ICON","getIconPath","category","name","colorType","CHEVRON_DOWN_ICON","CHECK_CIRCLE_ICON","EXTENSION_ICON_IMG","getAssetPath","CSS_BUNDLES","GxIdePluginDetails","_GxIdePluginDetails_componentLocale","set","this","_GxIdePluginDetails_chMarkdownViewer","_GxIdePluginDetails_docSectionIdDescriptionMap","Map","_GxIdePluginDetails_versionsMenuOptionsModel","versionsToUpdateMenusModel","_a","data","versions","map","version","id","String","versionId","caption","_GxIdePluginDetails_menuVersionSelectedHandler","event","selectedVersionId","detail","installCallback","Number","undefined","_GxIdePluginDetails_renderUninstallButton","h","class","onClick","__classPrivateFieldGet","_GxIdePluginDetails_uninstallClickedHandler","actions","uninstall","_GxIdePluginDetails_latestVersionId","_b","_GxIdePluginDetails_installClickedHandler","call","_GxIdePluginDetails_openLinkHandler","link","openLinkCallback","preventDefault","uninstallCallback","_GxIdePluginDetails_cancelClickedHandler","cancelCallback","_GxIdePluginDetails_renderInstallProgress","phase","percent","installProgress","downloading","installing","active","progress","stateType","closeType","closedCallback","_GxIdePluginDetails_renderActionButtons","actionButtonCaption","actionButtonClasses","actionButtonCallback","moreVersionsToUpdate","length","installed","install","updateVersion","updateTo","blockAlign","inlineAlign","model","onButtonClick","src","_GxIdePluginDetails_tabSelectionChangedHandler","selectedTabId","newSelectedId","_GxIdePluginDetails_renderDocSectionsSlots","docsTabModel","docSectionTab","markdownValue","get","ref","el","__classPrivateFieldSet","slot","key","theme","value","_GxIdePluginDetails_returnFormatedId","rawId","toLowerCase","replace","_GxIdePluginDetails_renderLinkTag","href","label","cssClass","chImageSrc","target","_GxIdePluginDetails_renderAsideContent","infoCategories","infoCategory","fields__list","displayAsTags","fields","field","fieldValue","url","text","componentWillLoad","Locale","getComponentStrings","docSections","docSection","i","formatedId","content","componentDidLoad","addEventListener","path","composedPath","find","HTMLAnchorElement","render","renderActionButtons","titleLinkDataText","titleLinkDataUrl","titleHasLink","titleText","publisherDataText","publisher","publisherDataUrl","publisherHasLink","publisherText","Host","iconUrl","alt","description","tabListPosition","overflow","contain","onSelectedItemChange","selectedId"],"sources":["src/components/plugin-details/plugin-details.scss?tag=gx-ide-plugin-details&encapsulation=shadow","src/components/plugin-details/plugin-details.tsx"],"sourcesContent":["@import \"../../global/temporary-mercury-overrides/_tab.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-areas:\n    \"header header\"\n    \"main aside\";\n  grid-template-rows: max-content 1fr;\n  grid-template-columns: 1fr 280px;\n  row-gap: var(--spacing-gap-l);\n}\n\n.section {\n  display: contents;\n}\n\n// header\n.header {\n  display: grid;\n  grid-area: header;\n  grid-template-areas: \"plugin-icon plugin-details\";\n  grid-template-columns: 64px 1fr;\n  column-gap: var(--spacing-gap-xl);\n  padding-block-start: var(--spacing-padding-xxl);\n  padding-block-end: var(--spacing-padding-xl);\n  padding-inline: var(--spacing-padding-xxl);\n}\n.plugin__icon {\n  grid-area: plugin-icon;\n  inline-size: 100%;\n  block-size: auto;\n  display: block;\n}\n.plugin__details {\n  grid-area: plugin-details;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-m);\n}\n.plugin__publisher {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-xs);\n}\n.plugin__description {\n  line-height: var(--line-height-spacious); // WA: Text appears too tight.\n}\n.plugin__actions-container {\n  margin-block-start: var(--spacing-padding-m);\n  align-items: center;\n  // Reserve the taller progress-bar height (control + gap + bar) so swapping\n  // the install button for the progress bar doesn't shift the layout.\n  min-block-size: calc(var(--control-block-size) + var(--spacing-gap-xs) + 4px);\n}\n.action-button {\n  min-inline-size: 100px;\n\n  &.more-versions-available {\n    border-start-end-radius: 0 !important;\n    border-end-end-radius: 0 !important;\n  }\n}\n.installed-container {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-gap-m);\n\n  // WA Biggest Mercury icon (icon-s) looks small in this case.\n  // Mercury should expose more icon sizes.\n  ch-image {\n    --ch-image-size: 20px;\n  }\n}\n\n// main\n.main {\n  grid-area: main;\n}\n.docsTab {\n  block-size: 100%;\n}\n\n// aside\n.aside {\n  grid-area: aside;\n  overflow: auto;\n  border-block-start: 1px solid var(--items-container__border-color);\n}\n.fields__list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  font-size: var(--font-size-body-s);\n}\n.plugin__info-category {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-m);\n\n  &:not(:first-child) {\n    padding-block-start: var(--spacing-padding-xl);\n    margin-block-start: var(--spacing-padding-xl);\n    border-block-start: 1px solid var(--color-border-surface-on-elevation-1);\n  }\n}\n.fields__list:not(.fields__list--as-tags) {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-gap-m);\n  .field__li {\n    display: flex;\n    gap: var(--spacing-gap-xl);\n  }\n}\n.fields__list--as-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--spacing-gap-m);\n\n  .field__li {\n    border: 1px solid var(--color-border-surface-on-elevation-1);\n    padding-block: var(--spacing-padding-xxs);\n    padding-inline: var(--spacing-padding-m);\n    border-radius: 4px;\n\n    text-transform: lowercase;\n  }\n  .field__link {\n    color: var(--color-text-neutral-strawberry);\n\n    &:hover {\n      color: var(--color-accent-primary-default);\n    }\n    &:active {\n      color: var(--color-accent-primary-hover);\n    }\n  }\n}\n\n.field__name,\n.field__value {\n  flex: 1;\n}\n// WA: Link styles should be defined Mercury\n.field__link {\n  color: var(--color-accent-primary-default);\n  &:hover {\n    color: var(--color-accent-primary-hover);\n  }\n  &:active {\n    color: var(--color-accent-primary-pressed);\n  }\n}\n// WA: Remove tab elevation background color\n.docsTab {\n  background-color: transparent !important;\n}\n\n// WA: Styles for \"button-icon-only\" should be defined on mercury\n.dropdown.button-icon-only::part(expandable-button) {\n  padding: calc(\n    (var(--control-block-size) - 2 * var(--control-border-width) - 16px) / 2\n  ) !important;\n  border-start-start-radius: 0 !important;\n  border-end-start-radius: 0 !important;\n}\n\n.version-buttons-container {\n  display: flex;\n  align-items: stretch;\n  gap: 1px;\n}\n\n.install-progress {\n  flex: 1;\n  min-inline-size: 220px;\n}\n\nch-markdown-viewer {\n  block-size: 100%;\n  overflow: auto;\n}\n\n// WA: Need text with underline. This should be defined on Mercury\n.text-underline {\n  text-decoration: underline;\n}\n","import {\n  Component,\n  Host,\n  State,\n  Prop,\n  Element,\n  h,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\nimport { ActionMenuModel, TabModel } from \"@genexus/chameleon-controls-library\";\nimport { TabItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/tab/types\";\n\nconst USER_ICON = getIconPath({\n  category: \"system\",\n  name: \"user\",\n  colorType: \"on-surface\"\n});\nconst CHEVRON_DOWN_ICON = getIconPath({\n  category: \"system\",\n  name: \"chevron-down\",\n  colorType: \"on-primary\"\n});\nconst CHECK_CIRCLE_ICON = getIconPath({\n  category: \"system\",\n  name: \"check-circle\",\n  colorType: \"success\"\n});\n\n// plugin icon if no iconUri 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  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/dropdown\",\n  \"components/edit\",\n  \"components/icon\",\n  \"components/list-box\",\n  \"components/tab\",\n  \"utils/form\",\n  \"utils/layout\",\n  \"utils/spacing\",\n  \"utils/typography\"\n];\n\n@Component({\n  tag: \"gx-ide-plugin-details\",\n  styleUrl: \"plugin-details.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/plugin-details\"]\n})\nexport class GxIdePluginDetails {\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\n  #chMarkdownViewer: HTMLChMarkdownViewerElement;\n\n  // A map between docSection \"id\", and docSection \"description\".\n  // \"id\" is generated inside this component.\n  #docSectionIdDescriptionMap: Map<string, string> = new Map();\n\n  @Element() el: HTMLGxIdePluginDetailsElement;\n\n  @State() docsTabModel: TabModel = [];\n  @State() selectedTabId: string;\n\n  /**\n   * Specifies all the information related to a plugin.\n   */\n  @Prop() readonly data!: PluginDetailsData;\n\n  /**\n   * Callback that should be invoked when the user performs the install or update action.\n   * Receives the ordinal versionId of the selected version (undefined installs the latest).\n   */\n  @Prop() readonly installCallback!: (versionId?: number) => Promise<void>;\n\n  /**\n   * When set, the component is installing this plugin and shows a determinate progress bar\n   * instead of the action button.\n   */\n  @Prop() readonly installProgress?: PluginInstallProgress;\n\n  /**\n   * Callback that should be invoked when the user cancels an in-progress\n   * install/update from the progress bar.\n   */\n  @Prop() readonly cancelCallback!: () => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user attempts to open any link displayed in this component.\n   */\n  @Prop() readonly openLinkCallback!: (url: string) => Promise<void>;\n\n  /**\n   * Callback that should be invoked when the user performs the uninstall action.\n   */\n  @Prop() readonly uninstallCallback!: () => Promise<void>;\n\n  async componentWillLoad() {\n    this.#componentLocale = await Locale.getComponentStrings(this.el);\n\n    if (this.data.docSections?.length) {\n      this.docsTabModel = this.data.docSections.map((docSection, i) => {\n        const formatedId = this.#returnFormatedId(docSection.name);\n\n        this.#docSectionIdDescriptionMap.set(formatedId, docSection.content);\n\n        if (i === 0) {\n          this.selectedTabId = formatedId;\n        }\n        return {\n          id: formatedId,\n          name: docSection.name\n        } as TabItemModel;\n      });\n    }\n  }\n\n  componentDidLoad() {\n    // Guard: #chMarkdownViewer is unset when there are no docSections.\n    this.#chMarkdownViewer?.addEventListener(\"click\", event => {\n      // Listens for clicks on links inside <ch-markdown-viewer>.\n      // If a link (<a>) is clicked and openLinkCallback is defined,\n      // it prevents the default navigation and delegates the event\n      // to this.#openLinkHandler, passing the link's href.\n      const path = event.composedPath() as EventTarget[];\n\n      const link = path.find(el => el instanceof HTMLAnchorElement) as\n        | HTMLAnchorElement\n        | undefined;\n\n      if (link?.href) {\n        this.#openLinkHandler(link.href)(event);\n      }\n    });\n  }\n\n  #versionsMenuOptionsModel = (): ActionMenuModel => {\n    const versionsToUpdateMenusModel: ActionMenuModel = this.data.versions?.map(\n      version => {\n        // The menu id carries the ordinal versionId; the caption shows the human-readable version.\n        return { id: String(version.versionId), caption: version.version };\n      }\n    );\n    return versionsToUpdateMenusModel;\n  };\n\n  #menuVersionSelectedHandler = (\n    event: CustomEvent<{\n      id?: string;\n    }>\n  ) => {\n    const selectedVersionId = event.detail.id;\n    this.installCallback(\n      selectedVersionId != null ? Number(selectedVersionId) : undefined\n    );\n  };\n\n  #renderUninstallButton = (): JSX.Element => {\n    return (\n      <button class=\"button-tertiary\" onClick={this.#uninstallClickedHandler}>\n        {this.#componentLocale.actions.uninstall}\n      </button>\n    );\n  };\n\n  // The latest version is listed first; its ordinal drives install/update from the primary button.\n  #latestVersionId = (): number | undefined =>\n    this.data.versions?.[0]?.versionId;\n\n  #installClickedHandler = () => {\n    this.installCallback(this.#latestVersionId());\n  };\n\n  #openLinkHandler = (link: string) => (event: MouseEvent) => {\n    if (this.openLinkCallback) {\n      event.preventDefault();\n      this.openLinkCallback(link);\n    }\n  };\n\n  #uninstallClickedHandler = () => {\n    this.uninstallCallback();\n  };\n\n  #cancelClickedHandler = () => {\n    this.cancelCallback();\n  };\n\n  #renderInstallProgress = (): JSX.Element => {\n    const { phase, percent } = this.installProgress;\n    const caption =\n      phase === \"download\"\n        ? this.#componentLocale.actions.downloading\n        : this.#componentLocale.actions.installing;\n\n    return (\n      <gx-ide-progress-bar\n        class=\"install-progress plain\"\n        active\n        caption={`${caption} ${percent}%`}\n        progress={percent}\n        stateType=\"in-progress\"\n        closeType=\"button\"\n        closedCallback={this.#cancelClickedHandler}\n      ></gx-ide-progress-bar>\n    );\n  };\n\n  #renderActionButtons = (): JSX.Element => {\n    // While an install/update is running, replace the buttons with a determinate progress bar.\n    if (this.installProgress) {\n      return this.#renderInstallProgress();\n    }\n\n    let actionButtonCaption;\n    let actionButtonClasses = \"button-primary action-button\";\n    let actionButtonCallback;\n    const moreVersionsToUpdate = this.data.versions?.length > 1;\n\n    if (!this.data.installed) {\n      actionButtonCaption = this.#componentLocale.actions.install;\n      actionButtonCallback = this.#installClickedHandler;\n    } else if (this.data.updateVersion) {\n      actionButtonCaption = `${this.#componentLocale.actions.updateTo} ${\n        this.data.updateVersion\n      }`;\n      actionButtonCallback = () =>\n        this.installCallback(this.#latestVersionId());\n    } else {\n      actionButtonCaption = this.#componentLocale.actions.installed;\n    }\n\n    if (moreVersionsToUpdate) {\n      actionButtonClasses = `${actionButtonClasses} more-versions-available`;\n    }\n\n    return [\n      <div class=\"version-buttons-container\">\n        <button class={actionButtonClasses} onClick={actionButtonCallback}>\n          {actionButtonCaption}\n        </button>\n        {moreVersionsToUpdate ? (\n          <ch-action-menu-render\n            class=\"dropdown button-primary button-icon-only\"\n            blockAlign=\"outside-end\"\n            inlineAlign=\"inside-start\"\n            model={this.#versionsMenuOptionsModel()}\n            onButtonClick={this.#menuVersionSelectedHandler}\n          >\n            <ch-image src={CHEVRON_DOWN_ICON} class=\"icon-m\"></ch-image>\n          </ch-action-menu-render>\n        ) : null}\n      </div>\n    ];\n  };\n\n  #tabSelectionChangedHandler = (\n    event: CustomEvent<{\n      lastSelectedIndex: number;\n      newSelectedId: string;\n      newSelectedIndex: number;\n    }>\n  ): void => {\n    this.selectedTabId = event.detail.newSelectedId;\n  };\n\n  #renderDocSectionsSlots = (): JSX.Element => {\n    return this.docsTabModel.map(docSectionTab => {\n      if (docSectionTab.id === this.selectedTabId) {\n        const markdownValue = this.#docSectionIdDescriptionMap.get(\n          docSectionTab.id\n        );\n\n        return (\n          <ch-markdown-viewer\n            ref={(el: HTMLChMarkdownViewerElement) =>\n              (this.#chMarkdownViewer = el as HTMLChMarkdownViewerElement)\n            }\n            slot={docSectionTab.id}\n            key={docSectionTab.id}\n            class=\"markdown spacing-body scrollable\"\n            theme=\"components/markdown-viewer\"\n            value={markdownValue}\n          ></ch-markdown-viewer>\n        );\n      }\n    });\n  };\n\n  #returnFormatedId = (rawId: string): string => {\n    return rawId.toLowerCase().replace(/\\s+/g, \"-\");\n  };\n\n  #renderLinkTag = (\n    href: string,\n    label: string,\n    cssClass?: string,\n    chImageSrc?: string\n  ): HTMLAnchorElement => {\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        onClick={this.#openLinkHandler(href)}\n        class={cssClass}\n      >\n        {chImageSrc && <ch-image src={chImageSrc} class=\"icon-m\"></ch-image>}\n        {label}\n      </a>\n    );\n  };\n\n  #renderAsideContent = (): JSX.Element => {\n    return this.data.infoCategories.map(infoCategory => {\n      return (\n        <div class=\"plugin__info-category\">\n          <h3 class=\"subtitle-semi-bold-s\">{infoCategory.name}</h3>\n          <ul\n            class={{\n              \"fields__list\": true,\n              \"fields__list--as-tags\": infoCategory.displayAsTags\n            }}\n          >\n            {infoCategory.fields.map(field => {\n              // If the field name isn’t specified, only the value is shown — usually a link.\n              const fieldValue: string | HTMLAnchorElement =\n                typeof field.value === \"string\"\n                  ? (field.value as string)\n                  : this.#renderLinkTag(\n                      (field.value as LinkData).url,\n                      (field.value as LinkData).text,\n                      \"field__link\"\n                    );\n              return (\n                <li class=\"field__li\">\n                  {field.name && !infoCategory.displayAsTags\n                    ? // displaysAsTags forces the items to be displayed as tags\n                      // no span.field__name and span.field__value\n                      [\n                        <span class=\"field__name body-semi-bold-s\">\n                          {field.name}\n                        </span>,\n                        <span class=\"field__value body-regular-s\">\n                          {fieldValue}\n                        </span>\n                      ]\n                    : fieldValue}\n                </li>\n              );\n            })}\n          </ul>\n        </div>\n      );\n    });\n  };\n\n  render() {\n    const renderActionButtons =\n      !this.data.installed ||\n      (this.data.installed && !!this.data.updateVersion);\n\n    const titleLinkDataText = (this.data.name as LinkData).text;\n    const titleLinkDataUrl = (this.data.name as LinkData).url;\n    const titleHasLink = titleLinkDataText && titleLinkDataUrl;\n    const titleText = titleLinkDataText || this.data.name;\n\n    const publisherDataText = (this.data.publisher as LinkData).text;\n    const publisherDataUrl = (this.data.publisher as LinkData).url;\n    const publisherHasLink = publisherDataText && publisherDataUrl;\n    const publisherText = publisherDataText || this.data.publisher;\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          <header class=\"header\">\n            <img\n              class=\"plugin__icon\"\n              src={this.data.iconUrl || EXTENSION_ICON_IMG}\n              alt=\"plugin extension icon\"\n            />\n            <div class=\"plugin__details\">\n              {titleHasLink ? (\n                <h2 class=\"heading-5 has-link\">\n                  {this.#renderLinkTag(\n                    titleLinkDataUrl,\n                    titleText as string,\n                    \"text-underline\"\n                  )}\n                </h2>\n              ) : (\n                <h2 class=\"heading-5\">{titleText}</h2>\n              )}\n              {publisherHasLink ? (\n                this.#renderLinkTag(\n                  publisherDataUrl,\n                  titleText as string,\n                  \"text-underline plugin__publisher caption-semi-bold-l\",\n                  USER_ICON\n                )\n              ) : (\n                <p class=\"plugin__publisher caption-semi-bold-l\">\n                  <ch-image src={USER_ICON} class=\"icon-s\"></ch-image>\n                  {publisherText}\n                </p>\n              )}\n\n              <p class=\"plugin__description\">{this.data.description}</p>\n              <div class=\"buttons-spacer plugin__actions-container\">\n                {renderActionButtons ? (\n                  this.#renderActionButtons()\n                ) : (\n                  // installed and no updates\n                  <p class=\"installed-container subtitle-semi-bold-s\">\n                    <ch-image src={CHECK_CIRCLE_ICON} class=\"icon-s\"></ch-image>\n                    {this.#componentLocale.actions.installed}\n                  </p>\n                )}\n                {this.data.installed && this.#renderUninstallButton()}\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            {this.docsTabModel.length > 0 && (\n              <ch-tab-render\n                class=\"tab docsTab scrollable\"\n                tabListPosition=\"block-start\"\n                overflow=\"auto\"\n                contain=\"size\"\n                model={this.docsTabModel}\n                onSelectedItemChange={this.#tabSelectionChangedHandler}\n                selectedId={this.selectedTabId}\n              >\n                {this.#renderDocSectionsSlots()}\n              </ch-tab-render>\n            )}\n          </div>\n          <div class=\"aside spacing-body scrollable\">\n            {this.#renderAsideContent()}\n          </div>\n        </section>\n        {/* <slot></slot> */}\n      </Host>\n    );\n  }\n}\n\n// plugin-details.types.ts\n\nexport type LinkData = {\n  text: string;\n  url: string;\n};\n\nexport type PluginFieldData = {\n  name?: string;\n  value: string | LinkData;\n};\n\nexport type PluginInfoCategoryData = {\n  name: string;\n  fields: PluginFieldData[];\n  displayAsTags: boolean;\n};\n\nexport type DocSectionData = {\n  name: string;\n  content: string;\n};\n\nexport type PluginVersionOption = {\n  version: string;\n  versionId: number;\n};\n\nexport type PluginInstallProgress = {\n  phase: \"download\" | \"install\";\n  percent: number;\n};\n\nexport type PluginDetailsData = {\n  id: string;\n  name: string | LinkData;\n  publisher: string | LinkData;\n  installed: boolean;\n  updateVersion?: string;\n  versions: PluginVersionOption[];\n  iconUrl: string;\n  description: string;\n  docSections: DocSectionData[];\n  infoCategories: PluginInfoCategoryData[];\n};\n"],"mappings":"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"}