@genexus/genexus-ide-ui 1.1.57 → 1.1.58

package/dist/components/launchpad-web-apps.js

@@ -0,0 +1,313 @@
+import { getAssetPath, proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { g as getIconPath } from './mer-animated-dots.js';
+import 'lit';
+import 'lit/directives/when.js';
+import 'lit/directives/if-defined.js';
+import { L as Locale } from './locale.js';
+
+const launchpadWebAppsCss = ".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\n    var(--mer-border-color__on-elevation--01)}.tabular-grid.elevation-2 .tabular-grid-cell{--grid-cell__box-shadow-inline-block:0 0 0 1px\n    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%}.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}: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}";
+
+var __classPrivateFieldGet = (undefined && undefined.__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 __classPrivateFieldSet = (undefined && undefined.__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 _GxIdeLaunchpadWebApps_instances, _GxIdeLaunchpadWebApps_componentLocale, _GxIdeLaunchpadWebApps_filterObjects, _GxIdeLaunchpadWebApps_sortRecentObjects, _GxIdeLaunchpadWebApps_getObjectValue, _GxIdeLaunchpadWebApps_handleColumnSortChanged, _GxIdeLaunchpadWebApps_getObjectTypeIcon, _GxIdeLaunchpadWebApps_handleObjectClick, _GxIdeLaunchpadWebApps_renderMainObjects, _GxIdeLaunchpadWebApps_renderRecentObjects;
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "components/edit",
+    "components/accordion",
+    "components/tabular-grid",
+    "components/icon",
+    "chameleon/scrollbar",
+    "utils/layout",
+    "utils/form",
+    "utils/typography",
+    "utils/spacing",
+    "utils/elevation"
+];
+const ANGULAR_LOGO = getAssetPath("./gx-ide-assets/launchpad-web-apps/images/angular-logo.svg");
+const ACCORDION_RECENT_OBJECTS_ID = "recent-objects";
+const COLUMN_NAME = "name";
+const COLUMN_MODULE = "module";
+const COLUMN_TYPE = "type";
+const COLUMN_DESCRIPTION = "description";
+const GxIdeLaunchpadWebApps = /*@__PURE__*/ proxyCustomElement(class GxIdeLaunchpadWebApps extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.copyToClipboard = createEvent(this, "copyToClipboard", 7);
+        _GxIdeLaunchpadWebApps_instances.add(this);
+        _GxIdeLaunchpadWebApps_componentLocale.set(this, void 0);
+        /**
+         * Sorts recent objects
+         */
+        _GxIdeLaunchpadWebApps_sortRecentObjects.set(this, (a, b) => {
+            var _a, _b;
+            if (this.order.orderCriteria) {
+                const orderCriteriaA = ((_a = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_getObjectValue).call(this, a, this.order.orderCriteria)) === null || _a === void 0 ? void 0 : _a.toUpperCase()) || "";
+                const orderCriteriaB = ((_b = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_getObjectValue).call(this, b, this.order.orderCriteria)) === null || _b === void 0 ? void 0 : _b.toUpperCase()) || "";
+                if (orderCriteriaA < orderCriteriaB) {
+                    return this.order.ascending ? -1 : 1;
+                }
+                if (orderCriteriaA > orderCriteriaB) {
+                    return this.order.ascending ? 1 : -1;
+                }
+            }
+            return 0;
+        });
+        /**
+         * Handles column sort changes
+         */
+        _GxIdeLaunchpadWebApps_handleColumnSortChanged.set(this, (e) => {
+            const { columnId, sortDirection } = e.detail;
+            this.order = {
+                orderCriteria: columnId,
+                ascending: sortDirection === "asc"
+            };
+        });
+        this.objects = [];
+        this.onObjectSelected = undefined;
+        this.filterValue = "";
+        this.recentObjectsExpanded = true;
+        this.order = {
+            orderCriteria: null,
+            ascending: null
+        };
+    }
+    async componentWillLoad() {
+        try {
+            __classPrivateFieldSet(this, _GxIdeLaunchpadWebApps_componentLocale, await Locale.getComponentStrings(this.el), "f");
+        }
+        catch (error) {
+            console.error("Error loading locale:", error);
+            __classPrivateFieldSet(this, _GxIdeLaunchpadWebApps_componentLocale, {}, "f");
+        }
+    }
+    handleAccordionExpandedChange(e) {
+        if (e.detail.id === ACCORDION_RECENT_OBJECTS_ID) {
+            this.recentObjectsExpanded = e.detail.expanded;
+        }
+    }
+    render() {
+        var _a, _b, _c;
+        if (!this.objects || this.objects.length === 0) {
+            return (h(Host, { class: "widget spacing-body" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "no-data" }, h("p", { class: "body-regular-s" }, ((_a = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _a === void 0 ? void 0 : _a.noData) ||
+                "No web applications data available"))));
+        }
+        return (h(Host, { class: "widget spacing-body" }, h("ch-theme", { model: CSS_BUNDLES }), h("header", { class: "header control-header" }, h("div", { class: "field field-block" }, h("ch-edit", { class: "input input-filter", id: "filter", placeholder: ((_b = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _b === void 0 ? void 0 : _b.search) || "Search", value: this.filterValue, accessibleName: ((_c = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _c === void 0 ? void 0 : _c.search) || "Search", onInput: e => (this.filterValue = String(e.detail)) }))), h("div", { class: "main" }, h("ch-accordion-render", { class: "accordion-filled-header elevation-2 web-apps-accordion", model: [
+                {
+                    id: "main-objects",
+                    caption: "Main Objects",
+                    expanded: true
+                },
+                {
+                    id: ACCORDION_RECENT_OBJECTS_ID,
+                    caption: "Recent Objects",
+                    expanded: this.recentObjectsExpanded
+                }
+            ] }, h("div", { slot: "main-objects", class: "accordion-content spacing-body" }, __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_renderMainObjects).call(this)), h("div", { slot: ACCORDION_RECENT_OBJECTS_ID, class: "accordion-content spacing-body-inline spacing-body-block-start" }, __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_renderRecentObjects).call(this))))));
+    }
+    static get assetsDirs() { return ["gx-ide-assets/launchpad-web-apps"]; }
+    get el() { return this; }
+    static get style() { return launchpadWebAppsCss; }
+}, [1, "gx-ide-launchpad-web-apps", {
+        "objects": [16],
+        "onObjectSelected": [16],
+        "filterValue": [32],
+        "recentObjectsExpanded": [32],
+        "order": [32]
+    }, [[0, "expandedChange", "handleAccordionExpandedChange"]]]);
+_GxIdeLaunchpadWebApps_componentLocale = new WeakMap(), _GxIdeLaunchpadWebApps_sortRecentObjects = new WeakMap(), _GxIdeLaunchpadWebApps_handleColumnSortChanged = new WeakMap(), _GxIdeLaunchpadWebApps_instances = new WeakSet(), _GxIdeLaunchpadWebApps_filterObjects = function _GxIdeLaunchpadWebApps_filterObjects(object) {
+    if (!this.filterValue)
+        return true;
+    const filterV = this.filterValue.toLowerCase();
+    return ((object.module && object.module.toLowerCase().includes(filterV)) ||
+        (object.name && object.name.toLowerCase().includes(filterV)) ||
+        (object.type && object.type.toLowerCase().includes(filterV)) ||
+        (object.description && object.description.toLowerCase().includes(filterV)));
+}, _GxIdeLaunchpadWebApps_getObjectValue = function _GxIdeLaunchpadWebApps_getObjectValue(obj, key) {
+    switch (key) {
+        case "name":
+            return obj.name || "";
+        case "module":
+            return obj.module || "";
+        case "type":
+            return obj.type || "";
+        case "description":
+            return obj.description || "";
+        default:
+            return "";
+    }
+}, _GxIdeLaunchpadWebApps_getObjectTypeIcon = function _GxIdeLaunchpadWebApps_getObjectTypeIcon(object) {
+    var _a;
+    const iconMap = {
+        "36e32e2d-023e-4188-95df-d13573bac2e0:API": getIconPath({
+            category: "objects",
+            name: "api"
+        }),
+        "2a9e9aba-d2de-4801-ae7f-5e3819222daf:Data Provider": getIconPath({
+            category: "objects",
+            name: "data-provider"
+        }),
+        "9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Menu": getIconPath({
+            category: "objects",
+            name: "dashboard"
+        }),
+        "9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Dashboard": getIconPath({
+            category: "objects",
+            name: "dashboard"
+        }),
+        "0eee17f4-cef9-4988-aed4-c2da632be85b:Mini App": getIconPath({
+            category: "objects",
+            name: "mini-app"
+        }),
+        "d82625fd-5892-40b0-99c9-5c8559c197fc:Panel": getIconPath({
+            category: "objects",
+            name: "panel-for-sd"
+        }),
+        "d82625fd-5892-40b0-99c9-5c8559c197fc:SDPanel": getIconPath({
+            category: "objects",
+            name: "panel-for-sd"
+        }),
+        "84a12160-f59b-4ad7-a683-ea4481ac23e9:Procedure": getIconPath({
+            category: "objects",
+            name: "procedure"
+        }),
+        "a7e6cce5-1171-49e9-a6a0-07f137eedc07:Super App": getIconPath({
+            category: "objects",
+            name: "super-app"
+        }),
+        "1db606f2-af09-4cf9-a3b5-b481519d28f6:Transaction": getIconPath({
+            category: "objects",
+            name: "transaction"
+        }),
+        "c9584656-94b6-4ccd-890f-332d11fc2c25:Web Panel": getIconPath({
+            category: "objects",
+            name: "webpanel"
+        }),
+        "c9584656-94b6-4ccd-890f-332d11fc2c25:WebPanel": getIconPath({
+            category: "objects",
+            name: "webpanel"
+        }),
+        "c9584656-94b6-4ccd-890f-332d11fc2c25:Web Component": getIconPath({
+            category: "objects",
+            name: "web-component"
+        }),
+        "c9584656-94b6-4ccd-890f-332d11fc2c25:WebComponent": getIconPath({
+            category: "objects",
+            name: "web-component"
+        }),
+        "15cf49b5-fc38-4899-91b5-395d02d79889:Work With": getIconPath({
+            category: "patterns",
+            name: "workwith-for-sd"
+        }),
+        "15cf49b5-fc38-4899-91b5-395d02d79889:WorkWith": getIconPath({
+            category: "patterns",
+            name: "workwith-for-sd"
+        }),
+        "API": getIconPath({ category: "objects", name: "api" }),
+        "Data Provider": getIconPath({
+            category: "objects",
+            name: "data-provider"
+        }),
+        "Menu": getIconPath({ category: "objects", name: "dashboard" }),
+        "Dashboard": getIconPath({ category: "objects", name: "dashboard" }),
+        "Mini App": getIconPath({ category: "objects", name: "mini-app" }),
+        "Panel": getIconPath({ category: "objects", name: "panel-for-sd" }),
+        "SDPanel": getIconPath({ category: "objects", name: "panel-for-sd" }),
+        "Procedure": getIconPath({ category: "objects", name: "procedure" }),
+        "Super App": getIconPath({ category: "objects", name: "super-app" }),
+        "Transaction": getIconPath({ category: "objects", name: "transaction" }),
+        "Web Panel": getIconPath({ category: "objects", name: "webpanel" }),
+        "WebPanel": getIconPath({ category: "objects", name: "webpanel" }),
+        "Web Component": getIconPath({
+            category: "objects",
+            name: "web-component"
+        }),
+        "WebComponent": getIconPath({
+            category: "objects",
+            name: "web-component"
+        }),
+        "Work With": getIconPath({
+            category: "patterns",
+            name: "workwith-for-sd"
+        }),
+        "WorkWith": getIconPath({ category: "patterns", name: "workwith-for-sd" })
+    };
+    if ((_a = object.key) === null || _a === void 0 ? void 0 : _a.type) {
+        const fullKey = `${object.key.type}:${object.type}`;
+        if (iconMap[fullKey]) {
+            return iconMap[fullKey];
+        }
+    }
+    if (iconMap[object.type]) {
+        return iconMap[object.type];
+    }
+    return getIconPath({ category: "objects", name: "object" });
+}, _GxIdeLaunchpadWebApps_handleObjectClick = function _GxIdeLaunchpadWebApps_handleObjectClick(object) {
+    if (object.key && this.onObjectSelected) {
+        // Send the full key object as string in format "type|id"
+        const keyString = `${object.key.type}|${object.key.id}`;
+        this.onObjectSelected({ detail: { key: keyString } });
+    }
+}, _GxIdeLaunchpadWebApps_renderMainObjects = function _GxIdeLaunchpadWebApps_renderMainObjects() {
+    var _a, _b, _c;
+    const mainObjects = ((_a = this.objects.find(obj => obj.type === "main")) === null || _a === void 0 ? void 0 : _a.objects) || [];
+    const filteredObjects = mainObjects.filter(obj => __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_filterObjects).call(this, obj));
+    if (mainObjects.length === 0) {
+        return (h("div", { class: "no-results" }, h("p", { class: "body-regular-s" }, ((_b = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _b === void 0 ? void 0 : _b.noMainObjects) ||
+            "There are no main objects to display")));
+    }
+    if (filteredObjects.length === 0) {
+        return (h("div", { class: "no-results" }, h("p", { class: "body-regular-s" }, (_c = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _c === void 0 ? void 0 : _c.noObjectsMatchSearch)));
+    }
+    return (h("div", { class: "main-objects-grid" }, filteredObjects.map((object, index) => (h("button", { key: index, class: "object-card elevation-2", onClick: () => __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_handleObjectClick).call(this, object) }, h("div", { class: "card-header" }, h("div", { class: "left" }, h("h1", { class: "name body-semi-bold-s" }, object.name), h("h3", { class: "module body-regular-xs" }, object.module), h("p", { class: "type body-italic-xs" }, object.type)), h("div", { class: "right" }, h("div", { class: "type-container" }, h("ch-image", { class: "type-icon icon-md", src: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_getObjectTypeIcon).call(this, object) })))), (object.description || object.angular) && (h("footer", { class: "card-footer" }, h("div", { class: "left" }, object.description && (h("p", { class: "description body-regular-xs" }, object.description))), h("div", { class: "right" }, object.angular && (h("img", { src: ANGULAR_LOGO, alt: "Angular Logotype" })))))))), 
+    // WA: Add empty divs to ensure a minimum of 4 grid items for proper layout
+    filteredObjects.length < 4 &&
+        Array.from({ length: 4 - filteredObjects.length }).map((_, index) => h("div", { key: `empty-${index}` }))));
+}, _GxIdeLaunchpadWebApps_renderRecentObjects = function _GxIdeLaunchpadWebApps_renderRecentObjects() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const recentObjects = ((_a = this.objects.find(obj => obj.type === "recent")) === null || _a === void 0 ? void 0 : _a.objects) || [];
+    const filteredObjects = recentObjects.filter(obj => __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_filterObjects).call(this, obj));
+    if (recentObjects.length === 0) {
+        return (h("div", { class: "no-objects" }, h("p", { class: "body-regular-s" }, (_b = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _b === void 0 ? void 0 : _b.noRecentObjects)));
+    }
+    if (filteredObjects.length === 0) {
+        return (h("div", { class: "no-objects" }, h("p", { class: "body-regular-s" }, (_c = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _c === void 0 ? void 0 : _c.noObjectsMatchSearch)));
+    }
+    const sortedObjects = [...filteredObjects].sort(__classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_sortRecentObjects, "f"));
+    return (h("div", { class: "recent-objects-grid-container" }, h("div", { class: "tabular-grid-scroll-container" }, h("ch-tabular-grid", { class: "tabular-grid elevation-2" }, h("ch-tabular-grid-columnset", { class: "tabular-grid-column-set" }, h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMN_NAME, columnName: ((_e = (_d = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _d === void 0 ? void 0 : _d.columns) === null || _e === void 0 ? void 0 : _e.name) || "Name", columnNameHidden: false, settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_handleColumnSortChanged, "f"), size: "25%", resizable: false }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMN_MODULE, columnName: ((_g = (_f = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _f === void 0 ? void 0 : _f.columns) === null || _g === void 0 ? void 0 : _g.module) || "Module", columnNameHidden: false, settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_handleColumnSortChanged, "f"), size: "20%", resizable: false }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMN_TYPE, columnName: ((_j = (_h = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _h === void 0 ? void 0 : _h.columns) === null || _j === void 0 ? void 0 : _j.type) || "Type", columnNameHidden: false, settingable: false, sortable: true, onColumnSortChanged: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_handleColumnSortChanged, "f"), size: "20%", resizable: false }), h("ch-tabular-grid-column", { class: "tabular-grid-column", columnId: COLUMN_DESCRIPTION, columnName: ((_l = (_k = __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_componentLocale, "f")) === null || _k === void 0 ? void 0 : _k.columns) === null || _l === void 0 ? void 0 : _l.description) || "Description", columnNameHidden: false, settingable: false, sortable: false, size: "35%", resizable: false })), h("ch-tabular-grid-rowset", { class: "tabular-grid-rowset" }, sortedObjects.map((obj, index) => {
+        var _a;
+        return (h("ch-tabular-grid-row", { rowid: ((_a = obj.key) === null || _a === void 0 ? void 0 : _a.id) || index.toString(), class: "tabular-grid-row", onClick: () => __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_handleObjectClick).call(this, obj) }, h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, h("div", { class: "cell-content" }, h("ch-image", { class: "object-icon icon-md", src: __classPrivateFieldGet(this, _GxIdeLaunchpadWebApps_instances, "m", _GxIdeLaunchpadWebApps_getObjectTypeIcon).call(this, obj) }), h("span", { class: "object-name" }, obj.name || "Unnamed"))), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.module || ""), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.type), h("ch-tabular-grid-cell", { class: "tabular-grid-cell" }, obj.description || "")));
+    }))))));
+};
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-launchpad-web-apps"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-launchpad-web-apps":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeLaunchpadWebApps);
+            }
+            break;
+    } });
+}
+
+export { GxIdeLaunchpadWebApps as G, defineCustomElement as d };
+
+//# sourceMappingURL=launchpad-web-apps.js.map

package/dist/components/launchpad-web-apps.js.map

@@ -0,0 +1 @@
+{"file":"launchpad-web-apps.js","mappings":"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","names":[],"sources":["src/components/launchpad/web-apps/launchpad-web-apps.scss?tag=gx-ide-launchpad-web-apps&encapsulation=shadow","src/components/launchpad/web-apps/launchpad-web-apps.tsx"],"sourcesContent":["@use \"../common.scss\" as *;\n@use \"../../../global/temporary-mercury-overrides.scss\" as *;\n\n:host {\n  display: block;\n  block-size: 100%;\n  overflow: auto;\n}\n\n.main {\n  overflow: auto;\n  display: block;\n}\n\n.input-filter {\n  inline-size: 33%;\n  min-inline-size: 300px;\n}\n\nch-accordion-render {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.accordion-content {\n  inline-size: 100%;\n  overflow-x: auto;\n  min-width: 0;\n}\n\n.web-apps-accordion {\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n/* WA: Responsive cards with CSS Grid - cards stretch to fill available width */\n.main-objects-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(267px, 1fr));\n  gap: var(--mer-spacing--sm);\n  align-items: stretch;\n}\n\n.object-card {\n  inline-size: 100%; // Adapt to grid column width\n  @extend %appCard;\n}\n\n.card-header {\n  $commonGap: var(--mer-spacing--xs);\n\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  flex-shrink: 0;\n\n  .left {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    gap: $commonGap;\n\n    .name {\n      color: var(--mer-text__bright);\n      font-weight: var(--font-weight-regular); //WA\n    }\n\n    .module {\n      color: var(--ch-color-text-secondary);\n      margin: 0;\n    }\n  }\n\n  .right {\n    .type-container {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n      gap: $commonGap;\n\n      .type-icon {\n        inline-size: 16px;\n        block-size: 16px;\n      }\n    }\n  }\n\n  .type {\n    margin: 0;\n    color: var(--mer-color__neutral-gray--400);\n  }\n}\n\n.card-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: auto;\n  padding-top: var(--mer-spacing--sm);\n  border-top: var(--mer-border__width--sm) solid\n    var(--mer-border-color__on-elevation--02);\n  flex-shrink: 0;\n\n  .description {\n    margin: 0;\n    line-height: var(--mer-line-height--regular);\n    color: var(--mer-text__neutral);\n  }\n\n  .angular-icon {\n    inline-size: 14px;\n    block-size: 14px;\n    opacity: 0.8;\n  }\n}\n\n.no-results,\n.no-objects {\n  color: var(--mer-color__neutral-gray--400);\n  text-align: center;\n  padding: var(--mer-spacing--md);\n}\n\n.recent-objects-grid-container {\n  .cell-content {\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xs);\n  }\n}\n\n.tabular-grid-scroll-container {\n  max-block-size: 400px;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  // WA: Use thin scrollbar\n  scrollbar-width: thin;\n}\n\n/* Override global CSS for vertical layout */\n:host {\n  display: block !important;\n}\n\n.header {\n  display: block !important;\n  inline-size: 100% !important;\n  float: none !important;\n  clear: both !important;\n}\n\n.field {\n  display: block !important;\n  inline-size: 100% !important;\n  float: none !important;\n  clear: both !important;\n}\n\n.main {\n  display: block !important;\n  inline-size: 100% !important;\n  float: none !important;\n  clear: both !important;\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  Element,\n  State,\n  h,\n  Event,\n  EventEmitter,\n  Listen,\n  getAssetPath\n} from \"@stencil/core\";\n\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\n\nimport { Locale } from \"../../../common/locale\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/edit\",\n  \"components/accordion\",\n  \"components/tabular-grid\",\n  \"components/icon\",\n  \"chameleon/scrollbar\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\",\n  \"utils/spacing\",\n  \"utils/elevation\"\n];\nconst ANGULAR_LOGO = getAssetPath(\n  \"./gx-ide-assets/launchpad-web-apps/images/angular-logo.svg\"\n);\nconst ACCORDION_RECENT_OBJECTS_ID = \"recent-objects\";\n\nconst COLUMN_NAME = \"name\";\nconst COLUMN_MODULE = \"module\";\nconst COLUMN_TYPE = \"type\";\nconst COLUMN_DESCRIPTION = \"description\";\n\n@Component({\n  tag: \"gx-ide-launchpad-web-apps\",\n  styleUrl: \"launchpad-web-apps.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/launchpad-web-apps\"]\n})\nexport class GxIdeLaunchpadWebApps {\n  #componentLocale: any;\n\n  @Element() el: HTMLGxIdeLaunchpadWebAppsElement;\n\n  /**\n   * Array of types of web objects organized by category\n   */\n  @Prop() readonly objects: ObjectType[] = [];\n\n  /**\n   * Callback function for object selection (passed from parent)\n   */\n  @Prop() onObjectSelected?: (event: any) => void;\n\n  /**\n   * Event emitted when copying to clipboard\n   */\n  @Event() copyToClipboard: EventEmitter<{ url: string }>;\n\n  /**\n   * Filter value for searching objects\n   */\n  @State() filterValue: string = \"\";\n\n  /**\n   * State to control if recent objects accordion is expanded\n   */\n  @State() recentObjectsExpanded: boolean = true;\n\n  /**\n   * Sorting order for recent objects table\n   */\n  @State() order: { orderCriteria: string | null; ascending: boolean | null } =\n    {\n      orderCriteria: null,\n      ascending: null\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    }\n  }\n\n  @Listen(\"expandedChange\")\n  handleAccordionExpandedChange(e: CustomEvent) {\n    if (e.detail.id === ACCORDION_RECENT_OBJECTS_ID) {\n      this.recentObjectsExpanded = e.detail.expanded;\n    }\n  }\n\n  /**\n   * Filters objects based on search criteria\n   */\n  #filterObjects(object: WebAppObject): boolean {\n    if (!this.filterValue) return true;\n\n    const filterV = this.filterValue.toLowerCase();\n    return (\n      (object.module && object.module.toLowerCase().includes(filterV)) ||\n      (object.name && object.name.toLowerCase().includes(filterV)) ||\n      (object.type && object.type.toLowerCase().includes(filterV)) ||\n      (object.description && object.description.toLowerCase().includes(filterV))\n    );\n  }\n\n  /**\n   * Sorts recent objects\n   */\n  #sortRecentObjects = (a: WebAppObject, b: WebAppObject): number => {\n    if (this.order.orderCriteria) {\n      const orderCriteriaA =\n        this.#getObjectValue(a, this.order.orderCriteria)?.toUpperCase() || \"\";\n      const orderCriteriaB =\n        this.#getObjectValue(b, this.order.orderCriteria)?.toUpperCase() || \"\";\n      if (orderCriteriaA < orderCriteriaB) {\n        return this.order.ascending ? -1 : 1;\n      }\n      if (orderCriteriaA > orderCriteriaB) {\n        return this.order.ascending ? 1 : -1;\n      }\n    }\n    return 0;\n  };\n\n  /**\n   * Helper function to safely get object values\n   */\n  #getObjectValue(obj: WebAppObject, key: string): string {\n    switch (key) {\n      case \"name\":\n        return obj.name || \"\";\n      case \"module\":\n        return obj.module || \"\";\n      case \"type\":\n        return obj.type || \"\";\n      case \"description\":\n        return obj.description || \"\";\n      default:\n        return \"\";\n    }\n  }\n\n  /**\n   * Handles column sort changes\n   */\n  #handleColumnSortChanged = (e: CustomEvent) => {\n    const { columnId, sortDirection } = e.detail;\n    this.order = {\n      orderCriteria: columnId,\n      ascending: sortDirection === \"asc\"\n    };\n  };\n\n  #getObjectTypeIcon(object: WebAppObject): string {\n    const iconMap: Record<string, string> = {\n      \"36e32e2d-023e-4188-95df-d13573bac2e0:API\": getIconPath({\n        category: \"objects\",\n        name: \"api\"\n      }),\n      \"2a9e9aba-d2de-4801-ae7f-5e3819222daf:Data Provider\": getIconPath({\n        category: \"objects\",\n        name: \"data-provider\"\n      }),\n      \"9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Menu\": getIconPath({\n        category: \"objects\",\n        name: \"dashboard\"\n      }),\n      \"9bdcc055-174e-4af6-96cb-a2ceef6c5f09:Dashboard\": getIconPath({\n        category: \"objects\",\n        name: \"dashboard\"\n      }),\n      \"0eee17f4-cef9-4988-aed4-c2da632be85b:Mini App\": getIconPath({\n        category: \"objects\",\n        name: \"mini-app\"\n      }),\n      \"d82625fd-5892-40b0-99c9-5c8559c197fc:Panel\": getIconPath({\n        category: \"objects\",\n        name: \"panel-for-sd\"\n      }),\n      \"d82625fd-5892-40b0-99c9-5c8559c197fc:SDPanel\": getIconPath({\n        category: \"objects\",\n        name: \"panel-for-sd\"\n      }),\n      \"84a12160-f59b-4ad7-a683-ea4481ac23e9:Procedure\": getIconPath({\n        category: \"objects\",\n        name: \"procedure\"\n      }),\n      \"a7e6cce5-1171-49e9-a6a0-07f137eedc07:Super App\": getIconPath({\n        category: \"objects\",\n        name: \"super-app\"\n      }),\n      \"1db606f2-af09-4cf9-a3b5-b481519d28f6:Transaction\": getIconPath({\n        category: \"objects\",\n        name: \"transaction\"\n      }),\n      \"c9584656-94b6-4ccd-890f-332d11fc2c25:Web Panel\": getIconPath({\n        category: \"objects\",\n        name: \"webpanel\"\n      }),\n      \"c9584656-94b6-4ccd-890f-332d11fc2c25:WebPanel\": getIconPath({\n        category: \"objects\",\n        name: \"webpanel\"\n      }),\n      \"c9584656-94b6-4ccd-890f-332d11fc2c25:Web Component\": getIconPath({\n        category: \"objects\",\n        name: \"web-component\"\n      }),\n      \"c9584656-94b6-4ccd-890f-332d11fc2c25:WebComponent\": getIconPath({\n        category: \"objects\",\n        name: \"web-component\"\n      }),\n      \"15cf49b5-fc38-4899-91b5-395d02d79889:Work With\": getIconPath({\n        category: \"patterns\",\n        name: \"workwith-for-sd\"\n      }),\n      \"15cf49b5-fc38-4899-91b5-395d02d79889:WorkWith\": getIconPath({\n        category: \"patterns\",\n        name: \"workwith-for-sd\"\n      }),\n      \"API\": getIconPath({ category: \"objects\", name: \"api\" }),\n      \"Data Provider\": getIconPath({\n        category: \"objects\",\n        name: \"data-provider\"\n      }),\n      \"Menu\": getIconPath({ category: \"objects\", name: \"dashboard\" }),\n      \"Dashboard\": getIconPath({ category: \"objects\", name: \"dashboard\" }),\n      \"Mini App\": getIconPath({ category: \"objects\", name: \"mini-app\" }),\n      \"Panel\": getIconPath({ category: \"objects\", name: \"panel-for-sd\" }),\n      \"SDPanel\": getIconPath({ category: \"objects\", name: \"panel-for-sd\" }),\n      \"Procedure\": getIconPath({ category: \"objects\", name: \"procedure\" }),\n      \"Super App\": getIconPath({ category: \"objects\", name: \"super-app\" }),\n      \"Transaction\": getIconPath({ category: \"objects\", name: \"transaction\" }),\n      \"Web Panel\": getIconPath({ category: \"objects\", name: \"webpanel\" }),\n      \"WebPanel\": getIconPath({ category: \"objects\", name: \"webpanel\" }),\n      \"Web Component\": getIconPath({\n        category: \"objects\",\n        name: \"web-component\"\n      }),\n      \"WebComponent\": getIconPath({\n        category: \"objects\",\n        name: \"web-component\"\n      }),\n      \"Work With\": getIconPath({\n        category: \"patterns\",\n        name: \"workwith-for-sd\"\n      }),\n      \"WorkWith\": getIconPath({ category: \"patterns\", name: \"workwith-for-sd\" })\n    };\n\n    if (object.key?.type) {\n      const fullKey = `${object.key.type}:${object.type}`;\n      if (iconMap[fullKey]) {\n        return iconMap[fullKey];\n      }\n    }\n\n    if (iconMap[object.type]) {\n      return iconMap[object.type];\n    }\n\n    return getIconPath({ category: \"objects\", name: \"object\" });\n  }\n\n  /**\n   * Handles object click and calls parent callback\n   */\n  #handleObjectClick(object: WebAppObject) {\n    if (object.key && this.onObjectSelected) {\n      // Send the full key object as string in format \"type|id\"\n      const keyString = `${object.key.type}|${object.key.id}`;\n      this.onObjectSelected({ detail: { key: keyString } });\n    }\n  }\n\n  /**\n   * Renders main objects section\n   */\n  #renderMainObjects() {\n    const mainObjects =\n      this.objects.find(obj => obj.type === \"main\")?.objects || [];\n    const filteredObjects = mainObjects.filter(obj => this.#filterObjects(obj));\n\n    if (mainObjects.length === 0) {\n      return (\n        <div class=\"no-results\">\n          <p class=\"body-regular-s\">\n            {this.#componentLocale?.noMainObjects ||\n              \"There are no main objects to display\"}\n          </p>\n        </div>\n      );\n    }\n\n    if (filteredObjects.length === 0) {\n      return (\n        <div class=\"no-results\">\n          <p class=\"body-regular-s\">\n            {this.#componentLocale?.noObjectsMatchSearch}\n          </p>\n        </div>\n      );\n    }\n\n    return (\n      <div class=\"main-objects-grid\">\n        {filteredObjects.map((object, index) => (\n          <button\n            key={index}\n            class=\"object-card elevation-2\"\n            onClick={() => this.#handleObjectClick(object)}\n          >\n            <div class=\"card-header\">\n              <div class=\"left\">\n                <h1 class=\"name body-semi-bold-s\">{object.name}</h1>\n                <h3 class=\"module body-regular-xs\">{object.module}</h3>\n                <p class=\"type body-italic-xs\">{object.type}</p>\n              </div>\n              <div class=\"right\">\n                <div class=\"type-container\">\n                  <ch-image\n                    class=\"type-icon icon-md\"\n                    src={this.#getObjectTypeIcon(object)}\n                  />\n                </div>\n              </div>\n            </div>\n            {(object.description || object.angular) && (\n              <footer class=\"card-footer\">\n                <div class=\"left\">\n                  {object.description && (\n                    <p class=\"description body-regular-xs\">\n                      {object.description}\n                    </p>\n                  )}\n                </div>\n                <div class=\"right\">\n                  {object.angular && (\n                    <img src={ANGULAR_LOGO} alt=\"Angular Logotype\" />\n                  )}\n                </div>\n              </footer>\n            )}\n          </button>\n        ))}\n        {\n          // WA: Add empty divs to ensure a minimum of 4 grid items for proper layout\n          filteredObjects.length < 4 &&\n            Array.from({ length: 4 - filteredObjects.length }).map(\n              (_, index) => <div key={`empty-${index}`}></div>\n            )\n        }\n      </div>\n    );\n  }\n\n  /**\n   * Renders recent objects section\n   */\n  #renderRecentObjects() {\n    const recentObjects =\n      this.objects.find(obj => obj.type === \"recent\")?.objects || [];\n    const filteredObjects = recentObjects.filter(obj =>\n      this.#filterObjects(obj)\n    );\n\n    if (recentObjects.length === 0) {\n      return (\n        <div class=\"no-objects\">\n          <p class=\"body-regular-s\">{this.#componentLocale?.noRecentObjects}</p>\n        </div>\n      );\n    }\n\n    if (filteredObjects.length === 0) {\n      return (\n        <div class=\"no-objects\">\n          <p class=\"body-regular-s\">\n            {this.#componentLocale?.noObjectsMatchSearch}\n          </p>\n        </div>\n      );\n    }\n\n    const sortedObjects = [...filteredObjects].sort(this.#sortRecentObjects);\n\n    return (\n      <div class=\"recent-objects-grid-container\">\n        <div class=\"tabular-grid-scroll-container\">\n          <ch-tabular-grid class=\"tabular-grid elevation-2\">\n            <ch-tabular-grid-columnset class=\"tabular-grid-column-set\">\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnId={COLUMN_NAME}\n                columnName={this.#componentLocale?.columns?.name || \"Name\"}\n                columnNameHidden={false}\n                settingable={false}\n                sortable\n                onColumnSortChanged={this.#handleColumnSortChanged}\n                size=\"25%\"\n                resizable={false}\n              ></ch-tabular-grid-column>\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnId={COLUMN_MODULE}\n                columnName={this.#componentLocale?.columns?.module || \"Module\"}\n                columnNameHidden={false}\n                settingable={false}\n                sortable\n                onColumnSortChanged={this.#handleColumnSortChanged}\n                size=\"20%\"\n                resizable={false}\n              ></ch-tabular-grid-column>\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnId={COLUMN_TYPE}\n                columnName={this.#componentLocale?.columns?.type || \"Type\"}\n                columnNameHidden={false}\n                settingable={false}\n                sortable\n                onColumnSortChanged={this.#handleColumnSortChanged}\n                size=\"20%\"\n                resizable={false}\n              ></ch-tabular-grid-column>\n              <ch-tabular-grid-column\n                class=\"tabular-grid-column\"\n                columnId={COLUMN_DESCRIPTION}\n                columnName={\n                  this.#componentLocale?.columns?.description || \"Description\"\n                }\n                columnNameHidden={false}\n                settingable={false}\n                sortable={false}\n                size=\"35%\"\n                resizable={false}\n              ></ch-tabular-grid-column>\n            </ch-tabular-grid-columnset>\n\n            <ch-tabular-grid-rowset class=\"tabular-grid-rowset\">\n              {sortedObjects.map((obj, index) => (\n                <ch-tabular-grid-row\n                  rowid={obj.key?.id || index.toString()}\n                  class=\"tabular-grid-row\"\n                  onClick={() => this.#handleObjectClick(obj)}\n                >\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    <div class=\"cell-content\">\n                      <ch-image\n                        class=\"object-icon icon-md\"\n                        src={this.#getObjectTypeIcon(obj)}\n                      />\n                      <span class=\"object-name\">{obj.name || \"Unnamed\"}</span>\n                    </div>\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.module || \"\"}\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.type}\n                  </ch-tabular-grid-cell>\n                  <ch-tabular-grid-cell class=\"tabular-grid-cell\">\n                    {obj.description || \"\"}\n                  </ch-tabular-grid-cell>\n                </ch-tabular-grid-row>\n              ))}\n            </ch-tabular-grid-rowset>\n          </ch-tabular-grid>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    if (!this.objects || this.objects.length === 0) {\n      return (\n        <Host class=\"widget spacing-body\">\n          <ch-theme model={CSS_BUNDLES}></ch-theme>\n          <div class=\"no-data\">\n            <p class=\"body-regular-s\">\n              {this.#componentLocale?.noData ||\n                \"No web applications data available\"}\n            </p>\n          </div>\n        </Host>\n      );\n    }\n\n    return (\n      <Host class=\"widget spacing-body\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <header class=\"header control-header\">\n          <div class=\"field field-block\">\n            <ch-edit\n              class=\"input input-filter\"\n              id=\"filter\"\n              placeholder={this.#componentLocale?.search || \"Search\"}\n              value={this.filterValue}\n              accessibleName={this.#componentLocale?.search || \"Search\"}\n              onInput={e => (this.filterValue = String(e.detail))}\n            />\n          </div>\n        </header>\n\n        <div class=\"main\">\n          <ch-accordion-render\n            class=\"accordion-filled-header elevation-2 web-apps-accordion\"\n            model={[\n              {\n                id: \"main-objects\",\n                caption: \"Main Objects\",\n                expanded: true\n              },\n              {\n                id: ACCORDION_RECENT_OBJECTS_ID,\n                caption: \"Recent Objects\",\n                expanded: this.recentObjectsExpanded\n              }\n            ]}\n          >\n            <div slot=\"main-objects\" class=\"accordion-content spacing-body\">\n              {this.#renderMainObjects()}\n            </div>\n            <div\n              slot={ACCORDION_RECENT_OBJECTS_ID}\n              class=\"accordion-content spacing-body-inline spacing-body-block-start\"\n            >\n              {this.#renderRecentObjects()}\n            </div>\n          </ch-accordion-render>\n        </div>\n      </Host>\n    );\n  }\n}\n\ninterface WebAppObject {\n  name: string;\n  module: string;\n  type: string;\n  description?: string;\n  url?: string;\n  key?: {\n    type: string;\n    id: string;\n  };\n  angular?: boolean;\n}\n\ninterface ObjectType {\n  type: \"main\" | \"recent\";\n  objects: WebAppObject[];\n}\n"],"version":3}

package/dist/esm/{common-0697b339.js → common-b811a822.js}

@@ -1,4 +1,4 @@
-import { h } from './index-eace714c.js';
+import { h } from './index-b153bfd0.js';
 
 /* STENCIL IMPORTS */
 const renderFormItems = (componentType = "gxg-combo-box-item", options, group = "undefined-group", callback) => {
@@ -101,4 +101,4 @@ const ANIMATION_DOTS = (size = "regular", color = "primary", sizeType = "dynamic
 
 export { ANIMATION_DOTS as A, renderFormItems as a, getSelectedItem as g, renderModuleDataProperties as r, setSelectedItem as s };
 
-//# sourceMappingURL=common-0697b339.js.map
+//# sourceMappingURL=common-b811a822.js.map

package/dist/esm/{common-0697b339.js.map → common-b811a822.js.map}

@@ -1 +1 @@
-{"file":"common-0697b339.js","mappings":"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","names":[],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  const found = gxOptions.find(item => item.selected);\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const setSelectedItem = (\n  gxOptions: GxOption[],\n  selectedItemId: string\n): GxOption[] =>\n  gxOptions.map(item => ({\n    ...item,\n    selected: item.id === selectedItemId\n  }));\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" | \"nexa\" = \"primary\",\n  sizeType: \"static\" | \"dynamic\" = \"dynamic\",\n  duration: string = \"1s\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1.5 : 4;\n  let colorDot1, colorDot2, colorDot3;\n  if (color === \"nexa\") {\n    colorDot1 = \"#5ba7ff\";\n    colorDot2 = \"#00CCFF\";\n    colorDot3 = \"#CF7AFF\";\n  } else if (color === \"on-surface\") {\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-text__on-surface)\";\n  } else {\n    // primary\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-color__primary--200)\";\n  }\n\n  const animateRadiusSize = (begin: string = \"0\") => {\n    return (\n      <animate\n        attributeName=\"r\"\n        values={`${2 / n};${4 / n};${2 / n}`}\n        dur={duration}\n        begin={begin}\n        repeatCount=\"indefinite\"\n      />\n    );\n  };\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot1}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0\") : null}\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot2}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.33s\") : null}\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot3}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.66s\") : null}\n      </circle>\n    </svg>\n  );\n};\n"],"version":3}
+{"file":"common-b811a822.js","mappings":"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","names":[],"sources":["src/common/common.tsx"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { GxgFormItemsArray, GxOption } from \"./types\";\nimport { ModulePropertyData } from \"../components/modules/types\";\nexport const renderFormItems = (\n  componentType:\n    | \"gxg-combo-box-item\"\n    | \"gxg-form-checkbox\"\n    | \"gxg-form-radio\" = \"gxg-combo-box-item\",\n  options: Array<GxOption>,\n  group = \"undefined-group\",\n  callback?: any\n): GxgFormItemsArray => {\n  if (options.length) {\n    const items: GxgFormItemsArray = [];\n    options.forEach(option => {\n      let item;\n      switch (componentType) {\n        case \"gxg-form-checkbox\":\n          item = (\n            <gxg-form-checkbox\n              checkboxId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              onChange={callback ? callback : null}\n              iconName={option.iconName}\n              part={`${group}-${option.id}`}\n            ></gxg-form-checkbox>\n          );\n          items.push(item);\n          break;\n        case \"gxg-combo-box-item\":\n          item = (\n            <gxg-combo-box-item\n              value={option.id}\n              icon={option.iconName}\n              part={`${group}-${option.id}`}\n            >\n              {option.label}\n            </gxg-combo-box-item>\n          );\n          items.push(item);\n          break;\n        case \"gxg-form-radio\":\n          item = (\n            <gxg-form-radio\n              radioId={option.id}\n              checked={option.checked}\n              disabled={option.disabled}\n              label={option.label}\n              value={option.value}\n              name={group}\n              part={`${group}-${option.id}`}\n            ></gxg-form-radio>\n          );\n          items.push(item);\n          break;\n        default:\n          break;\n      }\n    });\n    return items;\n  }\n  return null;\n};\n\nexport const renderModuleDataProperties = (\n  options: Array<ModulePropertyData>\n): ModulePropertyData[] => {\n  if (options.length) {\n    const items: ModulePropertyData[] = [];\n\n    options.forEach(option => {\n      if (Array.isArray(option.value)) {\n        const item = (\n          <div class=\"md-property__list\">\n            <p class=\"md-property__key\">{option.name} :</p>\n            <ul>\n              {option.value.map(subItem => {\n                return <li>{subItem}</li>;\n              })}\n            </ul>\n          </div>\n        );\n        items.push(item);\n      } else {\n        const item = (\n          <div\n            class={\n              option.inline\n                ? \"md-property md-property--inline\"\n                : \"md-property--block\"\n            }\n          >\n            <p class=\"md-property__key\">{option.name} :</p>\n            <p class=\"md-property__value\">{option.value}</p>\n          </div>\n        );\n        items.push(item);\n      }\n    });\n\n    return items;\n  }\n  return null;\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The first option in the array that is 'selected'. If no one found it returns null.\n */\nexport const getSelectedGxOption = (\n  gxOptions: GxOption[],\n  onlyId = true\n): GxOption | string | void => {\n  if (gxOptions?.length > 0) {\n    let found = null;\n    for (let i = 0; i < gxOptions.length; i++) {\n      if (gxOptions[i].selected) {\n        found = gxOptions[i];\n        break;\n      }\n    }\n    if (found && onlyId) {\n      return found.id;\n    } else if (!found && onlyId) {\n      return gxOptions[0].id;\n    }\n    return found;\n  }\n};\n\n/**\n * @param gxOptions An array of GxOptions's\n * @returns The value of the selected item, or the first item, if no one is selected.\n */\nexport const getSelectedItem = (gxOptions: GxOption[]): string => {\n  const found = gxOptions.find(item => item.selected);\n  if (found) {\n    return found.id;\n  } else {\n    return gxOptions[0].id;\n  }\n};\n\nexport const setSelectedItem = (\n  gxOptions: GxOption[],\n  selectedItemId: string\n): GxOption[] =>\n  gxOptions.map(item => ({\n    ...item,\n    selected: item.id === selectedItemId\n  }));\n\nexport const getSelectedItem2 = (\n  gxOptions: GxOption[] | undefined\n): string | undefined =>\n  gxOptions\n    ? (gxOptions.find(item => item.selected) ?? gxOptions[0]).id\n    : undefined;\n\n// Dots animation used in ch-chat code-render (or other components)\nexport const ANIMATION_DOTS = (\n  size: \"regular\" | \"tiny\" = \"regular\",\n  color: \"primary\" | \"on-surface\" | \"nexa\" = \"primary\",\n  sizeType: \"static\" | \"dynamic\" = \"dynamic\",\n  duration: string = \"1s\"\n): SVGElement => {\n  const n = size === \"regular\" ? 1.5 : 4;\n  let colorDot1, colorDot2, colorDot3;\n  if (color === \"nexa\") {\n    colorDot1 = \"#5ba7ff\";\n    colorDot2 = \"#00CCFF\";\n    colorDot3 = \"#CF7AFF\";\n  } else if (color === \"on-surface\") {\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-text__on-surface)\";\n  } else {\n    // primary\n    colorDot1 = colorDot2 = colorDot3 = \"var(--mer-color__primary--200)\";\n  }\n\n  const animateRadiusSize = (begin: string = \"0\") => {\n    return (\n      <animate\n        attributeName=\"r\"\n        values={`${2 / n};${4 / n};${2 / n}`}\n        dur={duration}\n        begin={begin}\n        repeatCount=\"indefinite\"\n      />\n    );\n  };\n\n  return (\n    <svg width={36 / n} height={8 / n} fill=\"transparent\">\n      <circle cx={4 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot1}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0\") : null}\n      </circle>\n      <circle cx={18 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot2}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.15s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.33s\") : null}\n      </circle>\n      <circle cx={32 / n} cy={4 / n} r={4 / n} opacity=\"0\" fill={colorDot3}>\n        <animate\n          attributeName=\"opacity\"\n          values=\"0;1;0\"\n          dur={duration}\n          begin=\"0.30s\"\n          repeatCount=\"indefinite\"\n        />\n        {sizeType === \"dynamic\" ? animateRadiusSize(\"0.66s\") : null}\n      </circle>\n    </svg>\n  );\n};\n"],"version":3}