@genexus/genexus-ide-ui 1.1.57 → 1.1.58

package/dist/collection/components/launchpad/root/launchpad.js

@@ -0,0 +1,318 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+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 _GxIdeLaunchpad_chShortcutsEl, _GxIdeLaunchpad_shortcutsSrc, _GxIdeLaunchpad_componentLocale;
+import { Host, getAssetPath, h } from "@stencil/core";
+import { Locale } from "../../../common/locale";
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/tab",
+    "utils/form--full",
+    "utils/layout",
+    "utils/typography",
+    "utils/spacing",
+    "chameleon/scrollbar"
+];
+const MAIN_SECTION_CLASSES = "main";
+const WEB_APPS_TAB_SELECTOR = "web-apps";
+const NATIVE_APPS_TAB_SELECTOR = "native-apps";
+const APIS_TAB_SELECTOR = "apis";
+export class GxIdeLaunchpad {
+    constructor() {
+        _GxIdeLaunchpad_chShortcutsEl.set(this, void 0);
+        _GxIdeLaunchpad_shortcutsSrc.set(this, getAssetPath(`./gx-ide-assets/launchpad/shortcuts.json`));
+        _GxIdeLaunchpad_componentLocale.set(this, void 0);
+        this.data = undefined;
+        this.isStandalone = true;
+        this.sections = [];
+        this.tabModel = [];
+    }
+    watchDataHandler(newValue) {
+        if (newValue !== undefined) {
+            this.organizeData();
+        }
+    }
+    async componentWillLoad() {
+        try {
+            __classPrivateFieldSet(this, _GxIdeLaunchpad_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        }
+        catch (error) {
+            console.error("Error loading locale:", error);
+            __classPrivateFieldSet(this, _GxIdeLaunchpad_componentLocale, {
+                tabs: {
+                    webApps: "WEB APPS",
+                    nativeApps: "NATIVE APPS",
+                    apis: "APIS"
+                }
+            }, "f");
+        }
+        if (this.data) {
+            this.organizeData();
+        }
+    }
+    componentDidLoad() { }
+    /**
+     * Suspends or reactivates the shortcuts
+     */
+    async suspendShortcuts(suspendShortcuts) {
+        if (suspendShortcuts) {
+            __classPrivateFieldGet(this, _GxIdeLaunchpad_chShortcutsEl, "f").suspend = true;
+        }
+        else {
+            __classPrivateFieldGet(this, _GxIdeLaunchpad_chShortcutsEl, "f").suspend = false;
+        }
+    }
+    /**
+     * Organizes received data and builds tab model
+     */
+    organizeData() {
+        if (this.data) {
+            try {
+                const parsedData = typeof this.data === "string" ? JSON.parse(this.data) : this.data;
+                this.sections = parsedData.sections || [];
+                this.buildTabModel();
+            }
+            catch (error) {
+                console.error("Error parsing launchpad data:", error);
+                this.sections = [];
+                this.tabModel = [];
+            }
+        }
+    }
+    /**
+     * Builds tab model based on sections
+     */
+    buildTabModel() {
+        if (this.sections && this.sections.length > 0) {
+            this.tabModel = this.sections.map(section => ({
+                id: section.id,
+                name: this.getLocalizedTabName(section.id)
+            }));
+        }
+    }
+    /**
+     * Gets localized tab name based on section ID
+     */
+    getLocalizedTabName(sectionId) {
+        var _a;
+        const tabNames = ((_a = __classPrivateFieldGet(this, _GxIdeLaunchpad_componentLocale, "f")) === null || _a === void 0 ? void 0 : _a.tabs) || {};
+        switch (sectionId) {
+            case "web-apps":
+                return tabNames.webApps || "WEB APPS";
+            case "native-apps":
+                return tabNames.nativeApps || "NATIVE APPS";
+            case "apis":
+                return tabNames.apis || "APIS";
+            default:
+                return sectionId.toUpperCase().replace(/-/g, " ");
+        }
+    }
+    /**
+     * Handles object selection from subcomponents
+     */
+    handleObjectSelection(event) {
+        let key = event.detail.key;
+        // Convert string format "type|id" to object format
+        if (typeof key === "string" && key.includes("|")) {
+            const parts = key.split("|");
+            if (parts.length === 2) {
+                key = {
+                    type: parts[0],
+                    id: parts[1]
+                };
+            }
+        }
+        this.objectSelected.emit({ key });
+    }
+    /**
+     * Handles copy to clipboard from subcomponents
+     */
+    handleCopyToClipboard(event) {
+        this.copyToClipboard.emit({ url: event.detail.url });
+    }
+    /**
+     * Handles open app store from subcomponents
+     */
+    handleOpenAppStore(event) {
+        this.openOnTheAppStore.emit({ url: event.detail.url });
+    }
+    render() {
+        var _a, _b, _c;
+        if (!this.data || !this.sections || this.sections.length === 0) {
+            return null;
+        }
+        return (h(Host, { class: "widget" }, h("ch-theme", { model: CSS_BUNDLES }), h("ch-shortcuts", { src: __classPrivateFieldGet(this, _GxIdeLaunchpad_shortcutsSrc, "f"), ref: (el) => (__classPrivateFieldSet(this, _GxIdeLaunchpad_chShortcutsEl, el, "f")) }), h("section", { class: "section" }, h("ch-tab-render", { class: {
+                scrollable: true,
+                tab: true,
+                [MAIN_SECTION_CLASSES]: true
+            }, tabListPosition: "block-start", model: this.tabModel, selectedId: WEB_APPS_TAB_SELECTOR, overflow: "auto", contain: "size" }, h("div", { slot: WEB_APPS_TAB_SELECTOR, class: "web-apps", part: "tab-button-web-apps" }, h("gx-ide-launchpad-web-apps", Object.assign({ objects: ((_a = this.sections.find(s => s.id === "web-apps")) === null || _a === void 0 ? void 0 : _a.objects) || [] }, {
+            onObjectSelected: (event) => this.handleObjectSelection(event)
+        }, {
+            onCopyToClipboard: (event) => this.handleCopyToClipboard(event)
+        }))), h("div", { slot: NATIVE_APPS_TAB_SELECTOR, class: "native-apps spacing-body", part: "tab-button-native-apps" }, h("gx-ide-launchpad-native-apps", Object.assign({ objects: ((_b = this.sections.find(s => s.id === "native-apps")) === null || _b === void 0 ? void 0 : _b.objects) || [] }, {
+            onObjectSelected: (event) => this.handleObjectSelection(event)
+        }, {
+            onCopyToClipboard: (event) => this.handleCopyToClipboard(event)
+        }, {
+            onOpenOnTheAppStore: (event) => this.handleOpenAppStore(event)
+        }))), h("div", { slot: APIS_TAB_SELECTOR, class: "apis spacing-body-inline-start spacing-body-block", part: "tab-button-apis" }, h("gx-ide-launchpad-apis", Object.assign({ apis: ((_c = this.sections.find(s => s.id === "apis")) === null || _c === void 0 ? void 0 : _c.apis) || [] }, {
+            onObjectSelected: (event) => this.handleObjectSelection(event)
+        }, {
+            onCopyToClipboard: (event) => this.handleCopyToClipboard(event)
+        })))))));
+    }
+    static get is() { return "gx-ide-launchpad"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["launchpad.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["launchpad.css"]
+        };
+    }
+    static get assetsDirs() { return ["gx-ide-assets/launchpad"]; }
+    static get properties() {
+        return {
+            "data": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | undefined",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "JSON data containing section structure"
+                },
+                "attribute": "data",
+                "reflect": false,
+                "defaultValue": "undefined"
+            },
+            "isStandalone": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Determines if the component runs in standalone mode"
+                },
+                "attribute": "is-standalone",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "sections": {},
+            "tabModel": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "objectSelected",
+                "name": "objectSelected",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when an object is selected for execution"
+                },
+                "complexType": {
+                    "original": "{\n    key: { type: string; id: string } | string;\n  }",
+                    "resolved": "{ key: string | { type: string; id: string; }; }",
+                    "references": {}
+                }
+            }, {
+                "method": "copyToClipboard",
+                "name": "copyToClipboard",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when copying to clipboard"
+                },
+                "complexType": {
+                    "original": "{ url: string }",
+                    "resolved": "{ url: string; }",
+                    "references": {}
+                }
+            }, {
+                "method": "openOnTheAppStore",
+                "name": "openOnTheAppStore",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event emitted when opening app store"
+                },
+                "complexType": {
+                    "original": "{ url: string }",
+                    "resolved": "{ url: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "suspendShortcuts": {
+                "complexType": {
+                    "signature": "(suspendShortcuts: boolean) => Promise<void>",
+                    "parameters": [{
+                            "name": "suspendShortcuts",
+                            "type": "boolean",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Suspends or reactivates the shortcuts",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+    static get watchers() {
+        return [{
+                "propName": "data",
+                "methodName": "watchDataHandler"
+            }];
+    }
+}
+_GxIdeLaunchpad_chShortcutsEl = new WeakMap(), _GxIdeLaunchpad_shortcutsSrc = new WeakMap(), _GxIdeLaunchpad_componentLocale = new WeakMap();
+//# sourceMappingURL=launchpad.js.map

package/dist/collection/components/launchpad/root/launchpad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"launchpad.js","sourceRoot":"","sources":["../../../../src/components/launchpad/root/launchpad.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  getAssetPath,\n  Method,\n  h,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\nimport { TabModel } from \"@genexus/chameleon-controls-library\";\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/tab\",\n  \"utils/form--full\",\n  \"utils/layout\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"chameleon/scrollbar\"\n];\n\nconst MAIN_SECTION_CLASSES: string = \"main\";\nconst WEB_APPS_TAB_SELECTOR: string = \"web-apps\";\nconst NATIVE_APPS_TAB_SELECTOR: string = \"native-apps\";\nconst APIS_TAB_SELECTOR: string = \"apis\";\n\n@Component({\n  tag: \"gx-ide-launchpad\",\n  styleUrl: \"launchpad.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/launchpad\"]\n})\nexport class GxIdeLaunchpad {\n  #chShortcutsEl: HTMLChShortcutsElement;\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/launchpad/shortcuts.json`);\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeLaunchpadElement;\n\n  /**\n   * JSON data containing section structure\n   */\n  @Prop() data: string | undefined = undefined;\n\n  /**\n   * Determines if the component runs in standalone mode\n   */\n  @Prop() isStandalone: boolean = true;\n\n  /**\n   * Array of sections for tabs\n   */\n  @State() sections: Array<any> = [];\n\n  /**\n   * Tab model for ch-tab-render\n   */\n  @State() tabModel: TabModel = [];\n\n  /**\n   * Event emitted when an object is selected for execution\n   */\n  @Event() objectSelected: EventEmitter<{\n    key: { type: string; id: string } | string;\n  }>;\n\n  /**\n   * Event emitted when copying to clipboard\n   */\n  @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n  /**\n   * Event emitted when opening app store\n   */\n  @Event() openOnTheAppStore: EventEmitter<{ url: string }>;\n\n  @Watch(\"data\")\n  watchDataHandler(newValue: string | undefined) {\n    if (newValue !== undefined) {\n      this.organizeData();\n    }\n  }\n\n  async componentWillLoad() {\n    try {\n      this.#componentLocale = await Locale.getComponentStrings(this.el);\n    } catch (error) {\n      console.error(\"Error loading locale:\", error);\n      this.#componentLocale = {\n        tabs: {\n          webApps: \"WEB APPS\",\n          nativeApps: \"NATIVE APPS\",\n          apis: \"APIS\"\n        }\n      };\n    }\n\n    if (this.data) {\n      this.organizeData();\n    }\n  }\n\n  componentDidLoad() {}\n\n  /**\n   * 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  /**\n   * Organizes received data and builds tab model\n   */\n  private organizeData(): void {\n    if (this.data) {\n      try {\n        const parsedData =\n          typeof this.data === \"string\" ? JSON.parse(this.data) : this.data;\n        this.sections = parsedData.sections || [];\n        this.buildTabModel();\n      } catch (error) {\n        console.error(\"Error parsing launchpad data:\", error);\n        this.sections = [];\n        this.tabModel = [];\n      }\n    }\n  }\n\n  /**\n   * Builds tab model based on sections\n   */\n  private buildTabModel(): void {\n    if (this.sections && this.sections.length > 0) {\n      this.tabModel = this.sections.map(section => ({\n        id: section.id,\n        name: this.getLocalizedTabName(section.id)\n      }));\n    }\n  }\n\n  /**\n   * Gets localized tab name based on section ID\n   */\n  private getLocalizedTabName(sectionId: string): string {\n    const tabNames = this.#componentLocale?.tabs || {};\n\n    switch (sectionId) {\n      case \"web-apps\":\n        return tabNames.webApps || \"WEB APPS\";\n      case \"native-apps\":\n        return tabNames.nativeApps || \"NATIVE APPS\";\n      case \"apis\":\n        return tabNames.apis || \"APIS\";\n      default:\n        return sectionId.toUpperCase().replace(/-/g, \" \");\n    }\n  }\n\n  /**\n   * Handles object selection from subcomponents\n   */\n  private handleObjectSelection(event: any) {\n    let key = event.detail.key;\n\n    // Convert string format \"type|id\" to object format\n    if (typeof key === \"string\" && key.includes(\"|\")) {\n      const parts = key.split(\"|\");\n      if (parts.length === 2) {\n        key = {\n          type: parts[0],\n          id: parts[1]\n        };\n      }\n    }\n\n    this.objectSelected.emit({ key });\n  }\n\n  /**\n   * Handles copy to clipboard from subcomponents\n   */\n  private handleCopyToClipboard(event: any) {\n    this.copyToClipboard.emit({ url: event.detail.url });\n  }\n\n  /**\n   * Handles open app store from subcomponents\n   */\n  private handleOpenAppStore(event: any) {\n    this.openOnTheAppStore.emit({ url: event.detail.url });\n  }\n\n  render() {\n    if (!this.data || !this.sections || this.sections.length === 0) {\n      return null;\n    }\n\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <ch-shortcuts\n          src={this.#shortcutsSrc}\n          ref={(el: HTMLChShortcutsElement) =>\n            (this.#chShortcutsEl = el as HTMLChShortcutsElement)\n          }\n        ></ch-shortcuts>\n\n        <section class=\"section\">\n          <ch-tab-render\n            class={{\n              scrollable: true,\n              tab: true,\n              [MAIN_SECTION_CLASSES]: true\n            }}\n            tabListPosition=\"block-start\"\n            model={this.tabModel}\n            selectedId={WEB_APPS_TAB_SELECTOR}\n            overflow=\"auto\"\n            contain=\"size\"\n          >\n            <div\n              slot={WEB_APPS_TAB_SELECTOR}\n              class=\"web-apps\"\n              part=\"tab-button-web-apps\"\n            >\n              <gx-ide-launchpad-web-apps\n                objects={\n                  this.sections.find(s => s.id === \"web-apps\")?.objects || []\n                }\n                {...({\n                  onObjectSelected: (event: any) =>\n                    this.handleObjectSelection(event)\n                } as any)}\n                {...({\n                  onCopyToClipboard: (event: any) =>\n                    this.handleCopyToClipboard(event)\n                } as any)}\n              />\n            </div>\n\n            <div\n              slot={NATIVE_APPS_TAB_SELECTOR}\n              class=\"native-apps spacing-body\"\n              part=\"tab-button-native-apps\"\n            >\n              <gx-ide-launchpad-native-apps\n                objects={\n                  this.sections.find(s => s.id === \"native-apps\")?.objects || []\n                }\n                {...({\n                  onObjectSelected: (event: any) =>\n                    this.handleObjectSelection(event)\n                } as any)}\n                {...({\n                  onCopyToClipboard: (event: any) =>\n                    this.handleCopyToClipboard(event)\n                } as any)}\n                {...({\n                  onOpenOnTheAppStore: (event: any) =>\n                    this.handleOpenAppStore(event)\n                } as any)}\n              />\n            </div>\n\n            <div\n              slot={APIS_TAB_SELECTOR}\n              class=\"apis spacing-body-inline-start spacing-body-block\"\n              part=\"tab-button-apis\"\n            >\n              <gx-ide-launchpad-apis\n                apis={this.sections.find(s => s.id === \"apis\")?.apis || []}\n                {...({\n                  onObjectSelected: (event: any) =>\n                    this.handleObjectSelection(event)\n                } as any)}\n                {...({\n                  onCopyToClipboard: (event: any) =>\n                    this.handleCopyToClipboard(event)\n                } as any)}\n              />\n            </div>\n          </ch-tab-render>\n        </section>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/launchpad/web-apps/gx-ide-assets/launchpad-web-apps/images/angular-logo.svg

@@ -0,0 +1,10 @@
+<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_776_4188)">
+<path d="M10.2949 0L15.5162 11.2375L16.0587 2.66625L10.2949 0ZM5.35866 11.8088L4.55616 13.7513L8.49991 16L12.4437 13.7513L11.6412 11.8088H5.35866ZM10.5662 9.2875L8.49991 4.26375L6.43366 9.2875H10.5662ZM0.941162 2.66625L1.48366 11.2375L6.70491 0L0.941162 2.66625Z" fill="#828B96"/>
+</g>
+<defs>
+<clipPath id="clip0_776_4188">
+<rect width="16" height="16" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/launchpad/web-apps/gx-ide-assets/launchpad-web-apps/langs/launchpad-web-apps.lang.en.json

@@ -0,0 +1,13 @@
+{
+  "search": "Search",
+  "noData": "No web applications data available",
+  "noMainObjects": "There are no main objects to display",
+  "noRecentObjects": "There are no recent objects to display",
+  "noObjectsMatchSearch": "No objects match your search",
+  "columns": {
+    "name": "Name",
+    "module": "Module",
+    "type": "Type",
+    "description": "Description"
+  }
+}

package/dist/collection/components/launchpad/web-apps/gx-ide-assets/launchpad-web-apps/langs/launchpad-web-apps.lang.ja.json

@@ -0,0 +1,13 @@
+{
+  "search": "Search",
+  "noData": "No web applications data available",
+  "noMainObjects": "There are no main objects to display",
+  "noRecentObjects": "There are no recent objects to display",
+  "noObjectsMatchSearch": "No objects match your search",
+  "columns": {
+    "name": "Name",
+    "module": "Module",
+    "type": "Type",
+    "description": "Description"
+  }
+}

package/dist/collection/components/launchpad/web-apps/gx-ide-assets/launchpad-web-apps/langs/launchpad-web-apps.lang.zh.json

@@ -0,0 +1,13 @@
+{
+  "search": "Search",
+  "noData": "No web applications data available",
+  "noMainObjects": "There are no main objects to display",
+  "noRecentObjects": "There are no recent objects to display",
+  "noObjectsMatchSearch": "No objects match your search",
+  "columns": {
+    "name": "Name",
+    "module": "Module",
+    "type": "Type",
+    "description": "Description"
+  }
+}

package/dist/collection/components/launchpad/web-apps/gx-ide-assets/launchpad-web-apps/shortcuts.json

@@ -0,0 +1,15 @@
+[
+  {
+    "selector": "[part~='button-save']",
+    "keyShortcuts": "Enter",
+    "action": "click",
+    "conditions": {
+      "focusExclude": " [part~='button-cancel'], [part~='first-name']"
+    }
+  },
+  {
+    "selector": "[part~='button-cancel']",
+    "keyShortcuts": "Escape",
+    "action": "click"
+  }
+]

package/dist/collection/components/launchpad/web-apps/launchpad-web-apps.css

@@ -0,0 +1,190 @@
+/*common card styles applied on "web apps" and "native apps" */
+.object-card {
+  background: var(--mer-surface__elevation--02);
+  border: var(--mer-border__width--sm) solid transparent;
+  border-radius: var(--mer-border__radius--sm);
+  padding: var(--mer-spacing--sm);
+  display: flex;
+  gap: var(--mer-spacing--sm);
+  flex-direction: column;
+  flex-shrink: 0;
+  text-align: left;
+}
+.object-card:focus-visible {
+  outline: none;
+  border-color: var(--focus__outline-color);
+}
+.object-card:hover {
+  cursor: pointer;
+  border-color: var(--mer-border-color__primary--hover);
+}
+.object-card:active {
+  border-color: var(--mer-border-color__primary--active);
+}
+
+.tabular-grid {
+  border-radius: var(--mer-border__radius--sm);
+  overflow: auto;
+  --grid-cell__box-shadow-inline-block: var();
+}
+.tabular-grid.elevation-1 .tabular-grid-cell {
+  --grid-cell__box-shadow-inline-block: 0 0 0 1px
+    var(--mer-border-color__on-elevation--01);
+}
+.tabular-grid.elevation-2 .tabular-grid-cell {
+  --grid-cell__box-shadow-inline-block: 0 0 0 1px
+    var(--mer-border-color__on-elevation--02);
+}
+
+ch-tabular-grid-cell.tabular-grid-cell {
+  --grid-row__bg-color: var(--elevation-background-color);
+}
+
+ch-tabular-grid-column.tabular-grid-column::part(bar) {
+  background-color: var(--elevation-background-color);
+}
+
+:host {
+  display: block;
+  block-size: 100%;
+  overflow: auto;
+}
+
+.main {
+  overflow: auto;
+  display: block;
+}
+
+.input-filter {
+  inline-size: 33%;
+  min-inline-size: 300px;
+}
+
+ch-accordion-render {
+  inline-size: 100%;
+  block-size: 100%;
+}
+
+.accordion-content {
+  inline-size: 100%;
+  overflow-x: auto;
+  min-width: 0;
+}
+
+.web-apps-accordion {
+  inline-size: 100%;
+  block-size: 100%;
+}
+
+/* WA: Responsive cards with CSS Grid - cards stretch to fill available width */
+.main-objects-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(267px, 1fr));
+  gap: var(--mer-spacing--sm);
+  align-items: stretch;
+}
+
+.object-card {
+  inline-size: 100%;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  flex-shrink: 0;
+}
+.card-header .left {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  gap: var(--mer-spacing--xs);
+}
+.card-header .left .name {
+  color: var(--mer-text__bright);
+  font-weight: var(--font-weight-regular);
+}
+.card-header .left .module {
+  color: var(--ch-color-text-secondary);
+  margin: 0;
+}
+.card-header .right .type-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--mer-spacing--xs);
+}
+.card-header .right .type-container .type-icon {
+  inline-size: 16px;
+  block-size: 16px;
+}
+.card-header .type {
+  margin: 0;
+  color: var(--mer-color__neutral-gray--400);
+}
+
+.card-footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: auto;
+  padding-top: var(--mer-spacing--sm);
+  border-top: var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--02);
+  flex-shrink: 0;
+}
+.card-footer .description {
+  margin: 0;
+  line-height: var(--mer-line-height--regular);
+  color: var(--mer-text__neutral);
+}
+.card-footer .angular-icon {
+  inline-size: 14px;
+  block-size: 14px;
+  opacity: 0.8;
+}
+
+.no-results,
+.no-objects {
+  color: var(--mer-color__neutral-gray--400);
+  text-align: center;
+  padding: var(--mer-spacing--md);
+}
+
+.recent-objects-grid-container .cell-content {
+  display: flex;
+  align-items: center;
+  gap: var(--mer-spacing--xs);
+}
+
+.tabular-grid-scroll-container {
+  max-block-size: 400px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: thin;
+}
+
+/* Override global CSS for vertical layout */
+:host {
+  display: block !important;
+}
+
+.header {
+  display: block !important;
+  inline-size: 100% !important;
+  float: none !important;
+  clear: both !important;
+}
+
+.field {
+  display: block !important;
+  inline-size: 100% !important;
+  float: none !important;
+  clear: both !important;
+}
+
+.main {
+  display: block !important;
+  inline-size: 100% !important;
+  float: none !important;
+  clear: both !important;
+}