@genexus/genexus-ide-ui 0.0.93 → 0.0.94

package/dist/esm/ch-dropdown-item-separator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d51259e.js';
+import { r as registerInstance, h, H as Host } from './index-692bb924.js';
 
 const dropdownItemSeparatorCss = ":host{display:flex;height:1px;background-color:#99999980;margin-block:2px}";
 

package/dist/esm/ch-dropdown-item.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, c as createEvent, g as getElement, H as Host } from './index-2d51259e.js';
+import { h, r as registerInstance, c as createEvent, g as getElement, H as Host } from './index-692bb924.js';
 
 const dropdownItemCss = ":where(a,button){all:unset}*,::before,::after{box-sizing:border-box}:host{display:flex;width:100%;height:100%}:host([force-containing-block]){transform:translateX(0);--ch-window-relative-position:true}.action{display:flex;align-items:center;width:100%;height:100%;cursor:pointer;text-align:start}.start-img,.end-img{display:block;width:24px;height:24px;min-width:24px}.content{width:100%}";
 

package/dist/esm/ch-dropdown-render.entry.js

@@ -1,4 +1,4 @@
-import { h, r as registerInstance, g as getElement } from './index-2d51259e.js';
+import { h, r as registerInstance, g as getElement } from './index-692bb924.js';
 import { f as fromGxImageToURL } from './genexus-implementation-216a4754.js';
 
 const dropdownRenderCss = "ch-dropdown-render{display:contents}";

package/dist/esm/ch-dropdown.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-2d51259e.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-692bb924.js';
 
 const dropdownCss = ":where(button){all:unset}*,::before,::after{box-sizing:border-box}:host{--separation:0px;--separation-x:var(--separation);--separation-y:var(--separation);display:flex;position:relative;width:100%;height:100%}.expandable-button{display:flex;align-items:center;justify-content:center;align-self:center;position:relative;width:100%;height:100%;cursor:pointer;z-index:108}.expandable-button:focus-within{transition:box-shadow 250ms}::slotted([slot=action]){pointer-events:none}ch-window[y-align=outside-start]{--ch-window-separation:var(--separation-y);--ch-window-separation-y:calc(var(--separation-y) * -1)}ch-window[y-align=outside-end]{--ch-window-separation:var(--separation-y);--ch-window-separation-y:var(--separation-y)}ch-window[x-align=outside-start]{--ch-window-separation:var(--separation-x);--ch-window-separation-x:calc(var(--separation-x) * -1)}ch-window[x-align=outside-end]{--ch-window-separation:var(--separation-x);--ch-window-separation-x:var(--separation-x)}.list{display:flex;flex-direction:column}";
 

package/dist/esm/ch-flexible-layout-render.entry.js

@@ -1,164 +1,229 @@
-import { f as forceUpdate, r as registerInstance, h } from './index-2d51259e.js';
-import { t as tabTypeToPart } from './utils-df5b9202.js';
-
-let lastViewId = 0;
-const getViewId = () => `view-${lastViewId++}`;
-const mapWidgetsToView = (widgets, viewsInfo, blockStartWidgets, renderedWidgets, viewType) => {
-    // Get a new id for the view
-    const viewId = getViewId();
-    if (viewType === "blockStart") {
-        // Store widgets in the Map
-        viewsInfo.set(viewId, {
-            id: viewId,
-            type: viewType,
-            renderedWidgets: null,
-            exportParts: "",
-            widgets: widgets
-        });
-        // Add the widgets to the blockStart section
-        widgets.forEach(widget => {
-            blockStartWidgets.add(widget.id);
-        });
-        return viewId;
-    }
-    const exportParts = tabTypeToPart[viewType](widgets);
-    const renderedWidgetsInView = new Set();
-    let existSelectedItem = false;
-    widgets.forEach(widget => {
-        if (widget.selected || widget.wasRendered) {
-            // Ensure proper initialization
-            widget.wasRendered = true;
-            renderedWidgetsInView.add(widget.id);
-            renderedWidgets.add(widget.id);
-            existSelectedItem = true;
-        }
-    });
-    // If there is no widget selected by default, select one
-    if (!existSelectedItem) {
-        const defaultSelectedWidget = viewType === "main" || viewType === "blockEnd"
-            ? widgets[widgets.length - 1]
-            : widgets[0];
-        defaultSelectedWidget.selected = true;
-        defaultSelectedWidget.wasRendered = true;
-        renderedWidgetsInView.add(defaultSelectedWidget.id);
-        renderedWidgets.add(defaultSelectedWidget.id);
-    }
-    // Store widgets in the Map
-    viewsInfo.set(viewId, {
-        id: viewId,
-        type: viewType,
-        renderedWidgets: renderedWidgetsInView,
-        exportParts,
-        widgets: widgets
-    });
-    return viewId;
-};
-const getItemsModel = (flexibleItems, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets) => flexibleItems.map(item => {
-    // Group
-    if (item.items != null) {
-        const group = item;
-        const splitterGroup = {
-            direction: group.direction,
-            items: getItemsModel(group.items, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets),
-            size: group.size
-        };
-        // Custom behaviors
-        addCustomBehavior(item, splitterGroup, layoutSplitterParts);
-        return splitterGroup;
-    }
-    // Leaf
-    const leaf = item;
-    const viewId = mapWidgetsToView(leaf.widgets, viewsInfo, blockStartWidgets, renderedWidgets, leaf.viewType);
-    const splitterLeaf = {
-        id: viewId,
-        size: leaf.size,
-        fixedOffsetSize: leaf.fixedOffsetSize
-    };
-    // Custom behaviors
-    addCustomBehavior(item, splitterLeaf, layoutSplitterParts);
-    return splitterLeaf;
-});
-function addCustomBehavior(item, splitterItem, layoutSplitterParts) {
-    if (item.hideDragBar) {
-        splitterItem.hideDragBar = true;
-    }
-    if (item.dragBarPart != null) {
-        splitterItem.dragBarPart = item.dragBarPart;
-        layoutSplitterParts.add(item.dragBarPart);
-    }
-}
-const getLayoutModel = (flexibleLayout, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets) => ({
-    direction: flexibleLayout.direction,
-    items: getItemsModel(flexibleLayout.items, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets)
-});
+import { f as forceUpdate, r as registerInstance, h } from './index-692bb924.js';
+import { r as removeElement } from './array-e181c3b5.js';
+import { g as getViewInfo, u as updateFlexibleModels } from './utils-ea89d74e.js';
 
 const flexibleLayoutRenderCss = "ch-flexible-layout-render,.ch-flexible-layout-render-slot{display:contents}";
 
-const ChFlexibleLayoutRender = class {
-    constructor(hostRef) {
+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 _renderedWidgets, _blockStartWidgets, _itemsInfo, _layoutSplitterParts, _flexibleLayoutRef, _getViewInfo, _handleViewItemChange, _handleViewItemClose, _removeWidget, _updateSelectedWidget, _handleViewItemReorder, _a;
+const ChFlexibleLayoutRender = (_a = class {
+        constructor(hostRef) {
+            /**
+             * This Set provides optimizations to not render items that were never
+             * shown on the screen.
+             */
+            // eslint-disable-next-line @stencil-community/own-props-must-be-private
+            _renderedWidgets.set(this, new Set());
+            _blockStartWidgets.set(this, new Set());
+            _itemsInfo.set(this, new Map());
+            _layoutSplitterParts.set(this, "");
+            // Refs
+            _flexibleLayoutRef.set(this, void 0);
+            _getViewInfo.set(this, (viewId) => getViewInfo(__classPrivateFieldGet(this, _itemsInfo, "f"), viewId));
+            _handleViewItemChange.set(this, (event) => {
+                event.stopPropagation();
+                const selectedItemInfo = event.detail;
+                const viewInfo = __classPrivateFieldGet(this, _getViewInfo, "f").call(this, selectedItemInfo.viewId);
+                // Mark the item as rendered
+                __classPrivateFieldGet(this, _renderedWidgets, "f").add(selectedItemInfo.newSelectedId);
+                // Mark the item as rendered
+                const newSelectedItem = viewInfo.widgets[selectedItemInfo.newSelectedIndex];
+                newSelectedItem.wasRendered = true;
+                // Select the new item
+                __classPrivateFieldGet(this, _updateSelectedWidget, "f").call(this, viewInfo, selectedItemInfo.newSelectedId);
+                // Queue re-renders
+                forceUpdate(this);
+                forceUpdate(__classPrivateFieldGet(this, _flexibleLayoutRef, "f"));
+            });
+            _handleViewItemClose.set(this, (event) => {
+                event.stopPropagation();
+                const itemCloseInfo = event.detail;
+                const viewInfo = __classPrivateFieldGet(this, _getViewInfo, "f").call(this, itemCloseInfo.viewId);
+                // Last item from the view. Destroy the view and adjust the layout
+                if (viewInfo.widgets.length === 1) {
+                    // TODO: Add implementation
+                    return;
+                }
+                const viewWidgets = viewInfo.widgets;
+                const widgetsCount = viewWidgets.length;
+                const itemIndex = itemCloseInfo.itemIndex;
+                const itemUIModel = viewWidgets[itemIndex];
+                // If the item was selected, select another item
+                if (itemUIModel.id === viewInfo.selectedWidgetId) {
+                    const newSelectedItem = itemIndex === widgetsCount - 1 // If it's the last item
+                        ? viewWidgets[widgetsCount - 2] // Select the previous
+                        : viewWidgets[itemIndex + 1]; // Otherwise, select the next
+                    __classPrivateFieldGet(this, _renderedWidgets, "f").add(newSelectedItem.id);
+                    // Mark the item as selected and rendered
+                    __classPrivateFieldGet(this, _updateSelectedWidget, "f").call(this, viewInfo, newSelectedItem.id);
+                    newSelectedItem.wasRendered = true;
+                }
+                __classPrivateFieldGet(this, _removeWidget, "f").call(this, viewInfo, itemIndex);
+                // Queue re-renders
+                forceUpdate(this);
+                forceUpdate(__classPrivateFieldGet(this, _flexibleLayoutRef, "f"));
+            });
+            _removeWidget.set(this, (viewInfo, itemIndex, skipRenderRemoval = false) => {
+                // Remove the item from the view
+                const itemUIModel = removeElement(viewInfo.widgets, itemIndex);
+                __classPrivateFieldGet(this, _flexibleLayoutRef, "f").removeItemPageInView(viewInfo.id, itemUIModel.id);
+                // Remove the item from the flexible-layout-render to optimize resources
+                if (itemUIModel.conserveRenderState !== true && !skipRenderRemoval) {
+                    __classPrivateFieldGet(this, _renderedWidgets, "f").delete(itemUIModel.id);
+                    // TODO: Remove item in this.layout???
+                }
+            });
+            _updateSelectedWidget.set(this, (viewInfo, selectedId) => {
+                viewInfo.selectedWidgetId = selectedId;
+            });
+            _handleViewItemReorder.set(this, (event) => {
+                const reorderInfo = event.detail;
+                const viewId = reorderInfo.viewId;
+                const viewIdTarget = reorderInfo.viewIdTarget;
+                const dropAreaTarget = reorderInfo.dropAreaTarget;
+                const viewInfo = __classPrivateFieldGet(this, _getViewInfo, "f").call(this, viewId);
+                // Dropping in the same view. Nothing to change
+                if (viewId === viewIdTarget &&
+                    (dropAreaTarget === "center" || viewInfo.widgets.length === 1)) {
+                    return;
+                }
+                const viewTargetInfo = __classPrivateFieldGet(this, _getViewInfo, "f").call(this, viewIdTarget);
+                const itemIndex = reorderInfo.index;
+                const itemInfo = viewInfo.widgets[itemIndex];
+                // Mark the item as rendered, because the drag does not have to trigger item
+                // selection (which trigger item rendering)
+                __classPrivateFieldGet(this, _renderedWidgets, "f").add(itemInfo.id);
+                itemInfo.wasRendered = true;
+                // Update the selected widget in the target view
+                __classPrivateFieldGet(this, _updateSelectedWidget, "f").call(this, viewTargetInfo, itemInfo.id);
+                // The drop does not create a new view
+                if (dropAreaTarget === "center") {
+                    viewTargetInfo.widgets.push(itemInfo);
+                }
+                // Remove the view, since it has no more items
+                if (viewInfo.widgets.length === 1) {
+                    this.removeView(viewId, false);
+                    // Refresh reference to force re-render
+                    // this.#layoutSplitterModels = { ...this.#layoutSplitterModels }; // TODO: UPDATE THIS
+                }
+                // Remove the item in the view that belongs
+                else {
+                    // Select the previous item if the remove item was selected
+                    if (viewInfo.selectedWidgetId === itemInfo.id) {
+                        const newSelectedIndex = itemIndex === 0 ? 1 : itemIndex - 1;
+                        const newSelectedItem = viewInfo.widgets[newSelectedIndex];
+                        // Mark the item as rendered
+                        __classPrivateFieldGet(this, _renderedWidgets, "f").add(newSelectedItem.id);
+                        newSelectedItem.wasRendered = true;
+                        // Mark the item as selected
+                        __classPrivateFieldGet(this, _updateSelectedWidget, "f").call(this, viewInfo, newSelectedItem.id);
+                    }
+                    // TODO: UPDATE THE SELECTED INTERNAL INDEX IN THE TAB ???
+                    // Remove the item from the view
+                    __classPrivateFieldGet(this, _removeWidget, "f").call(this, viewInfo, itemIndex, true);
+                }
+                // Queue re-renders
+                // forceUpdate(this);
+                // this.#flexibleLayoutRef.refreshLayout();
+            });
+            registerInstance(this, hostRef);
+            this.cssClass = "flexible-layout";
+            this.layout = undefined;
+            this.renders = undefined;
+        }
+        handleLayoutChange(newLayout) {
+            this.setLayoutSplitterModels(newLayout);
+        }
         /**
-         * This Set provides optimizations to not render items that were never
-         * shown on the screen.
+         * Removes a view and optionally all its rendered widget from the render.
+         * The reserved space will be given to the closest view.
          */
-        this.renderedWidgets = new Set();
-        this.blockStartWidgets = new Set();
-        this.viewsInfo = new Map();
-        this.layoutSplitterParts = "";
-        this.handleViewItemChange = (event) => {
-            event.stopPropagation();
-            const selectedItemInfo = event.detail;
-            const viewInfo = this.viewsInfo.get(selectedItemInfo.viewId);
-            // Mark the item as rendered
-            this.renderedWidgets.add(selectedItemInfo.newSelectedId);
-            viewInfo.renderedWidgets.add(selectedItemInfo.newSelectedId);
-            // Mark the item as selected, displayed and rendered
-            const newSelectedItem = viewInfo.widgets[selectedItemInfo.newSelectedIndex];
-            newSelectedItem.selected = true;
-            newSelectedItem.wasRendered = true;
-            // Unselected the previous item
-            if (selectedItemInfo.lastSelectedIndex !== -1) {
-                const previousSelectedItem = viewInfo.widgets[selectedItemInfo.lastSelectedIndex];
-                previousSelectedItem.selected = false;
+        async removeView(viewId, removeRenderedWidgets) {
+            const itemInfo = __classPrivateFieldGet(this, _itemsInfo, "f").get(viewId);
+            if (!itemInfo) {
+                return { success: false, renamedItems: [] };
+            }
+            const viewInfo = itemInfo.view;
+            // The item is not a view (leaf). It's a group.
+            if (viewInfo == null) {
+                return { success: false, renamedItems: [] };
             }
-            // Shallow copy the widgets to ensure the flexible layout re-renders the view
-            viewInfo.widgets = [...viewInfo.widgets];
+            const success = await __classPrivateFieldGet(this, _flexibleLayoutRef, "f").removeView(viewId);
+            if (!success) {
+                return { success: false, renamedItems: [] };
+            }
+            // Update view info, since it got renamed
+            const renamedItems = success.renamedItems;
+            renamedItems.forEach(renamedItem => {
+                const oldItemUIModel = __classPrivateFieldGet(this, _itemsInfo, "f").get(renamedItem.oldId);
+                if (oldItemUIModel.view != null) {
+                    const newItemUIModel = __classPrivateFieldGet(this, _itemsInfo, "f").get(renamedItem.newId);
+                    // Add view information
+                    newItemUIModel.view = oldItemUIModel.view;
+                    // Update view id
+                    newItemUIModel.view.id = renamedItem.newId;
+                }
+                // Delete the old item
+                __classPrivateFieldGet(this, _itemsInfo, "f").delete(renamedItem.oldId);
+            });
+            // console.log(this.#itemsInfo);
+            // Remove rendered widgets
+            if (removeRenderedWidgets) {
+                viewInfo.widgets.forEach(widget => {
+                    __classPrivateFieldGet(this, _renderedWidgets, "f").delete(widget.id);
+                });
+            }
+            // Delete the view
+            __classPrivateFieldGet(this, _itemsInfo, "f").delete(viewId);
             // Queue re-renders
             forceUpdate(this);
-            forceUpdate(this.flexibleLayoutRef);
-        };
-        registerInstance(this, hostRef);
-        this.cssClass = "flexible-layout";
-        this.layout = undefined;
-        this.renders = undefined;
-    }
-    handleLayoutChange(newLayout) {
-        this.setLayoutSplitterModels(newLayout);
-    }
-    setLayoutSplitterModels(layout) {
-        // Empty layout
-        if (layout == null) {
-            // Reset layout
-            this.layoutSplitterModels = { direction: "columns", items: [] };
-            return;
+            return success;
         }
-        const layoutSplitterPartsSet = new Set();
-        this.layoutSplitterModels = getLayoutModel(layout, this.viewsInfo, this.blockStartWidgets, layoutSplitterPartsSet, this.renderedWidgets);
-        this.layoutSplitterParts = [...layoutSplitterPartsSet.values()].join(",");
-    }
-    componentWillLoad() {
-        this.setLayoutSplitterModels(this.layout);
-    }
-    render() {
-        // Check render against the "layout" property
-        if (this.layout == null) {
-            return "";
+        setLayoutSplitterModels(layout) {
+            // Empty layout
+            if (layout == null) {
+                return;
+            }
+            const layoutSplitterPartsSet = new Set();
+            updateFlexibleModels(layout, __classPrivateFieldGet(this, _itemsInfo, "f"), __classPrivateFieldGet(this, _blockStartWidgets, "f"), layoutSplitterPartsSet, __classPrivateFieldGet(this, _renderedWidgets, "f"));
+            __classPrivateFieldSet(this, _layoutSplitterParts, [...layoutSplitterPartsSet.values()].join(","), "f");
         }
-        return (h("ch-flexible-layout", { class: this.cssClass || null, layoutModel: this.layoutSplitterModels, layoutSplitterParts: this.layoutSplitterParts, viewsInfo: this.viewsInfo, onSelectedViewItemChange: this.handleViewItemChange, ref: el => (this.flexibleLayoutRef = el) }, [...this.blockStartWidgets].map(widgetId => this.renders[widgetId]()), [...this.renderedWidgets.values()].map(widget => (h("div", { key: widget, slot: widget, class: "ch-flexible-layout-render-slot" }, this.renders[widget]())))));
-    }
-    static get watchers() { return {
-        "layout": ["handleLayoutChange"]
-    }; }
-};
+        componentWillLoad() {
+            this.setLayoutSplitterModels(this.layout);
+        }
+        render() {
+            // Check render against the "layout" property
+            if (this.layout == null) {
+                return "";
+            }
+            return (h("ch-flexible-layout", { class: this.cssClass || null, layoutModel: this.layout, layoutSplitterParts: __classPrivateFieldGet(this, _layoutSplitterParts, "f"), itemsInfo: __classPrivateFieldGet(this, _itemsInfo, "f"), onViewItemClose: __classPrivateFieldGet(this, _handleViewItemClose, "f"), onViewItemReorder: __classPrivateFieldGet(this, _handleViewItemReorder, "f"), onSelectedViewItemChange: __classPrivateFieldGet(this, _handleViewItemChange, "f"), ref: el => (__classPrivateFieldSet(this, _flexibleLayoutRef, el, "f")) }, [...__classPrivateFieldGet(this, _blockStartWidgets, "f")].map(widgetId => this.renders[widgetId]()), [...__classPrivateFieldGet(this, _renderedWidgets, "f").values()].map(widget => (h("div", { key: widget, slot: widget, class: "ch-flexible-layout-render-slot" }, this.renders[widget]())))));
+        }
+        static get watchers() { return {
+            "layout": ["handleLayoutChange"]
+        }; }
+    },
+    _renderedWidgets = new WeakMap(),
+    _blockStartWidgets = new WeakMap(),
+    _itemsInfo = new WeakMap(),
+    _layoutSplitterParts = new WeakMap(),
+    _flexibleLayoutRef = new WeakMap(),
+    _getViewInfo = new WeakMap(),
+    _handleViewItemChange = new WeakMap(),
+    _handleViewItemClose = new WeakMap(),
+    _removeWidget = new WeakMap(),
+    _updateSelectedWidget = new WeakMap(),
+    _handleViewItemReorder = new WeakMap(),
+    _a);
 ChFlexibleLayoutRender.style = flexibleLayoutRenderCss;
 
 export { ChFlexibleLayoutRender as ch_flexible_layout_render };

package/dist/esm/ch-flexible-layout-render.entry.js.map

@@ -1 +1 @@
-{"file":"ch-flexible-layout-render.entry.js","mappings":"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","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/flexible-layout/flexible-layout/utils.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/flexible-layout/flexible-layout-render.css?tag=ch-flexible-layout-render","node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/flexible-layout/flexible-layout-render.js"],"sourcesContent":["import { tabTypeToPart } from \"../../tab/utils\";\nlet lastViewId = 0;\nexport const getViewId = () => `view-${lastViewId++}`;\nexport const mapWidgetsToView = (widgets, viewsInfo, blockStartWidgets, renderedWidgets, viewType) => {\n    // Get a new id for the view\n    const viewId = getViewId();\n    if (viewType === \"blockStart\") {\n        // Store widgets in the Map\n        viewsInfo.set(viewId, {\n            id: viewId,\n            type: viewType,\n            renderedWidgets: null,\n            exportParts: \"\",\n            widgets: widgets\n        });\n        // Add the widgets to the blockStart section\n        widgets.forEach(widget => {\n            blockStartWidgets.add(widget.id);\n        });\n        return viewId;\n    }\n    const exportParts = tabTypeToPart[viewType](widgets);\n    const renderedWidgetsInView = new Set();\n    let existSelectedItem = false;\n    widgets.forEach(widget => {\n        if (widget.selected || widget.wasRendered) {\n            // Ensure proper initialization\n            widget.wasRendered = true;\n            renderedWidgetsInView.add(widget.id);\n            renderedWidgets.add(widget.id);\n            existSelectedItem = true;\n        }\n    });\n    // If there is no widget selected by default, select one\n    if (!existSelectedItem) {\n        const defaultSelectedWidget = viewType === \"main\" || viewType === \"blockEnd\"\n            ? widgets[widgets.length - 1]\n            : widgets[0];\n        defaultSelectedWidget.selected = true;\n        defaultSelectedWidget.wasRendered = true;\n        renderedWidgetsInView.add(defaultSelectedWidget.id);\n        renderedWidgets.add(defaultSelectedWidget.id);\n    }\n    // Store widgets in the Map\n    viewsInfo.set(viewId, {\n        id: viewId,\n        type: viewType,\n        renderedWidgets: renderedWidgetsInView,\n        exportParts,\n        widgets: widgets\n    });\n    return viewId;\n};\nconst getItemsModel = (flexibleItems, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets) => flexibleItems.map(item => {\n    // Group\n    if (item.items != null) {\n        const group = item;\n        const splitterGroup = {\n            direction: group.direction,\n            items: getItemsModel(group.items, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets),\n            size: group.size\n        };\n        // Custom behaviors\n        addCustomBehavior(item, splitterGroup, layoutSplitterParts);\n        return splitterGroup;\n    }\n    // Leaf\n    const leaf = item;\n    const viewId = mapWidgetsToView(leaf.widgets, viewsInfo, blockStartWidgets, renderedWidgets, leaf.viewType);\n    const splitterLeaf = {\n        id: viewId,\n        size: leaf.size,\n        fixedOffsetSize: leaf.fixedOffsetSize\n    };\n    // Custom behaviors\n    addCustomBehavior(item, splitterLeaf, layoutSplitterParts);\n    return splitterLeaf;\n});\nfunction addCustomBehavior(item, splitterItem, layoutSplitterParts) {\n    if (item.hideDragBar) {\n        splitterItem.hideDragBar = true;\n    }\n    if (item.dragBarPart != null) {\n        splitterItem.dragBarPart = item.dragBarPart;\n        layoutSplitterParts.add(item.dragBarPart);\n    }\n}\nexport const getLayoutModel = (flexibleLayout, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets) => ({\n    direction: flexibleLayout.direction,\n    items: getItemsModel(flexibleLayout.items, viewsInfo, blockStartWidgets, layoutSplitterParts, renderedWidgets)\n});\n//# sourceMappingURL=utils.js.map\n","ch-flexible-layout-render,\n.ch-flexible-layout-render-slot {\n  display: contents;\n}","import { forceUpdate, h } from \"@stencil/core\";\nimport { getLayoutModel } from \"../../flexible-layout/flexible-layout/utils\";\nexport class ChFlexibleLayoutRender {\n    constructor() {\n        this.cssClass = \"flexible-layout\";\n        this.layout = undefined;\n        this.renders = undefined;\n    }\n    /**\n     * This Set provides optimizations to not render items that were never\n     * shown on the screen.\n     */\n    renderedWidgets = new Set();\n    blockStartWidgets = new Set();\n    viewsInfo = new Map();\n    layoutSplitterModels;\n    layoutSplitterParts = \"\";\n    // Refs\n    flexibleLayoutRef;\n    handleLayoutChange(newLayout) {\n        this.setLayoutSplitterModels(newLayout);\n    }\n    setLayoutSplitterModels(layout) {\n        // Empty layout\n        if (layout == null) {\n            // Reset layout\n            this.layoutSplitterModels = { direction: \"columns\", items: [] };\n            return;\n        }\n        const layoutSplitterPartsSet = new Set();\n        this.layoutSplitterModels = getLayoutModel(layout, this.viewsInfo, this.blockStartWidgets, layoutSplitterPartsSet, this.renderedWidgets);\n        this.layoutSplitterParts = [...layoutSplitterPartsSet.values()].join(\",\");\n    }\n    handleViewItemChange = (event) => {\n        event.stopPropagation();\n        const selectedItemInfo = event.detail;\n        const viewInfo = this.viewsInfo.get(selectedItemInfo.viewId);\n        // Mark the item as rendered\n        this.renderedWidgets.add(selectedItemInfo.newSelectedId);\n        viewInfo.renderedWidgets.add(selectedItemInfo.newSelectedId);\n        // Mark the item as selected, displayed and rendered\n        const newSelectedItem = viewInfo.widgets[selectedItemInfo.newSelectedIndex];\n        newSelectedItem.selected = true;\n        newSelectedItem.wasRendered = true;\n        // Unselected the previous item\n        if (selectedItemInfo.lastSelectedIndex !== -1) {\n            const previousSelectedItem = viewInfo.widgets[selectedItemInfo.lastSelectedIndex];\n            previousSelectedItem.selected = false;\n        }\n        // Shallow copy the widgets to ensure the flexible layout re-renders the view\n        viewInfo.widgets = [...viewInfo.widgets];\n        // Queue re-renders\n        forceUpdate(this);\n        forceUpdate(this.flexibleLayoutRef);\n    };\n    componentWillLoad() {\n        this.setLayoutSplitterModels(this.layout);\n    }\n    render() {\n        // Check render against the \"layout\" property\n        if (this.layout == null) {\n            return \"\";\n        }\n        return (h(\"ch-flexible-layout\", { class: this.cssClass || null, layoutModel: this.layoutSplitterModels, layoutSplitterParts: this.layoutSplitterParts, viewsInfo: this.viewsInfo, onSelectedViewItemChange: this.handleViewItemChange, ref: el => (this.flexibleLayoutRef = el) }, [...this.blockStartWidgets].map(widgetId => this.renders[widgetId]()), [...this.renderedWidgets.values()].map(widget => (h(\"div\", { key: widget, slot: widget, class: \"ch-flexible-layout-render-slot\" }, this.renders[widget]())))));\n    }\n    static get is() { return \"ch-flexible-layout-render\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"flexible-layout-render.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"flexible-layout-render.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"cssClass\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A CSS class to set as the `ch-flexible-layout` element class.\"\n                },\n                \"attribute\": \"css-class\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"flexible-layout\\\"\"\n            },\n            \"layout\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FlexibleLayout\",\n                    \"resolved\": \"{ direction: LayoutSplitterDirection; items: FlexibleLayoutItem[]; }\",\n                    \"references\": {\n                        \"FlexibleLayout\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayout\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the distribution of the items in the flexible layout.\"\n                }\n            },\n            \"renders\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FlexibleLayoutRenders\",\n                    \"resolved\": \"{ [key: string]: () => any; }\",\n                    \"references\": {\n                        \"FlexibleLayoutRenders\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayoutRenders\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the distribution of the items in the flexible layout.\"\n                }\n            }\n        };\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"layout\",\n                \"methodName\": \"handleLayoutChange\"\n            }];\n    }\n}\n//# sourceMappingURL=flexible-layout-render.js.map\n"],"version":3}
+{"file":"ch-flexible-layout-render.entry.js","mappings":"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","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/flexible-layout/flexible-layout-render.css?tag=ch-flexible-layout-render","node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/flexible-layout/flexible-layout-render.js"],"sourcesContent":["ch-flexible-layout-render,\n.ch-flexible-layout-render-slot {\n  display: contents;\n}","import { forceUpdate, h } from \"@stencil/core\";\nimport { removeElement } from \"../../../common/array\";\nimport { getViewInfo, updateFlexibleModels } from \"./utils\";\nexport class ChFlexibleLayoutRender {\n    constructor() {\n        this.cssClass = \"flexible-layout\";\n        this.layout = undefined;\n        this.renders = undefined;\n    }\n    /**\n     * This Set provides optimizations to not render items that were never\n     * shown on the screen.\n     */\n    // eslint-disable-next-line @stencil-community/own-props-must-be-private\n    #renderedWidgets = new Set();\n    #blockStartWidgets = new Set();\n    #itemsInfo = new Map();\n    #layoutSplitterParts = \"\";\n    // Refs\n    #flexibleLayoutRef;\n    handleLayoutChange(newLayout) {\n        this.setLayoutSplitterModels(newLayout);\n    }\n    /**\n     * Removes a view and optionally all its rendered widget from the render.\n     * The reserved space will be given to the closest view.\n     */\n    async removeView(viewId, removeRenderedWidgets) {\n        const itemInfo = this.#itemsInfo.get(viewId);\n        if (!itemInfo) {\n            return { success: false, renamedItems: [] };\n        }\n        const viewInfo = itemInfo.view;\n        // The item is not a view (leaf). It's a group.\n        if (viewInfo == null) {\n            return { success: false, renamedItems: [] };\n        }\n        const success = await this.#flexibleLayoutRef.removeView(viewId);\n        if (!success) {\n            return { success: false, renamedItems: [] };\n        }\n        // Update view info, since it got renamed\n        const renamedItems = success.renamedItems;\n        renamedItems.forEach(renamedItem => {\n            const oldItemUIModel = this.#itemsInfo.get(renamedItem.oldId);\n            if (oldItemUIModel.view != null) {\n                const newItemUIModel = this.#itemsInfo.get(renamedItem.newId);\n                // Add view information\n                newItemUIModel.view = oldItemUIModel.view;\n                // Update view id\n                newItemUIModel.view.id = renamedItem.newId;\n            }\n            // Delete the old item\n            this.#itemsInfo.delete(renamedItem.oldId);\n        });\n        // console.log(this.#itemsInfo);\n        // Remove rendered widgets\n        if (removeRenderedWidgets) {\n            viewInfo.widgets.forEach(widget => {\n                this.#renderedWidgets.delete(widget.id);\n            });\n        }\n        // Delete the view\n        this.#itemsInfo.delete(viewId);\n        // Queue re-renders\n        forceUpdate(this);\n        return success;\n    }\n    setLayoutSplitterModels(layout) {\n        // Empty layout\n        if (layout == null) {\n            return;\n        }\n        const layoutSplitterPartsSet = new Set();\n        updateFlexibleModels(layout, this.#itemsInfo, this.#blockStartWidgets, layoutSplitterPartsSet, this.#renderedWidgets);\n        this.#layoutSplitterParts = [...layoutSplitterPartsSet.values()].join(\",\");\n    }\n    #getViewInfo = (viewId) => getViewInfo(this.#itemsInfo, viewId);\n    #handleViewItemChange = (event) => {\n        event.stopPropagation();\n        const selectedItemInfo = event.detail;\n        const viewInfo = this.#getViewInfo(selectedItemInfo.viewId);\n        // Mark the item as rendered\n        this.#renderedWidgets.add(selectedItemInfo.newSelectedId);\n        // Mark the item as rendered\n        const newSelectedItem = viewInfo.widgets[selectedItemInfo.newSelectedIndex];\n        newSelectedItem.wasRendered = true;\n        // Select the new item\n        this.#updateSelectedWidget(viewInfo, selectedItemInfo.newSelectedId);\n        // Queue re-renders\n        forceUpdate(this);\n        forceUpdate(this.#flexibleLayoutRef);\n    };\n    #handleViewItemClose = (event) => {\n        event.stopPropagation();\n        const itemCloseInfo = event.detail;\n        const viewInfo = this.#getViewInfo(itemCloseInfo.viewId);\n        // Last item from the view. Destroy the view and adjust the layout\n        if (viewInfo.widgets.length === 1) {\n            // TODO: Add implementation\n            return;\n        }\n        const viewWidgets = viewInfo.widgets;\n        const widgetsCount = viewWidgets.length;\n        const itemIndex = itemCloseInfo.itemIndex;\n        const itemUIModel = viewWidgets[itemIndex];\n        // If the item was selected, select another item\n        if (itemUIModel.id === viewInfo.selectedWidgetId) {\n            const newSelectedItem = itemIndex === widgetsCount - 1 // If it's the last item\n                ? viewWidgets[widgetsCount - 2] // Select the previous\n                : viewWidgets[itemIndex + 1]; // Otherwise, select the next\n            this.#renderedWidgets.add(newSelectedItem.id);\n            // Mark the item as selected and rendered\n            this.#updateSelectedWidget(viewInfo, newSelectedItem.id);\n            newSelectedItem.wasRendered = true;\n        }\n        this.#removeWidget(viewInfo, itemIndex);\n        // Queue re-renders\n        forceUpdate(this);\n        forceUpdate(this.#flexibleLayoutRef);\n    };\n    #removeWidget = (viewInfo, itemIndex, skipRenderRemoval = false) => {\n        // Remove the item from the view\n        const itemUIModel = removeElement(viewInfo.widgets, itemIndex);\n        this.#flexibleLayoutRef.removeItemPageInView(viewInfo.id, itemUIModel.id);\n        // Remove the item from the flexible-layout-render to optimize resources\n        if (itemUIModel.conserveRenderState !== true && !skipRenderRemoval) {\n            this.#renderedWidgets.delete(itemUIModel.id);\n            // TODO: Remove item in this.layout???\n        }\n    };\n    #updateSelectedWidget = (viewInfo, selectedId) => {\n        viewInfo.selectedWidgetId = selectedId;\n    };\n    #handleViewItemReorder = (event) => {\n        const reorderInfo = event.detail;\n        const viewId = reorderInfo.viewId;\n        const viewIdTarget = reorderInfo.viewIdTarget;\n        const dropAreaTarget = reorderInfo.dropAreaTarget;\n        const viewInfo = this.#getViewInfo(viewId);\n        // Dropping in the same view. Nothing to change\n        if (viewId === viewIdTarget &&\n            (dropAreaTarget === \"center\" || viewInfo.widgets.length === 1)) {\n            return;\n        }\n        const viewTargetInfo = this.#getViewInfo(viewIdTarget);\n        const itemIndex = reorderInfo.index;\n        const itemInfo = viewInfo.widgets[itemIndex];\n        // Mark the item as rendered, because the drag does not have to trigger item\n        // selection (which trigger item rendering)\n        this.#renderedWidgets.add(itemInfo.id);\n        itemInfo.wasRendered = true;\n        // Update the selected widget in the target view\n        this.#updateSelectedWidget(viewTargetInfo, itemInfo.id);\n        // The drop does not create a new view\n        if (dropAreaTarget === \"center\") {\n            viewTargetInfo.widgets.push(itemInfo);\n        }\n        else {\n            // HANDLE NEW VIEW CREATION\n            // CHECK IF THE PREVIOUS VIEW HAS ONLY ONE ITEM TO REUSE ITS VIEW ID?\n        }\n        // Remove the view, since it has no more items\n        if (viewInfo.widgets.length === 1) {\n            this.removeView(viewId, false);\n            // Refresh reference to force re-render\n            // this.#layoutSplitterModels = { ...this.#layoutSplitterModels }; // TODO: UPDATE THIS\n        }\n        // Remove the item in the view that belongs\n        else {\n            // Select the previous item if the remove item was selected\n            if (viewInfo.selectedWidgetId === itemInfo.id) {\n                const newSelectedIndex = itemIndex === 0 ? 1 : itemIndex - 1;\n                const newSelectedItem = viewInfo.widgets[newSelectedIndex];\n                // Mark the item as rendered\n                this.#renderedWidgets.add(newSelectedItem.id);\n                newSelectedItem.wasRendered = true;\n                // Mark the item as selected\n                this.#updateSelectedWidget(viewInfo, newSelectedItem.id);\n            }\n            // TODO: UPDATE THE SELECTED INTERNAL INDEX IN THE TAB ???\n            // Remove the item from the view\n            this.#removeWidget(viewInfo, itemIndex, true);\n        }\n        // Queue re-renders\n        // forceUpdate(this);\n        // this.#flexibleLayoutRef.refreshLayout();\n    };\n    componentWillLoad() {\n        this.setLayoutSplitterModels(this.layout);\n    }\n    render() {\n        // Check render against the \"layout\" property\n        if (this.layout == null) {\n            return \"\";\n        }\n        return (h(\"ch-flexible-layout\", { class: this.cssClass || null, layoutModel: this.layout, layoutSplitterParts: this.#layoutSplitterParts, itemsInfo: this.#itemsInfo, onViewItemClose: this.#handleViewItemClose, onViewItemReorder: this.#handleViewItemReorder, onSelectedViewItemChange: this.#handleViewItemChange, ref: el => (this.#flexibleLayoutRef = el) }, [...this.#blockStartWidgets].map(widgetId => this.renders[widgetId]()), [...this.#renderedWidgets.values()].map(widget => (h(\"div\", { key: widget, slot: widget, class: \"ch-flexible-layout-render-slot\" }, this.renders[widget]())))));\n    }\n    static get is() { return \"ch-flexible-layout-render\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"flexible-layout-render.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"flexible-layout-render.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"cssClass\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A CSS class to set as the `ch-flexible-layout` element class.\"\n                },\n                \"attribute\": \"css-class\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"flexible-layout\\\"\"\n            },\n            \"layout\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FlexibleLayout\",\n                    \"resolved\": \"Omit<LayoutSplitterDistribution, \\\"items\\\"> & { items: FlexibleLayoutItem[]; }\",\n                    \"references\": {\n                        \"FlexibleLayout\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayout\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the distribution of the items in the flexible layout.\"\n                }\n            },\n            \"renders\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FlexibleLayoutRenders\",\n                    \"resolved\": \"{ [key: string]: () => any; }\",\n                    \"references\": {\n                        \"FlexibleLayoutRenders\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayoutRenders\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the distribution of the items in the flexible layout.\"\n                }\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"removeView\": {\n                \"complexType\": {\n                    \"signature\": \"(viewId: string, removeRenderedWidgets: boolean) => Promise<LayoutSplitterItemRemoveResult>\",\n                    \"parameters\": [{\n                            \"name\": \"viewId\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"removeRenderedWidgets\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"LayoutSplitterItemRemoveResult\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../../components\",\n                            \"id\": \"src/components.d.ts::LayoutSplitterItemRemoveResult\"\n                        },\n                        \"FlexibleLayoutItemExtended\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayoutItemExtended\"\n                        },\n                        \"FlexibleLayoutLeaf\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayoutLeaf\"\n                        }\n                    },\n                    \"return\": \"Promise<LayoutSplitterItemRemoveResult>\"\n                },\n                \"docs\": {\n                    \"text\": \"Removes a view and optionally all its rendered widget from the render.\\nThe reserved space will be given to the closest view.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"layout\",\n                \"methodName\": \"handleLayoutChange\"\n            }];\n    }\n}\n//# sourceMappingURL=flexible-layout-render.js.map\n"],"version":3}