@genexus/genexus-ide-ui 1.1.29 → 1.1.31

package/dist/collection/components/_starting-template/starting-template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"starting-template.js","sourceRoot":"","sources":["../../../src/components/_starting-template/starting-template.tsx"],"names":[],"mappings":"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","sourcesContent":["// This is a starting template. Do not edit this file directly.\n// Dupicate it and modify the new file as needed.\n\nimport {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h,\n  Watch\n} from \"@stencil/core\";\n\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  // Use only the bundles that are needed for this component.\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst SYSTEM_ICON = getIconPath({\n  category: \"system\",\n  name: \"folder\",\n  colorType: \"on-primary\"\n});\n\n@Component({\n  tag: \"gx-ide-starting-template\",\n  styleUrl: \"starting-template.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/starting-template\"]\n})\nexport class GxIdeStartingTemplate {\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeStartingTemplateElement;\n\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/new-kb/shortcuts.json`);\n\n  /**\n   * Description of my state variable.\n   */\n  @State() myStateVariable: string;\n\n  /**\n   * Description of my prop variable.\n   */\n  @Prop() readonly firstName: string;\n  @Watch(\"firstName\")\n  firstNameChanged(newValue: string[]) {\n    console.log(\"First name changed:\", newValue);\n  }\n\n  /**\n   * Callback that will be invoked when the user cancels.\n   */\n  @Prop() readonly cancelCallback!: CancelCallback;\n\n  /**\n   * Callback that will be invoked when the user saves.\n   */\n  @Prop() readonly saveCallback!: SaveCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  componentDidLoad() {\n    // Here you can do any additional setup after the component has been rendered.\n  }\n\n  /**\n   * Suspends or reactivates the shortcuts\n   */\n  @Method()\n  async suspendShortcuts(suspendShortcuts: boolean) {\n    if (suspendShortcuts) {\n      this.#chShortcutsEl.suspend = true;\n    } else {\n      this.#chShortcutsEl.suspend = false;\n    }\n  }\n\n  #cancelButtonClickedHandler = () => {\n    this.cancelCallback();\n  };\n\n  #saveButtonClickedHandler = () => {\n    this.saveCallback();\n  };\n\n  render() {\n    return (\n      <Host class=\"widget spacing-body\">\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=\"header control-header control-header-with-border\">\n            <div class=\"field field-block\">\n              <label class=\"label\" htmlFor=\"first-name\">\n                {this._componentLocale.main.firstName}\n              </label>\n              <ch-edit class=\"input\" id=\"first-name\" value={this.firstName} />\n            </div>\n          </header>\n\n          <div class=\"main\">The main content here</div>\n\n          <footer class=\"footer control-footer control-footer-with-border\">\n            <div class=\"buttons-spacer\">\n              <button\n                // #cancel\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                // #create\n                class=\"button-primary button-icon-and-text\"\n                id=\"button-create\"\n                onClick={this.#saveButtonClickedHandler}\n                part=\"button-create\"\n              >\n                <ch-image class=\"icon-md\" src={SYSTEM_ICON}></ch-image>\n                {this._componentLocale.footer.btnSave}\n              </button>\n            </div>\n          </footer>\n        </section>\n      </Host>\n    );\n  }\n}\n\nexport type CancelCallback = () => Promise<void>;\n\nexport type SaveCallback = () => Promise<string>;\n"]}

package/dist/collection/components/details-acknowledgements/details-acknowledgements.css

@@ -0,0 +1,162 @@
+@charset "UTF-8";
+:host {
+  display: grid;
+  block-size: 100%;
+  grid-auto-rows: max-content;
+  justify-content: center;
+  padding: 95px var(--mer-spacing--lg) 95px var(--mer-spacing--lg);
+  overflow: auto;
+}
+
+.licenses-descriptions-list, .licenses-names-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.main-wrapper {
+  max-inline-size: 1000px;
+  display: grid;
+  gap: var(--mer-spacing--xl);
+}
+
+.logo {
+  inline-size: 200px;
+  margin: 0 auto;
+  margin-block-end: var(--mer-spacing--2xl);
+  opacity: 0;
+  transform: translateY(var(--mer-spacing--2xs));
+  animation: showLogo var(--mer-timing--regular) ease-out forwards;
+  animation-delay: var(--mer-timing--regular);
+}
+
+@keyframes showLogo {
+  100% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.card {
+  display: grid;
+  border-radius: var(--mer-border__radius--sm);
+  border-width: var(--mer-border__width--sm);
+  border-color: var(--elevation-border-color);
+  border-style: solid;
+  padding: var(--mer-spacing--lg);
+  gap: var(--mer-spacing--md);
+  opacity: 0;
+  animation: showCard var(--mer-timing--fast) ease-out forwards;
+  animation-delay: calc(var(--mer-timing--regular) * 2);
+}
+
+@keyframes showCard {
+  100% {
+    opacity: 1;
+  }
+}
+h1.title {
+  font-weight: 600;
+}
+
+.intro-container {
+  display: grid;
+  gap: var(--mer-spacing--md);
+}
+
+.date-container {
+  display: grid;
+  gap: var(--mer-spacing--sm);
+}
+
+.card-package {
+  opacity: 0;
+  transition: opacity var(--mer-timing--fast);
+}
+
+.package-name {
+  --package-name-color: var(--mer-text__primary);
+  color: var(--package-name-color);
+}
+.package-name a {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.package-name.has-link:hover {
+  --package-name-color: var(--mer-text__primary--hover);
+}
+.package-name.has-link:active {
+  --package-name-color: var(--mer-text__primary--active);
+}
+
+.package-link {
+  display: inline-block;
+}
+
+.licenses-names-list {
+  display: flex;
+  align-items: center;
+}
+
+.licenses-names-item:not(:first-child)::before {
+  content: "•";
+  padding-inline: 8px;
+}
+
+.licenses-descriptions-description {
+  white-space: break-spaces;
+  max-block-size: 940px;
+  overflow: auto;
+  line-height: 1.5;
+}
+
+.licenses-descriptions-item {
+  display: grid;
+  gap: var(--mer-spacing--md);
+}
+
+.code-box {
+  border-radius: var(--mer-border__radius--sm);
+  background-color: var(--mer-surface);
+  border: 1px solid var(--mer-border-color__on-elevation--01);
+  padding: var(--mer-spacing--md);
+  font-family: var(--font-family-code);
+  font-size: var(--font-size-body-s);
+  display: grid;
+  gap: var(--mer-spacing--lg);
+}
+
+.description-list {
+  display: grid;
+  gap: var(--mer-spacing--xs);
+  max-inline-size: 400px;
+  margin: 0 auto;
+}
+
+.show-more-button {
+  justify-self: start;
+}
+
+.color-default {
+  color: var(--mer-text__highlighted);
+}
+
+.color-neutral {
+  color: var(--mer-color__neutral-gray--400);
+}
+
+.color-primary {
+  color: var(--mer-text__primary);
+}
+
+p {
+  --line-height-tight: 1.5;
+  --font-weight-regular: 300;
+}
+
+hr {
+  border-block-start: 0;
+  border-color: var(--mer-border-color__on-elevation--01);
+  inline-size: 100%;
+  margin: 0;
+}

package/dist/collection/components/details-acknowledgements/details-acknowledgements.js

@@ -0,0 +1,220 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _GxIdeDetailsAcknowledgements_getFormatedDate, _GxIdeDetailsAcknowledgements_renderLicensesInfo, _GxIdeDetailsAcknowledgements_renderLicensesViewButtons, _GxIdeDetailsAcknowledgements_getLicenseId, _GxIdeDetailsAcknowledgements_viewLicenseClickedHandler, _GxIdeDetailsAcknowledgements_openLinkClickedHandler;
+import { Host, h, getAssetPath } from "@stencil/core";
+import { getIconPath } from "@genexus/mercury";
+import { Locale } from "../../common/locale";
+const OPEN_WINDOW_ICON = getIconPath({
+    category: "gemini-tools",
+    name: "open-window",
+    colorType: "primary"
+});
+const EXPAND_ICON = getIconPath({
+    category: "system",
+    name: "expand",
+    colorType: "on-primary"
+});
+const COLLAPSE_ICON = getIconPath({
+    category: "system",
+    name: "collapse-content",
+    colorType: "on-primary"
+});
+const IMAGES_PATH = "./gx-ide-assets/details-acknowledgements/images";
+const BACKGROUND_SIZE = "300px";
+const GENEXUS_NEXT_LOGO_SRC = getAssetPath(`${IMAGES_PATH}/genexus-next-logo.svg`);
+const BG_IMAGE_TOP_START = getAssetPath(`${IMAGES_PATH}/top-start.svg`);
+const BG_IMAGE_BOTTOM_START = getAssetPath(`${IMAGES_PATH}/bottom-start.svg`);
+const BG_IMAGE_BOTTOM_END = getAssetPath(`${IMAGES_PATH}/bottom-end.svg`);
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/typography",
+    "utils/elevation",
+    "components/button",
+    "components/icon",
+    "chameleon/scrollbar"
+];
+export class GxIdeDetailsAcknowledgements {
+    constructor() {
+        _GxIdeDetailsAcknowledgements_getFormatedDate.set(this, (date) => {
+            return date === null || date === void 0 ? void 0 : date.toISOString().split("T")[0];
+        });
+        _GxIdeDetailsAcknowledgements_renderLicensesInfo.set(this, (licenses, type = "name", packageData) => {
+            return type === "name" ? (h("ul", { class: "licenses-names-list" }, licenses.map(license => {
+                return (h("li", { class: "color-default body-regular-m licenses-names-item" }, license.name));
+            }))) : (h("ul", { class: "licenses-descriptions-list" }, licenses.map(license => {
+                const licenseId = __classPrivateFieldGet(this, _GxIdeDetailsAcknowledgements_getLicenseId, "f").call(this, packageData, license.name);
+                const showDescription = licenseId === this.expandedLicenseId;
+                return (h("li", { class: "licenses-descriptions-item", key: licenseId }, showDescription ? (h("p", { class: "code-box color-neutral licenses-descriptions-description scrollable" }, license.description)) : null));
+            })));
+        });
+        _GxIdeDetailsAcknowledgements_renderLicensesViewButtons.set(this, (licenses, packageData) => {
+            return (h("div", { class: "licenses-buttons-container buttons-spacer" }, licenses.map(license => {
+                const licenseId = __classPrivateFieldGet(this, _GxIdeDetailsAcknowledgements_getLicenseId, "f").call(this, packageData, license.name);
+                const visibleLicenseButton = licenseId === this.expandedLicenseId;
+                const icon = visibleLicenseButton ? COLLAPSE_ICON : EXPAND_ICON;
+                const viewLicenseButtonLabel = `${license.name} ${this._componentLocale.packageCard.licenseLabel}`;
+                return (h("button", { class: {
+                        "button-icon-and-text": true,
+                        "button-primary": !visibleLicenseButton,
+                        "button-secondary": visibleLicenseButton,
+                        "show-more-button": true
+                    }, onClick: __classPrivateFieldGet(this, _GxIdeDetailsAcknowledgements_viewLicenseClickedHandler, "f").call(this, licenseId) }, h("ch-image", { src: icon, class: "package-icon icon-md" }), viewLicenseButtonLabel));
+            })));
+        });
+        _GxIdeDetailsAcknowledgements_getLicenseId.set(this, (packageData, licenseName) => {
+            return `${packageData.packageName}-${packageData.packageVersion}-${licenseName}`;
+        });
+        _GxIdeDetailsAcknowledgements_viewLicenseClickedHandler.set(this, (licenseId) => () => {
+            if (licenseId === this.expandedLicenseId) {
+                // collapse
+                this.expandedLicenseId = undefined;
+            }
+            else {
+                // expand collapse
+                this.expandedLicenseId = licenseId;
+            }
+        });
+        _GxIdeDetailsAcknowledgements_openLinkClickedHandler.set(this, (url) => (e) => {
+            if (this.openPackageUrlCallback) {
+                e.preventDefault();
+                this.openPackageUrlCallback(url);
+            }
+        });
+        this.expandedLicenseId = undefined;
+        this.dateGenerated = undefined;
+        this.release = undefined;
+        this.packages = undefined;
+        this.openPackageUrlCallback = undefined;
+    }
+    async componentWillLoad() {
+        this._componentLocale = await Locale.getComponentStrings(this.el);
+    }
+    render() {
+        var _a;
+        const formatedDate = __classPrivateFieldGet(this, _GxIdeDetailsAcknowledgements_getFormatedDate, "f").call(this, this.dateGenerated);
+        return (h(Host, { class: "scrollable", style: {
+                backgroundImage: `url(${BG_IMAGE_TOP_START}), url(${BG_IMAGE_BOTTOM_START}), url(${BG_IMAGE_BOTTOM_END})`,
+                backgroundPosition: "left top, left bottom, right bottom",
+                backgroundRepeat: "no-repeat, no-repeat, no-repeat",
+                backgroundSize: `${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}`
+            } }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "main-wrapper" }, h("img", { src: GENEXUS_NEXT_LOGO_SRC, class: "logo" }), h("div", { class: "card card-details elevation-1" }, h("div", { class: "intro-container" }, h("h1", { class: "title heading-3 color-default" }, this._componentLocale.detailsCard.title), h("p", { class: "color-default body-regular-m" }, this._componentLocale.detailsCard.mainDescription), h("p", { class: "color-neutral body-italic-s" }, this._componentLocale.detailsCard.secondaryDescription)), h("hr", null), h("div", { class: "date-container" }, h("p", { class: "color-neutral" }, this._componentLocale.detailsCard.dateGenerated), h("time", { class: "color-default", dateTime: formatedDate }, formatedDate))), (_a = this.packages) === null || _a === void 0 ? void 0 :
+            _a.map(packageItem => {
+                let packageName = `${packageItem.packageName} ${packageItem.packageVersion}`;
+                const headingContent = packageItem.packageURL ? (h("a", { href: packageItem.packageURL, target: "_blank", onClick: __classPrivateFieldGet(this, _GxIdeDetailsAcknowledgements_openLinkClickedHandler, "f").call(this, packageItem.packageURL), class: "package-link" }, packageName, h("ch-image", { src: OPEN_WINDOW_ICON, class: "package-icon icon-md" }))) : (packageName);
+                return (h("article", { class: "card card-package elevation-1" }, h("h2", { class: {
+                        "subtitle-semi-bold-s": true,
+                        "package-name": true,
+                        "has-link": !!packageItem.packageURL
+                    } }, headingContent), h("p", { class: "color-default subtitle-semi-bold-s" }, this._componentLocale.packageCard.declaredLicenses), __classPrivateFieldGet(this, _GxIdeDetailsAcknowledgements_renderLicensesInfo, "f").call(this, packageItem.declaredLicenses, "name"), __classPrivateFieldGet(this, _GxIdeDetailsAcknowledgements_renderLicensesInfo, "f").call(this, packageItem.declaredLicenses, "description", packageItem), __classPrivateFieldGet(this, _GxIdeDetailsAcknowledgements_renderLicensesViewButtons, "f").call(this, packageItem.declaredLicenses, packageItem)));
+            }))));
+    }
+    static get is() { return "gx-ide-details-acknowledgements"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["details-acknowledgements.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["details-acknowledgements.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/details-acknowledgements"]; }
+    static get properties() {
+        return {
+            "dateGenerated": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Date",
+                    "resolved": "Date",
+                    "references": {
+                        "Date": {
+                            "location": "global",
+                            "id": "global::Date"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The date when the current release was published"
+                }
+            },
+            "release": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The version of the current release"
+                },
+                "attribute": "release",
+                "reflect": false
+            },
+            "packages": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "PackageData[]",
+                    "resolved": "PackageData[]",
+                    "references": {
+                        "PackageData": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/details-acknowledgements/types.d.ts::PackageData"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The list of packages that the current release contains"
+                }
+            },
+            "openPackageUrlCallback": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "OpenPackageURLCallback",
+                    "resolved": "(url: string) => Promise<void>",
+                    "references": {
+                        "OpenPackageURLCallback": {
+                            "location": "import",
+                            "path": "./types",
+                            "id": "src/components/details-acknowledgements/types.d.ts::OpenPackageURLCallback"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Callback invoked when the user clicks a package with a packageURL.\nIf openPackageUrlCallback is defined, the default link action is\nprevented and the URL is passed to the host via the callback.\nOtherwise, the link opens in a new tab as usual."
+                }
+            }
+        };
+    }
+    static get states() {
+        return {
+            "expandedLicenseId": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+_GxIdeDetailsAcknowledgements_getFormatedDate = new WeakMap(), _GxIdeDetailsAcknowledgements_renderLicensesInfo = new WeakMap(), _GxIdeDetailsAcknowledgements_renderLicensesViewButtons = new WeakMap(), _GxIdeDetailsAcknowledgements_getLicenseId = new WeakMap(), _GxIdeDetailsAcknowledgements_viewLicenseClickedHandler = new WeakMap(), _GxIdeDetailsAcknowledgements_openLinkClickedHandler = new WeakMap();
+//# sourceMappingURL=details-acknowledgements.js.map

package/dist/collection/components/details-acknowledgements/details-acknowledgements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-acknowledgements.js","sourceRoot":"","sources":["../../../src/components/details-acknowledgements/details-acknowledgements.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  JSX\n} from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\nimport { Locale } from \"../../common/locale\";\n\nimport type { PackageData, License, OpenPackageURLCallback } from \"./types\";\n\nconst OPEN_WINDOW_ICON = getIconPath({\n  category: \"gemini-tools\",\n  name: \"open-window\",\n  colorType: \"primary\"\n});\nconst EXPAND_ICON = getIconPath({\n  category: \"system\",\n  name: \"expand\",\n  colorType: \"on-primary\"\n});\nconst COLLAPSE_ICON = getIconPath({\n  category: \"system\",\n  name: \"collapse-content\",\n  colorType: \"on-primary\"\n});\n\nconst IMAGES_PATH = \"./gx-ide-assets/details-acknowledgements/images\";\nconst BACKGROUND_SIZE = \"300px\";\n\nconst GENEXUS_NEXT_LOGO_SRC = getAssetPath(\n  `${IMAGES_PATH}/genexus-next-logo.svg`\n);\nconst BG_IMAGE_TOP_START = getAssetPath(`${IMAGES_PATH}/top-start.svg`);\nconst BG_IMAGE_BOTTOM_START = getAssetPath(`${IMAGES_PATH}/bottom-start.svg`);\nconst BG_IMAGE_BOTTOM_END = getAssetPath(`${IMAGES_PATH}/bottom-end.svg`);\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"utils/elevation\",\n  \"components/button\",\n  \"components/icon\",\n  \"chameleon/scrollbar\"\n];\n\n@Component({\n  tag: \"gx-ide-details-acknowledgements\",\n  styleUrl: \"details-acknowledgements.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/details-acknowledgements\"]\n})\nexport class GxIdeDetailsAcknowledgements {\n  /**\n   * The component hard-coded strings translations.\n   */\n  _componentLocale: any;\n\n  @Element() el: HTMLGxIdeDetailsAcknowledgementsElement;\n\n  /**\n   * Identifier of the currently expanded license. Should combine:\n   * packageName + packageVersion + license.name. Example:\n   * @sentry/core-6.7.1-mit\n   */\n  @State() expandedLicenseId?: string;\n\n  /** The date when the current release was published */\n  @Prop() readonly dateGenerated?: Date;\n\n  /** The version of the current release*/\n  @Prop() readonly release?: string;\n\n  /** The list of packages that the current release contains*/\n  @Prop() readonly packages: PackageData[];\n\n  /**\n   * Callback invoked when the user clicks a package with a packageURL.\n   * If openPackageUrlCallback is defined, the default link action is\n   * prevented and the URL is passed to the host via the callback.\n   * Otherwise, the link opens in a new tab as usual.\n   */\n  @Prop() readonly openPackageUrlCallback: OpenPackageURLCallback;\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n  }\n\n  #getFormatedDate = (date: Date) => {\n    return date?.toISOString().split(\"T\")[0];\n  };\n\n  #renderLicensesInfo = (\n    licenses: License[],\n    type: \"name\" | \"description\" = \"name\",\n    packageData?: PackageData\n  ): JSX.Element => {\n    return type === \"name\" ? (\n      <ul class=\"licenses-names-list\">\n        {licenses.map(license => {\n          return (\n            <li class=\"color-default body-regular-m licenses-names-item\">\n              {license.name}\n            </li>\n          );\n        })}\n      </ul>\n    ) : (\n      <ul class=\"licenses-descriptions-list\">\n        {licenses.map(license => {\n          const licenseId = this.#getLicenseId(packageData, license.name);\n          const showDescription = licenseId === this.expandedLicenseId;\n\n          return (\n            <li class=\"licenses-descriptions-item\" key={licenseId}>\n              {showDescription ? (\n                <p class=\"code-box color-neutral licenses-descriptions-description scrollable\">\n                  {license.description}\n                </p>\n              ) : null}\n            </li>\n          );\n        })}\n      </ul>\n    );\n  };\n\n  #renderLicensesViewButtons = (\n    licenses: License[],\n    packageData?: PackageData\n  ): JSX.Element => {\n    return (\n      <div class=\"licenses-buttons-container buttons-spacer\">\n        {licenses.map(license => {\n          const licenseId = this.#getLicenseId(packageData, license.name);\n          const visibleLicenseButton = licenseId === this.expandedLicenseId;\n          const icon = visibleLicenseButton ? COLLAPSE_ICON : EXPAND_ICON;\n\n          const viewLicenseButtonLabel = `${license.name} ${this._componentLocale.packageCard.licenseLabel}`;\n\n          return (\n            <button\n              class={{\n                \"button-icon-and-text\": true,\n                \"button-primary\": !visibleLicenseButton,\n                \"button-secondary\": visibleLicenseButton,\n                \"show-more-button\": true\n              }}\n              onClick={this.#viewLicenseClickedHandler(licenseId)}\n            >\n              <ch-image src={icon} class=\"package-icon icon-md\"></ch-image>\n              {viewLicenseButtonLabel}\n            </button>\n          );\n        })}\n      </div>\n    );\n  };\n\n  #getLicenseId = (packageData: PackageData, licenseName: string): string => {\n    return `${packageData.packageName}-${packageData.packageVersion}-${licenseName}`;\n  };\n\n  #viewLicenseClickedHandler = (licenseId: string) => () => {\n    if (licenseId === this.expandedLicenseId) {\n      // collapse\n      this.expandedLicenseId = undefined;\n    } else {\n      // expand collapse\n      this.expandedLicenseId = licenseId;\n    }\n  };\n\n  #openLinkClickedHandler = (url: string) => (e: MouseEvent) => {\n    if (this.openPackageUrlCallback) {\n      e.preventDefault();\n      this.openPackageUrlCallback(url);\n    }\n  };\n\n  render() {\n    const formatedDate = this.#getFormatedDate(this.dateGenerated);\n    return (\n      <Host\n        class=\"scrollable\"\n        style={{\n          backgroundImage: `url(${BG_IMAGE_TOP_START}), url(${BG_IMAGE_BOTTOM_START}), url(${BG_IMAGE_BOTTOM_END})`,\n          backgroundPosition: \"left top, left bottom, right bottom\",\n          backgroundRepeat: \"no-repeat, no-repeat, no-repeat\",\n          backgroundSize: `${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}, ${BACKGROUND_SIZE}`\n        }}\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"main-wrapper\">\n          <img src={GENEXUS_NEXT_LOGO_SRC} class=\"logo\"></img>\n          <div class=\"card card-details elevation-1\">\n            <div class=\"intro-container\">\n              <h1 class=\"title heading-3 color-default\">\n                {this._componentLocale.detailsCard.title}\n              </h1>\n              <p class=\"color-default body-regular-m\">\n                {this._componentLocale.detailsCard.mainDescription}\n              </p>\n              <p class=\"color-neutral body-italic-s\">\n                {this._componentLocale.detailsCard.secondaryDescription}\n              </p>\n            </div>\n\n            <hr />\n\n            <div class=\"date-container\">\n              <p class=\"color-neutral\">\n                {this._componentLocale.detailsCard.dateGenerated}\n              </p>\n              <time class=\"color-default\" dateTime={formatedDate}>\n                {formatedDate}\n              </time>\n            </div>\n          </div>\n\n          {this.packages?.map(packageItem => {\n            let packageName = `${packageItem.packageName} ${packageItem.packageVersion}`;\n            const headingContent = packageItem.packageURL ? (\n              <a\n                href={packageItem.packageURL}\n                target=\"_blank\"\n                onClick={this.#openLinkClickedHandler(packageItem.packageURL)}\n                class=\"package-link\"\n              >\n                {packageName}\n                <ch-image\n                  src={OPEN_WINDOW_ICON}\n                  class=\"package-icon icon-md\"\n                ></ch-image>\n              </a>\n            ) : (\n              packageName\n            );\n\n            return (\n              <article class=\"card card-package elevation-1\">\n                <h2\n                  class={{\n                    \"subtitle-semi-bold-s\": true,\n                    \"package-name\": true,\n                    \"has-link\": !!packageItem.packageURL\n                  }}\n                >\n                  {headingContent}\n                </h2>\n                <p class=\"color-default subtitle-semi-bold-s\">\n                  {this._componentLocale.packageCard.declaredLicenses}\n                </p>\n                {this.#renderLicensesInfo(packageItem.declaredLicenses, \"name\")}\n\n                {this.#renderLicensesInfo(\n                  packageItem.declaredLicenses,\n                  \"description\",\n                  packageItem\n                )}\n\n                {this.#renderLicensesViewButtons(\n                  packageItem.declaredLicenses,\n                  packageItem\n                )}\n              </article>\n            );\n          })}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/details-acknowledgements/gx-ide-assets/details-acknowledgements/images/bottom-end.svg

@@ -0,0 +1,46 @@
+<svg width="418" height="657" viewBox="0 0 418 657" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_30)">
+<g filter="url(#filter0_f_1_30)">
+<path d="M142.614 405.133C51.8686 569.96 111.923 777.142 276.75 867.887C441.577 958.633 648.759 898.578 739.504 733.751C830.25 568.924 770.195 361.742 605.368 270.997C440.541 180.252 233.359 240.306 142.614 405.133Z" fill="url(#paint0_linear_1_30)" fill-opacity="0.7"/>
+<path d="M143.49 405.615C53.0109 569.958 112.889 776.532 277.232 867.011C441.575 957.49 648.149 897.612 738.628 733.269C829.107 568.926 769.229 362.352 604.886 271.873C440.543 181.394 233.969 241.272 143.49 405.615Z" stroke="url(#paint1_linear_1_30)" stroke-opacity="0.4" stroke-width="2"/>
+</g>
+</g>
+<g clip-path="url(#clip1_1_30)">
+<path d="M362.289 50.4718C300.853 115.082 303.427 217.262 368.038 278.697C432.648 340.132 534.828 337.559 596.263 272.948C657.698 208.338 655.124 106.158 590.514 44.7227C525.904 -16.7124 423.724 -14.1385 362.289 50.4718Z" fill="url(#paint2_linear_1_30)" fill-opacity="0.4"/>
+</g>
+<g clip-path="url(#clip2_1_30)">
+<path d="M107.84 522.881C109.232 520.385 111.85 518.821 114.708 518.779L204.118 517.449C206.976 517.406 209.64 518.892 211.105 521.345L256.962 598.112C258.428 600.566 258.473 603.615 257.081 606.111L213.528 684.208C212.136 686.704 209.518 688.268 206.66 688.31L117.25 689.64C114.392 689.683 111.728 688.198 110.263 685.744L64.4056 608.977C62.9399 606.524 62.8945 603.474 64.2866 600.978L107.84 522.881Z" fill="url(#paint3_linear_1_30)" fill-opacity="0.4"/>
+</g>
+<defs>
+<filter id="filter0_f_1_30" x="0.309692" y="128.693" width="881.499" height="881.499" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_1_30"/>
+</filter>
+<linearGradient id="paint0_linear_1_30" x1="739.504" y1="733.751" x2="142.615" y2="405.133" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5BA7FF"/>
+<stop offset="1" stop-color="#226B98" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_30" x1="538.39" y1="922.134" x2="338.959" y2="239.214" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1_30" x1="393.937" y1="17.1861" x2="647.228" y2="479.542" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1_30" x1="187.18" y1="702.637" x2="114.023" y2="388.863" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#7945AA"/>
+</linearGradient>
+<clipPath id="clip0_1_30">
+<rect width="418" height="529" fill="white" transform="translate(0 128)"/>
+</clipPath>
+<clipPath id="clip1_1_30">
+<rect width="101" height="324" fill="white" transform="translate(317)"/>
+</clipPath>
+<clipPath id="clip2_1_30">
+<rect width="196" height="140" fill="white" transform="translate(63 517)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/details-acknowledgements/gx-ide-assets/details-acknowledgements/images/bottom-start.svg

@@ -0,0 +1,24 @@
+<svg width="275" height="382" viewBox="0 0 275 382" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_21)">
+<path d="M-4.0543 208.983C-65.4895 273.593 -62.9155 375.773 1.69479 437.208C66.3051 498.643 168.485 496.07 229.92 431.459C291.355 366.849 288.782 264.669 224.171 203.234C159.561 141.799 57.3809 144.372 -4.0543 208.983Z" fill="url(#paint0_linear_1_21)" fill-opacity="0.4"/>
+</g>
+<g clip-path="url(#clip1_1_21)">
+<path d="M70.5397 5.65322C73.3935 5.80888 75.9476 7.47523 77.2397 10.0246L117.666 89.7848C118.958 92.3341 118.792 95.3792 117.23 97.7729L68.3693 172.663C66.8076 175.057 64.0875 176.436 61.2336 176.28L-28.054 171.41C-30.9079 171.255 -33.4619 169.588 -34.7541 167.039L-75.1805 87.2787C-76.4727 84.7294 -76.3066 81.6843 -74.7448 79.2906L-25.8837 4.40019C-24.3219 2.00648 -21.6018 0.627774 -18.7479 0.783426L70.5397 5.65322Z" fill="url(#paint1_linear_1_21)" fill-opacity="0.5"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1_21" x1="27.5951" y1="175.698" x2="280.885" y2="638.054" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_21" x1="-56.1749" y1="155.821" x2="193.681" y2="-47.5952" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<clipPath id="clip0_1_21">
+<rect width="275" height="223" fill="white" transform="translate(0 158.5)"/>
+</clipPath>
+<clipPath id="clip1_1_21">
+<rect width="119" height="177" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/details-acknowledgements/gx-ide-assets/details-acknowledgements/images/genexus-next-logo.svg

@@ -0,0 +1,3 @@
+<svg width="201" height="41" viewBox="0 0 201 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M137.177 30.3372V9.60172H139.854L149 24.2487C150.589 26.8957 151.471 28.7489 151.471 28.7489C151.471 28.7489 151.089 26.7784 151.089 23.8961V9.60172H153.177V30.3372H150.471L141.353 15.6017C139.706 12.9251 139.03 11.19 139.03 11.19C139.03 11.19 139.265 13.0136 139.265 15.9548V30.3372H137.177ZM158.177 21.3372H168.148C168.148 18.6606 166.206 16.837 163.412 16.837C160.619 16.837 158.648 18.5133 158.177 21.3372ZM163.412 30.5725C159.265 30.5725 156.088 27.4256 156.088 22.8962C156.088 18.3668 159.147 15.2491 163.412 15.2491C167.677 15.2491 170.471 18.5137 169.971 22.8962H158.059C158.059 26.4258 160.265 28.867 163.412 28.867C165.971 28.867 167.559 27.5729 168.029 25.7201H169.853C169.382 28.5144 166.97 30.5729 163.412 30.5729L163.412 30.5725ZM181.206 30.3372L176.912 24.1314L172.677 30.3372H170.589L175.854 22.5432L170.942 15.3668H173.148L176.913 20.9549L180.736 15.3668H182.795L178.06 22.5432L183.383 30.3372H181.207H181.206ZM189.971 30.5725C187.559 30.5725 185.971 29.1312 185.971 26.19V16.9546H183.383V15.3664H185.971V11.543H187.795V15.3664H191.824V16.9546H187.795V26.0723C187.795 28.0428 188.765 28.8666 190.089 28.8666C190.706 28.8666 191.354 28.7489 191.824 28.6312V30.2195C191.353 30.4549 190.589 30.5725 189.971 30.5725ZM73.5 15.1018C78.4141 15.1018 81.6863 19.0688 80.9414 23.8665H69.6178C69.912 26.1312 71.5883 27.4548 73.5 27.4548C75.4117 27.4548 76.4816 26.8941 76.8822 25.6609H80.8529C80.2185 28.865 77.5983 30.661 73.5588 30.661C68.9117 30.661 65.6175 27.3668 65.6175 22.867C65.6175 18.3672 69.0294 15.1022 73.5 15.1022V15.1018ZM73.4704 18.1606C71.6764 18.1606 70.2938 19.1901 69.7939 20.9549H76.9703C76.8822 19.3666 75.4409 18.1606 73.4704 18.1606ZM115.147 25.5136H118.912C119.077 26.9293 119.958 27.5429 121.824 27.5429C123.559 27.5429 124.295 26.8368 124.295 25.8077C124.295 25.1605 123.789 24.8255 122.942 24.5429C122.112 24.2663 121.001 24.0722 119.883 23.8076C117.647 23.2781 115.354 22.3959 115.354 19.5724C115.354 17.2488 117.442 15.1018 121.177 15.1018C125.178 15.1018 127.45 16.6945 127.765 19.7193H124.059C123.856 18.5729 122.827 18.043 121.177 18.043C119.795 18.043 119.118 18.6902 119.118 19.3666C119.118 20.0431 119.609 20.3933 120.471 20.6607C121.316 20.9229 122.441 21.0726 123.559 21.3372C125.824 21.8371 128.118 22.7489 128.118 25.7197C128.118 28.514 125.618 30.6021 121.765 30.6021C117.912 30.6021 115.281 28.6917 115.147 25.514V25.5136ZM98.6472 24.9548V15.3664H102.706V24.1606C102.706 26.0723 103.794 27.1903 105.529 27.1903C107.765 27.1903 109.147 25.2198 109.147 21.8667V15.3668H113.235V30.3376H109.382V27.9848C108.5 29.485 106.647 30.6026 104.323 30.6026C101.059 30.6026 98.6468 28.5144 98.6468 24.9556L98.6472 24.9548ZM48.8824 15.3664H52.7057V17.5722C53.7644 16.2193 55.6176 15.1018 57.9116 15.1018C61.235 15.1018 63.7059 17.19 63.7059 20.7196V30.3372H59.6764V21.5725C59.6764 19.6608 58.5 18.5137 56.7644 18.5137C54.382 18.5137 52.9114 20.4842 52.9114 23.8372V30.3372H48.882V15.3664H48.8824ZM39.1763 15.1018C44.0903 15.1018 47.3625 19.0688 46.6176 23.8665H35.2941C35.5883 26.1312 37.2646 27.4548 39.1763 27.4548C41.0879 27.4548 42.1579 26.8941 42.5585 25.6609H46.5292C45.8948 28.865 43.2746 30.661 39.2351 30.661C34.588 30.661 31.2938 27.3668 31.2938 22.867C31.2938 18.3672 34.7057 15.1022 39.1763 15.1022V15.1018ZM19.5584 30.6018C13.9702 30.6018 8.85242 26.6311 8.85242 19.9839C8.85242 13.7485 13.3818 9.36597 19.6172 9.36597C24.6762 9.36597 28.6468 12.3071 28.9995 16.3658H24.7346C24.4112 14.3069 22.2934 12.8951 19.6168 12.8951C15.8227 12.8951 13.2049 15.7186 13.2049 19.9835C13.2049 24.2483 15.9404 27.0422 19.7049 27.0422C22.8814 27.0422 24.9992 25.2186 25.3226 22.6304H19.4991V19.2185H29.3229V30.3364H25.7053V27.7186C24.4112 29.3949 22.1465 30.601 19.5584 30.601V30.6018ZM39.1466 18.1606C37.3526 18.1606 35.9701 19.1901 35.4702 20.9549H42.6466C42.5585 19.3666 41.1172 18.1606 39.1466 18.1606ZM98 9.77824L91.853 19.5135L98.9118 30.3372H93.9116L89.3822 23.2785L84.882 30.3372H80.1468L87.029 19.6608L80.7644 9.77824H85.7057L88.5292 14.2488L88.2058 17.2785L88.4704 17.3665L93.2352 9.77824H98Z" fill="white"/>
+</svg>

package/dist/collection/components/details-acknowledgements/gx-ide-assets/details-acknowledgements/images/top-start.svg

@@ -0,0 +1,36 @@
+<svg width="462" height="599" viewBox="0 0 462 599" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_20)">
+<path d="M-182.583 512.086C-141.096 591.001 -43.49 621.342 35.4247 579.854C114.339 538.366 144.68 440.761 103.192 361.846C61.7045 282.931 -35.901 252.59 -114.816 294.078C-193.73 335.566 -224.071 433.172 -182.583 512.086Z" fill="url(#paint0_linear_1_20)" fill-opacity="0.5"/>
+</g>
+<g clip-path="url(#clip1_1_20)">
+<g filter="url(#filter0_f_1_20)">
+<path d="M196.978 287.82C358.17 190.764 410.162 -18.5865 313.106 -179.778C216.05 -340.97 6.69901 -392.962 -154.493 -295.906C-315.684 -198.85 -367.676 10.501 -270.62 171.693C-173.564 332.884 35.7866 384.876 196.978 287.82Z" fill="url(#paint1_linear_1_20)" fill-opacity="0.7"/>
+<path d="M196.462 286.964C357.181 190.193 409.02 -18.5437 312.249 -179.262C215.478 -339.981 6.74174 -391.82 -153.977 -295.049C-314.695 -198.278 -366.535 10.4584 -269.764 171.177C-172.993 331.895 35.7439 383.735 196.462 286.964Z" stroke="url(#paint2_linear_1_20)" stroke-opacity="0.4" stroke-width="2"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_1_20" x="-419.494" y="-444.78" width="881.474" height="881.474" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_1_20"/>
+</filter>
+<linearGradient id="paint0_linear_1_20" x1="-203.956" y1="471.432" x2="315.217" y2="379.848" gradientUnits="userSpaceOnUse">
+<stop stop-color="#226B98" stop-opacity="0"/>
+<stop offset="0.886406" stop-color="#5BA7FF" stop-opacity="0.5"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1_20" x1="-154.492" y1="-295.905" x2="196.978" y2="287.82" gradientUnits="userSpaceOnUse">
+<stop stop-color="#5BA7FF"/>
+<stop offset="1" stop-color="#226B98" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1_20" x1="113.991" y1="-357.968" x2="-56.1093" y2="332.843" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00CCFF"/>
+<stop offset="1" stop-color="#C358FF"/>
+</linearGradient>
+<clipPath id="clip0_1_20">
+<rect width="122" height="323" fill="white" transform="translate(0 275.5)"/>
+</clipPath>
+<clipPath id="clip1_1_20">
+<rect width="462" height="437" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/details-acknowledgements/gx-ide-assets/details-acknowledgements/langs/details-acknowledgements.lang.en.json

@@ -0,0 +1,14 @@
+{
+  "componentName": "Detail & Acknowledgments",
+  "detailsCard": {
+    "title": "3rd-Party Software Report",
+    "mainDescription": "The following sets forth attribution notices for third party software that may be contained in portions of this application. We thank the open source community for all of their contributions",
+    "secondaryDescription": "The following 3rd-party software packages may be used or distributed with this application. Any information relevant to third-party vendors below are collected using common, reasonable means. ",
+    "dateGenerated": "DATE GENERATED"
+  },
+  "packageCard": {
+    "declaredLicenses": "Declared Licenses",
+    "termsAndConditions": "TERMS AND CONDITIONS FOR USE< REPRODUCTION, AND DISTRIBUTION",
+    "licenseLabel": "License"
+  }
+}

package/dist/collection/components/details-acknowledgements/gx-ide-assets/details-acknowledgements/langs/details-acknowledgements.lang.ja.json

@@ -0,0 +1,14 @@
+{
+  "componentName": "Detail & Acknowledgments",
+  "detailsCard": {
+    "title": "3rd-Party Software Report",
+    "mainDescription": "The following sets forth attribution notices for third party software that may be contained in portions of this application. We thank the open source community for all of their contributions",
+    "secondaryDescription": "The following 3rd-party software packages may be used or distributed with this application. Any information relevant to third-party vendors below are collected using common, reasonable means. ",
+    "dateGenerated": "DATE GENERATED"
+  },
+  "packageCard": {
+    "declaredLicenses": "Declared Licenses",
+    "termsAndConditions": "TERMS AND CONDITIONS FOR USE< REPRODUCTION, AND DISTRIBUTION",
+    "licenseLabel": "License"
+  }
+}

package/dist/collection/components/details-acknowledgements/gx-ide-assets/details-acknowledgements/langs/details-acknowledgements.lang.zh.json

@@ -0,0 +1,14 @@
+{
+  "componentName": "Detail & Acknowledgments",
+  "detailsCard": {
+    "title": "3rd-Party Software Report",
+    "mainDescription": "The following sets forth attribution notices for third party software that may be contained in portions of this application. We thank the open source community for all of their contributions",
+    "secondaryDescription": "The following 3rd-party software packages may be used or distributed with this application. Any information relevant to third-party vendors below are collected using common, reasonable means. ",
+    "dateGenerated": "DATE GENERATED"
+  },
+  "packageCard": {
+    "declaredLicenses": "Declared Licenses",
+    "termsAndConditions": "TERMS AND CONDITIONS FOR USE< REPRODUCTION, AND DISTRIBUTION",
+    "licenseLabel": "License"
+  }
+}

package/dist/collection/components/team-dev/commit/commit.css

@@ -91,6 +91,10 @@ ch-tabular-grid-rowset-empty {
   position: relative;
 }
 
+ch-tabular-grid.tabular-grid--empty::part(main) {
+  overflow: hidden;
+}
+
 .tooltip {
   position: absolute;
 }

package/dist/collection/components/team-dev/connect-gx-server/connect-gx-server.css

@@ -30,4 +30,8 @@
 
 .user-password {
   grid-area: user-password;
+}
+
+.tooltip {
+  position: absolute;
 }