@genexus/genexus-ide-ui 0.0.92 → 0.0.94

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

@@ -0,0 +1 @@
+{"version":3,"names":["BLOCK_START","BLOCK_END","INLINE_START","INLINE_END","START_HALF_THRESHOLD","END_HALF_THRESHOLD","EDGE_SIZE","setProperty","element","property","value","style","droppableAreaMap","documentRect","mainViewRect","top","height","left","width","center","lastDroppableArea","lastViewId","handleWidgetDrag","draggableView","droppableAreaRef","event","stopPropagation","document","documentElement","getBoundingClientRect","mainView","positionX","clientX","positionY","clientY","distanceToTheLeftEdge","distanceToTheTopEdge","relativePositionX","relativePositionY","droppableArea","inBetween","viewId","droppableAreaSizes","removeDroppableAreaStyles","undefined","removeAttribute","getWidgetDropInfo","dropAreaTarget","viewIdTarget","flexibleLayoutCss","ESCAPE_KEY","ChFlexibleLayout","_a$2","constructor","hostRef","_draggableViews","set","this","_dragInfo","_viewsOutOfDroppableZoneController","_draggedViewRef","_droppableAreaRef","_layoutSplitterRef","_getViewInfo","getViewInfo","itemsInfo","_getAllViews","views","forEach","item","itemView","view","push","handleMainGroupExpand","forceUpdate","handleItemChange","eventInfo","Object","assign","detail","selectedViewItemChange","emit","handleItemClose","viewItemClose","handleDragStart","async","__classPrivateFieldSet","target","el","shadowRoot","querySelectorAll","index","draggableViewsResult","Promise","allSettled","map","getDraggableViews","draggableViewResult","status","abortController","AbortController","extendedDraggableView","id","__classPrivateFieldGet","addEventListener","capture","passive","signal","tabListView","pointerEvents","pageView","_handleWidgetDragEnd","_handleWidgetDragEndKeydown","showPopover","promoteDragPreviewToTopLayer","dragBarDisabled","code","preventDefault","call","endDragPreview","abort","removeEventListener","dropInfo","viewItemReorder","hidePopover","renderTab","tabType","viewInfo","h","key","slot","exportparts","exportParts","items","widgets","selectedId","selectedWidgetId","type","onExpandMainGroup","onItemClose","onItemDragStart","onSelectedItemChange","widget","wasRendered","name","renderView","layoutModel","layoutSplitterParts","refreshLayout","removeView","itemId","result","removeItem","success","removeItemPageInView","forceRerender","viewRef","querySelector","removePage","render","Host","layout","ref","class","part","popover","sizesToGridTemplate","lastItemIndex","dragBar","hidden","get","actualSize","size","join","getFrSize","Number","replace","trim","getPxSize","hasAbsoluteValue","includes","getComponentSize","fixedSizesSum","frValue","fixedOffsetSize","updateSize","itemUIModel","increment","unitType","itemInfo","currentValue","newValue","updateOffsetSize","fixAndUpdateLayoutModel","fixAndUpdateSubModel","ROOT_VIEW","parentItem","frSum","length","adjustedFrValue","group","updateComponentsAndDragBar","info","incrementInPx","gridTemplateDirectionCustomVar","incrementInPxRTL","direction","RTL","layoutItems","fixedSizes","remainingRelativeSizeInPixels","containerSize","incrementInFr","startItemUIModel","itemStartId","endItemUIModel","itemEndId","container","getMousePosition","findItemInParent","itemToFind","findIndex","itemToRemoveUIModel","renamedItems","itemsToRemove","itemToRemoveIndex","parentItemItems","itemToAddSpace","addSpaceToItem","parentItemUIModel","secondParentItem","parentItemIndex","itemToReplace","oldId","newId","keys","delete","itemToRemove","removeElement","itemToSubtractUIModel","itemToAddUIModel","console","log","itemToSubtractInfo","itemToAddInfo","newFrSize","layoutSplitterCss","RESIZING_CLASS","GRID_TEMPLATE_DIRECTION_CUSTOM_VAR","DIRECTION_CLASS","TEMPLATE_STYLE","getAriaControls","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","ChLayoutSplitter","_a$1","_needForRAF","_mouseDownInfo","_lastMousePosition","_newMousePosition","_fixedSizesSumRoot","_itemsInfo","Map","_handleBarDrag","_handleBarDragRAF","_needForRAF$1","requestAnimationFrame","_removeMouseMoveHandler","_mouseUpHandler","classList","remove","_initializeDragBarValuesForResizeProcessing","dragBarContainer","parentElement","clientWidth","clientHeight","isRTL","add","_mouseDownHandler","currentMousePosition","_handleResize","positiveIncrement","incrementWithKeyboard","_renderItems","lastComponentIndex","_b","role","barAccessibleName","title","tabindex","_c","_d","onKeyDown","onMouseDown","handleComponentsChange","newLayout","updateLayoutInfo","clear","connectedCallback","disconnectedCallback","tabCss","TRANSITION_DURATION","BUTTON_POSITION_X","BUTTON_POSITION_Y","BUTTON_SIZE","MOUSE_OFFSET_X","MOUSE_OFFSET_Y","MOUSE_POSITION_X","MOUSE_POSITION_Y","TAB_LIST_EDGE_START_POSITION","TAB_LIST_EDGE_END_POSITION","DECORATIVE_IMAGE","HOME","END","FIRST_CAPTION_BUTTON","tabListRef","LAST_CAPTION_BUTTON","isDecorativeImg","startImageSrc","startImageType","getDirection","isBlockDirection","setButtonInitialPosition","setButtonSize","setMousePosition","setTabListStartEndPosition","startPosition","endPosition","getTabListSizesAndSetPosition","buttonRect","tabListRect","tabListSizes","xStart","x","xEnd","yStart","y","yEnd","setMouseOffset","offsetX","offsetY","addGrabbingStyle","body","removeGrabbingStyle","removeProperty","focusNextOrPreviousCaption","focusNextSibling","focusedCaption","nextFocusedCaption","nextElementSibling","previousElementSibling","focus","click","ChTab","_a","_cancelId","_classes","_parts","_direction","_selectedIndex","_showCaptions","_lastDragEvent","_initialMousePosition","_itemSizes","_mouseBoundingLimits","_renderedPages","Set","_dragPreviewRef","_tabListRef","_tabPageRef","_keyEvents","ev","focusedButton","_handleSelectedItemChange","selectedItemChange","lastSelectedIndex","newSelectedId","newSelectedIndex","_updateRenderedPages","_handleItemDblClick","expandMainGroup","_handleDragStart","draggedElementIndex","mousePositionX","mousePositionY","getItemSize","children","buttonSizes","mouseDistanceToButtonTopEdge","mouseDistanceToButtonBottomEdge","mouseDistanceToButtonLeftEdge","mouseDistanceToButtonRightEdge","_handleItemDrag","_handleDragEnd","cancelAnimationFrame","anItemWasReordered","hasCrossedBoundaries","draggedElementNewIndex","itemToInsert","insertIntoIndex","adjustLastSelectedIndexValueAfterReorder","mouseLimits","draggedButtonIsInsideTheTabList","itemDragStart","mousePosition","hasMovedToTheEnd","distanceTraveled","Math","abs","newIndex","_handleClose","itemClose","itemIndex","_handleTabFocus","keyEventHandler","currentFocusedCaption","focusComposedPath","closest","BUTTON","_imgRender","IMAGE","alt","src","loading","_renderTabBar","thereAreShiftedElements","accessibleName","TAB_LIST","CAPTION_ID","PAGE_ID","toString","tokenMap","SELECTED_PART","onAuxClick","onClick","onDblClick","onDragStart","dragDisabled","closeButtonAccessibleName","CLOSE_BUTTON_PART","_renderTabPages","PAGE_CONTAINER","expanded","PAGE","_renderDragPreview","draggedElement","classes","DRAG_PREVIEW","DRAG_PREVIEW_OUTSIDE","DRAG_PREVIEW_INSIDE_INLINE","DRAG_PREVIEW_INSIDE_BLOCK","DRAG_PREVIEW_ELEMENT","_initializeState","_setClassesAndParts","BUTTON_CLASS","IMAGE_CLASS","PAGE_CLASS","PAGE_CONTAINER_CLASS","PAGE_NAME","PAGE_NAME_CLASS","TAB_LIST_CLASS","entries","handleItemsChange","newItems","handleSelectedIdChange","handleTypeChange","newType","pageId","componentWillLoad","draggedIndex","thereAreShiftedElementsInPreview"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/flexible-layout/utils.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/flexible-layout/flexible-layout/flexible-layout.css?tag=ch-flexible-layout&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/flexible-layout/flexible-layout/flexible-layout.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/utils.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/remove-item.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/layout-splitter.css?tag=ch-layout-splitter&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/layout-splitter/layout-splitter.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/tab/tab.css?tag=ch-tab&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/tab/tab.js"],"sourcesContent":["import { inBetween } from \"../../common/utils\";\n// Custom vars\nconst BLOCK_START = \"--ch-flexible-layout-drop-area-block-start\";\nconst BLOCK_END = \"--ch-flexible-layout-drop-area-block-end\";\nconst INLINE_START = \"--ch-flexible-layout-drop-area-inline-start\";\nconst INLINE_END = \"--ch-flexible-layout-drop-area-inline-end\";\n/**\n * If the mouse position is in the interval [0%, 30%] the droppable area should\n * be displayed at the START position with half the size.\n */\nconst START_HALF_THRESHOLD = 30; // In percentage\n/**\n * If the mouse position is in the interval [70%, 100%] the droppable area\n * should be displayed at the END position with half the size.\n */\nconst END_HALF_THRESHOLD = 100 - START_HALF_THRESHOLD; // In percentage\nconst EDGE_SIZE = 0.5;\nconst setProperty = (element, property, value) => element.style.setProperty(property, `${value}px`);\nconst droppableAreaMap = {\n    \"block-start\": (documentRect, mainViewRect) => [\n        mainViewRect.top,\n        documentRect.height - (mainViewRect.top + mainViewRect.height * EDGE_SIZE),\n        mainViewRect.left,\n        documentRect.width - (mainViewRect.left + mainViewRect.width)\n    ],\n    \"block-end\": (documentRect, mainViewRect) => [\n        mainViewRect.top + mainViewRect.height * EDGE_SIZE,\n        documentRect.height - (mainViewRect.top + mainViewRect.height),\n        mainViewRect.left,\n        documentRect.width - (mainViewRect.left + mainViewRect.width)\n    ],\n    \"inline-start\": (documentRect, mainViewRect) => [\n        mainViewRect.top,\n        documentRect.height - (mainViewRect.top + mainViewRect.height),\n        mainViewRect.left,\n        documentRect.width - (mainViewRect.left + mainViewRect.width * EDGE_SIZE)\n    ],\n    \"inline-end\": (documentRect, mainViewRect) => [\n        mainViewRect.top,\n        documentRect.height - (mainViewRect.top + mainViewRect.height),\n        mainViewRect.left + mainViewRect.width * EDGE_SIZE,\n        documentRect.width - (mainViewRect.left + mainViewRect.width)\n    ],\n    center: (documentRect, mainViewRect) => [\n        mainViewRect.top,\n        documentRect.height - (mainViewRect.top + mainViewRect.height),\n        mainViewRect.left,\n        documentRect.width - (mainViewRect.left + mainViewRect.width)\n    ]\n};\nlet lastDroppableArea;\nlet lastViewId;\nexport const handleWidgetDrag = (draggableView, droppableAreaRef) => (event) => {\n    event.stopPropagation(); // Prevents the remove of the droppable area\n    // - - - - - - - - - - - DOM read operations - - - - - - - - - - -\n    const documentRect = document.documentElement.getBoundingClientRect();\n    const mainViewRect = draggableView.mainView.getBoundingClientRect();\n    const positionX = event.clientX; // Mouse position X\n    const positionY = event.clientY; // Mouse position Y\n    const distanceToTheLeftEdge = positionX - mainViewRect.left;\n    const distanceToTheTopEdge = positionY - mainViewRect.top;\n    const relativePositionX = (distanceToTheLeftEdge / mainViewRect.width) * 100;\n    const relativePositionY = (distanceToTheTopEdge / mainViewRect.height) * 100;\n    let droppableArea;\n    // Block start (Most likely droppable area)\n    if (relativePositionY <= START_HALF_THRESHOLD &&\n        inBetween(relativePositionY, relativePositionX, 100 - relativePositionY)) {\n        droppableArea = \"block-start\";\n    }\n    // Inline End (second most likely droppable area)\n    else if (relativePositionX >= END_HALF_THRESHOLD &&\n        inBetween(100 - relativePositionX, relativePositionY, relativePositionX)) {\n        droppableArea = \"inline-end\";\n    }\n    // Inline Start\n    else if (relativePositionX <= START_HALF_THRESHOLD &&\n        inBetween(relativePositionX, relativePositionY, 100 - relativePositionX)) {\n        droppableArea = \"inline-start\";\n    }\n    // Block end\n    else if (relativePositionY >= END_HALF_THRESHOLD &&\n        inBetween(100 - relativePositionY, relativePositionX, relativePositionY)) {\n        droppableArea = \"block-end\";\n    }\n    // Center\n    else {\n        droppableArea = \"center\";\n    }\n    // If the droppable area did not change, there is no need to update the DOM\n    if (lastViewId === draggableView.viewId &&\n        lastDroppableArea === droppableArea) {\n        return;\n    }\n    lastDroppableArea = droppableArea;\n    lastViewId = draggableView.viewId;\n    const droppableAreaSizes = droppableAreaMap[droppableArea](documentRect, mainViewRect);\n    // - - - - - - - - - - - DOM write operations - - - - - - - - - - -\n    setProperty(droppableAreaRef, BLOCK_START, droppableAreaSizes[0]);\n    setProperty(droppableAreaRef, BLOCK_END, droppableAreaSizes[1]);\n    setProperty(droppableAreaRef, INLINE_START, droppableAreaSizes[2]);\n    setProperty(droppableAreaRef, INLINE_END, droppableAreaSizes[3]);\n};\nexport const removeDroppableAreaStyles = (droppableAreaRef) => {\n    lastDroppableArea = undefined;\n    lastViewId = undefined;\n    droppableAreaRef.removeAttribute(\"style\");\n};\nexport const getWidgetDropInfo = () => lastDroppableArea === undefined\n    ? undefined\n    : { dropAreaTarget: lastDroppableArea, viewIdTarget: lastViewId };\n//# sourceMappingURL=utils.js.map\n",":host {\n  display: contents;\n}\n\n.droppable-area {\n  width: auto;\n  height: auto;\n  padding: 0;\n  margin: 0;\n  border: unset;\n  color: unset;\n  inset-block: var(--ch-flexible-layout-drop-area-block-start) var(--ch-flexible-layout-drop-area-block-end);\n  inset-inline: var(--ch-flexible-layout-drop-area-inline-start) var(--ch-flexible-layout-drop-area-inline-end);\n  background-color: color-mix(in srgb, currentColor 15%, transparent);\n  transition-property: inset;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in-out;\n  pointer-events: none;\n}","import { Host, forceUpdate, h } from \"@stencil/core\";\nimport { getWidgetDropInfo, handleWidgetDrag, removeDroppableAreaStyles } from \"../utils\";\nimport { getViewInfo } from \"../../renders/flexible-layout/utils\";\n// Keys\nconst ESCAPE_KEY = \"Escape\";\n// const KEY_B = \"KeyB\";\nexport class ChFlexibleLayout {\n    constructor() {\n        this.dragBarDisabled = false;\n        this.layoutModel = undefined;\n        this.layoutSplitterParts = undefined;\n        this.itemsInfo = undefined;\n    }\n    #draggableViews;\n    #dragInfo;\n    #viewsOutOfDroppableZoneController; // Allocated at runtime to reduce memory usage\n    // Refs\n    #draggedViewRef;\n    #droppableAreaRef;\n    #layoutSplitterRef;\n    el;\n    /**\n     * Fired when a item of a view request to be closed.\n     */\n    viewItemClose;\n    /**\n     * Fired when the selected item change.\n     */\n    selectedViewItemChange;\n    /**\n     * Fired when a widget is dragged and dropped into a view.\n     */\n    viewItemReorder;\n    /**\n     * Schedules a new render of the control even if no state changed.\n     */\n    async refreshLayout() {\n        forceUpdate(this);\n        this.#layoutSplitterRef.refreshLayout();\n    }\n    /**\n     * Removes the view that is identified by the given ID.\n     * The layout is rearranged depending on the state of the removed view.\n     */\n    async removeView(itemId) {\n        const result = await this.#layoutSplitterRef.removeItem(itemId);\n        if (result.success) {\n            // Queue re-renders\n            forceUpdate(this);\n        }\n        return result;\n    }\n    /**\n     * Given the view ID and the item id, remove the page of the item from the view.\n     */\n    async removeItemPageInView(viewId, itemId, forceRerender = true) {\n        const viewInfo = this.#getViewInfo(viewId);\n        if (!viewInfo) {\n            return;\n        }\n        const viewRef = this.el.shadowRoot.querySelector(`ch-tab[id='${viewInfo.id}']`);\n        await viewRef.removePage(itemId, forceRerender);\n    }\n    #getViewInfo = (viewId) => getViewInfo(this.itemsInfo, viewId);\n    #getAllViews = () => {\n        const views = [];\n        this.itemsInfo.forEach(item => {\n            const itemView = item\n                .view;\n            if (itemView != null) {\n                views.push(itemView);\n            }\n        });\n        return views;\n    };\n    // @Listen(\"keydown\", { target: \"document\" })\n    // handleKeyDownEvent(event: KeyboardEvent) {\n    // if (\n    //   !mouseEventModifierKey(event) ||\n    //   event.code !== KEY_B ||\n    //   this.layout.inlineStart == null\n    // ) {\n    //   return;\n    // }\n    // event.stopPropagation();\n    // event.preventDefault();\n    // this.layout.inlineStart.expanded = !(\n    //   this.layout.inlineStart.expanded ?? true\n    // );\n    //   forceUpdate(this);\n    // }\n    handleMainGroupExpand = () => {\n        // if (this.layout.inlineStart) {\n        //   this.layout.inlineStart.expanded = false;\n        // }\n        // if (this.layout.inlineEnd) {\n        //   this.layout.inlineEnd.expanded = false;\n        // }\n        // if (this.layout.blockEnd) {\n        //   this.layout.blockEnd.expanded = false;\n        // }\n        forceUpdate(this);\n    };\n    handleItemChange = (viewId) => (event) => {\n        event.stopPropagation();\n        // Add the view id to properly update the render\n        const eventInfo = {\n            ...event.detail,\n            viewId: viewId\n        };\n        this.selectedViewItemChange.emit(eventInfo);\n    };\n    handleItemClose = (viewId) => (event) => {\n        event.stopPropagation();\n        // Add the view id to properly update the render\n        const eventInfo = {\n            ...event.detail,\n            viewId: viewId\n        };\n        this.viewItemClose.emit(eventInfo);\n    };\n    handleDragStart = (viewId) => async (event) => {\n        event.stopPropagation();\n        // We MUST store the reference before the Promise.allSettle, otherwise\n        // the event target will be the flexible-layout control\n        this.#draggedViewRef = event.target;\n        const views = [...this.el.shadowRoot.querySelectorAll(\"ch-tab\")];\n        this.#dragInfo = {\n            index: event.detail,\n            viewId: viewId\n        };\n        // Get all draggable views\n        const draggableViewsResult = await Promise.allSettled(views.map(view => view.getDraggableViews()));\n        // Allocate memory\n        this.#draggableViews = [];\n        // Add handlers to manage droppable areas\n        draggableViewsResult.forEach((draggableViewResult, index) => {\n            if (draggableViewResult.status === \"fulfilled\") {\n                const draggableView = draggableViewResult.value;\n                const abortController = new AbortController(); // Necessary to remove the event listener\n                const extendedDraggableView = {\n                    ...draggableView,\n                    viewId: views[index].id,\n                    abortController: abortController\n                };\n                this.#draggableViews.push(extendedDraggableView);\n                draggableView.mainView.addEventListener(\"mousemove\", handleWidgetDrag(extendedDraggableView, this.#droppableAreaRef), { capture: true, passive: true, signal: abortController.signal });\n                // Remove pointer events to not interfere on the mousemove event\n                extendedDraggableView.tabListView.style.pointerEvents = \"none\";\n                extendedDraggableView.pageView.style.pointerEvents = \"none\";\n            }\n        });\n        document.addEventListener(\"mouseup\", this.#handleWidgetDragEnd, {\n            passive: true\n        });\n        document.addEventListener(\"keydown\", this.#handleWidgetDragEndKeydown, {\n            passive: true\n        });\n        // Removes view when they are out of a droppable area\n        this.#viewsOutOfDroppableZoneController = new AbortController();\n        document.addEventListener(\"mousemove\", () => removeDroppableAreaStyles(this.#droppableAreaRef), {\n            passive: true,\n            signal: this.#viewsOutOfDroppableZoneController.signal\n        });\n        // Show droppable area\n        this.#droppableAreaRef.showPopover(); // Layer 1\n        // After that, promote the drag preview to the second layer\n        this.#draggedViewRef.promoteDragPreviewToTopLayer(); // Layer 2\n        // Disable drag bars in layout-splitter to improve the drag experience\n        this.dragBarDisabled = true;\n    };\n    #handleWidgetDragEndKeydown = (event) => {\n        if (event.code !== ESCAPE_KEY) {\n            return;\n        }\n        event.preventDefault();\n        // Cancels the drop by removing the drop info\n        removeDroppableAreaStyles(this.#droppableAreaRef);\n        this.#handleWidgetDragEnd();\n        this.#draggedViewRef.endDragPreview();\n    };\n    #handleWidgetDragEnd = () => {\n        // Remove mousemove handlers\n        this.#draggableViews.forEach(draggableView => {\n            draggableView.abortController.abort();\n            // Reset pointer events\n            draggableView.tabListView.style.pointerEvents = null;\n            draggableView.pageView.style.pointerEvents = null;\n        });\n        // Remove mouseup and keydown handlers\n        document.removeEventListener(\"mouseup\", this.#handleWidgetDragEnd);\n        document.removeEventListener(\"keydown\", this.#handleWidgetDragEndKeydown);\n        this.#viewsOutOfDroppableZoneController.abort();\n        // Check if must update the view due to a drop\n        const dropInfo = getWidgetDropInfo();\n        if (dropInfo) {\n            this.viewItemReorder.emit({ ...this.#dragInfo, ...dropInfo });\n        }\n        // Hide droppable area\n        this.#droppableAreaRef.hidePopover();\n        removeDroppableAreaStyles(this.#droppableAreaRef);\n        // Free the memory\n        this.#draggableViews = undefined;\n        this.#dragInfo = undefined;\n        // Re-enable drag bars\n        this.dragBarDisabled = false;\n    };\n    renderTab = (tabType, viewInfo) => (h(\"ch-tab\", { id: viewInfo.id, key: viewInfo.id, slot: viewInfo.id, exportparts: viewInfo.exportParts, items: viewInfo.widgets, selectedId: viewInfo.selectedWidgetId, type: tabType, onExpandMainGroup: tabType === \"main\" ? this.handleMainGroupExpand : null, onItemClose: this.handleItemClose(viewInfo.id), onItemDragStart: this.handleDragStart(viewInfo.id), onSelectedItemChange: this.handleItemChange(viewInfo.id) }, viewInfo.widgets.map(widget => widget.wasRendered && h(\"slot\", { name: widget.id, slot: widget.id }))));\n    renderView = (view) => view.type === \"blockStart\" ? (h(\"header\", { key: view.id, slot: view.id }, h(\"slot\", null))) : (this.renderTab(view.type, view));\n    render() {\n        const layoutModel = this.layoutModel;\n        if (layoutModel == null) {\n            return \"\";\n        }\n        return (h(Host, null, h(\"ch-layout-splitter\", { dragBarDisabled: this.dragBarDisabled, layout: layoutModel, exportparts: \"bar,\" + this.layoutSplitterParts, ref: el => (this.#layoutSplitterRef = el) }, this.#getAllViews().map(this.renderView)), h(\"div\", { \"aria-hidden\": \"true\", class: \"droppable-area\", part: \"droppable-area\", popover: \"manual\", ref: el => (this.#droppableAreaRef = el) })));\n    }\n    static get is() { return \"ch-flexible-layout\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"flexible-layout.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"flexible-layout.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"layoutModel\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LayoutSplitterDistribution\",\n                    \"resolved\": \"{ id: \\\"root\\\"; direction: LayoutSplitterDirection; items: LayoutSplitterDistributionItem[]; }\",\n                    \"references\": {\n                        \"LayoutSplitterDistribution\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../layout-splitter/types\",\n                            \"id\": \"src/components/layout-splitter/types.ts::LayoutSplitterDistribution\"\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            \"layoutSplitterParts\": {\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\": \"Specifies additional parts to export.\"\n                },\n                \"attribute\": \"layout-splitter-parts\",\n                \"reflect\": false\n            },\n            \"itemsInfo\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Map<\\n    string,\\n    FlexibleLayoutItemExtended<FlexibleLayoutItem>\\n  >\",\n                    \"resolved\": \"Map<string, FlexibleLayoutItemExtended<FlexibleLayoutItem>>\",\n                    \"references\": {\n                        \"Map\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Map\"\n                        },\n                        \"FlexibleLayoutItemExtended\": {\n                            \"location\": \"import\",\n                            \"path\": \"../types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayoutItemExtended\"\n                        },\n                        \"FlexibleLayoutItem\": {\n                            \"location\": \"import\",\n                            \"path\": \"../types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayoutItem\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the information of each view displayed.\"\n                }\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"dragBarDisabled\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"viewItemClose\",\n                \"name\": \"viewItemClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when a item of a view request to be closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"ViewItemCloseInfo\",\n                    \"resolved\": \"{ itemId: string; itemIndex: number; type: TabType; viewId: string; }\",\n                    \"references\": {\n                        \"ViewItemCloseInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::ViewItemCloseInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"selectedViewItemChange\",\n                \"name\": \"selectedViewItemChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the selected item change.\"\n                },\n                \"complexType\": {\n                    \"original\": \"ViewSelectedItemInfo\",\n                    \"resolved\": \"{ lastSelectedIndex: number; newSelectedId: string; newSelectedIndex: number; type: TabType; viewId: string; }\",\n                    \"references\": {\n                        \"ViewSelectedItemInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::ViewSelectedItemInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"viewItemReorder\",\n                \"name\": \"viewItemReorder\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when a widget is dragged and dropped into a view.\"\n                },\n                \"complexType\": {\n                    \"original\": \"WidgetReorderInfo\",\n                    \"resolved\": \"WidgetDragInfo & WidgetDropInfo\",\n                    \"references\": {\n                        \"WidgetReorderInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::WidgetReorderInfo\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"refreshLayout\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Schedules a new render of the control even if no state changed.\",\n                    \"tags\": []\n                }\n            },\n            \"removeView\": {\n                \"complexType\": {\n                    \"signature\": \"(itemId: string) => Promise<LayoutSplitterItemRemoveResult>\",\n                    \"parameters\": [{\n                            \"name\": \"itemId\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"LayoutSplitterItemRemoveResult\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../layout-splitter/types\",\n                            \"id\": \"src/components/layout-splitter/types.ts::LayoutSplitterItemRemoveResult\"\n                        }\n                    },\n                    \"return\": \"Promise<LayoutSplitterItemRemoveResult>\"\n                },\n                \"docs\": {\n                    \"text\": \"Removes the view that is identified by the given ID.\\nThe layout is rearranged depending on the state of the removed view.\",\n                    \"tags\": []\n                }\n            },\n            \"removeItemPageInView\": {\n                \"complexType\": {\n                    \"signature\": \"(viewId: string, itemId: string, forceRerender?: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"viewId\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"itemId\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"forceRerender\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLChTabElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLChTabElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Given the view ID and the item id, remove the page of the item from the view.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=flexible-layout.js.map\n","import { ROOT_VIEW } from \"../renders/flexible-layout/utils\";\nexport const sizesToGridTemplate = (items, itemsInfo, lastItemIndex) => items\n    .map((item, index) => item.dragBar?.hidden !== true && index !== lastItemIndex\n    ? `${itemsInfo.get(item.id).actualSize} ${item.dragBar?.size ?? 0}px` // Add a column to place the drag bar\n    : itemsInfo.get(item.id).actualSize // Last item or not resizable\n)\n    .join(\" \");\nexport const getFrSize = (item) => Number(item.size.replace(\"fr\", \"\").trim());\nexport const getPxSize = (item) => Number(item.size.replace(\"px\", \"\").trim());\nexport const hasAbsoluteValue = (item) => item.size.includes(\"px\");\nconst getComponentSize = (item, fixedSizesSum) => {\n    // Pixel value\n    if (hasAbsoluteValue(item)) {\n        return item.size;\n    }\n    // If the component has fr value, take into account the sum of fixed values\n    // to calculate the actual relative value\n    const frValue = getFrSize(item);\n    if (fixedSizesSum === 0) {\n        return `${frValue * 100}%`;\n    }\n    return item.fixedOffsetSize\n        ? `calc(${frValue * 100}% - ${fixedSizesSum * frValue - item.fixedOffsetSize}px)`\n        : `calc(${frValue * 100}% - ${fixedSizesSum * frValue}px)`;\n};\nexport const updateSize = (itemUIModel, increment, fixedSizesSum, unitType) => {\n    const itemInfo = itemUIModel.item;\n    const currentValue = unitType === \"px\" ? getPxSize(itemInfo) : getFrSize(itemInfo);\n    const newValue = currentValue + increment;\n    itemInfo.size = `${newValue}${unitType}`;\n    itemUIModel.actualSize = getComponentSize(itemInfo, fixedSizesSum);\n};\nexport const updateOffsetSize = (itemUIModel, increment, fixedSizesSum) => {\n    const itemInfo = itemUIModel.item;\n    itemInfo.fixedOffsetSize ??= 0;\n    itemInfo.fixedOffsetSize += increment;\n    itemUIModel.actualSize = getComponentSize(itemInfo, fixedSizesSum);\n};\nexport const fixAndUpdateLayoutModel = (layout, itemsInfo) => fixAndUpdateSubModel(layout.items, itemsInfo, ROOT_VIEW);\nfunction fixAndUpdateSubModel(items, itemsInfo, parentItem) {\n    let frSum = 0;\n    let fixedSizesSum = 0;\n    const lastItemIndex = items.length - 1;\n    // Get the sum of all fr values. Also, store the sum of fixed sizes\n    items.forEach((item, index) => {\n        if (hasAbsoluteValue(item)) {\n            fixedSizesSum += getPxSize(item);\n        }\n        else {\n            frSum += getFrSize(item);\n        }\n        // Take into account previous resizes (fixedOffsetSize values) and add drag\n        // bar sizes if this is not the last item\n        fixedSizesSum +=\n            (item.fixedOffsetSize ?? 0) +\n                (index !== lastItemIndex ? item.dragBar?.size ?? 0 : 0);\n    });\n    // If there are fr values, we must adjust the frs values to be relative to 1fr\n    if (frSum > 0) {\n        items.forEach(item => {\n            if (!hasAbsoluteValue(item)) {\n                const frValue = getFrSize(item);\n                const adjustedFrValue = frValue / frSum;\n                item.size = `${adjustedFrValue}fr`;\n            }\n        });\n    }\n    // Update the actualSizes and fixedSizes maps\n    items.forEach(item => {\n        const itemUIModel = {\n            item: item,\n            parentItem: parentItem,\n            actualSize: getComponentSize(item, fixedSizesSum)\n        };\n        if (item.items != null) {\n            // eslint-disable-next-line prettier/prettier\n            const group = item;\n            const fixedSizesSum = fixAndUpdateSubModel(group.items, itemsInfo, group);\n            itemUIModel.fixedSizesSum = fixedSizesSum;\n        }\n        itemsInfo.set(item.id, itemUIModel);\n    });\n    return fixedSizesSum;\n}\nexport const updateComponentsAndDragBar = (info, itemsInfo, incrementInPx, gridTemplateDirectionCustomVar) => {\n    // - - - - - - - - - Increments - - - - - - - - -\n    // When the language is RTL, the increment is in the opposite direction\n    const incrementInPxRTL = info.direction === \"columns\" && info.RTL ? -incrementInPx : incrementInPx;\n    const layoutItems = info.layoutItems;\n    const fixedSizes = info.fixedSizesSum;\n    const remainingRelativeSizeInPixels = info.containerSize - info.fixedSizesSum;\n    const incrementInFr = incrementInPxRTL / remainingRelativeSizeInPixels;\n    // Components at each position of the drag bar\n    const startItemUIModel = itemsInfo.get(info.itemStartId);\n    const endItemUIModel = itemsInfo.get(info.itemEndId);\n    // px / px\n    if (hasAbsoluteValue(startItemUIModel.item) &&\n        hasAbsoluteValue(endItemUIModel.item)) {\n        updateSize(startItemUIModel, incrementInPxRTL, fixedSizes, \"px\");\n        updateSize(endItemUIModel, -incrementInPxRTL, fixedSizes, \"px\");\n    }\n    // px / fr\n    else if (hasAbsoluteValue(startItemUIModel.item)) {\n        updateSize(startItemUIModel, incrementInPxRTL, fixedSizes, \"px\");\n        updateOffsetSize(endItemUIModel, -incrementInPxRTL, fixedSizes);\n    }\n    // fr / px\n    else if (hasAbsoluteValue(endItemUIModel.item)) {\n        updateOffsetSize(startItemUIModel, incrementInPxRTL, fixedSizes);\n        updateSize(endItemUIModel, -incrementInPxRTL, fixedSizes, \"px\");\n    }\n    // fr / fr\n    else {\n        updateSize(startItemUIModel, incrementInFr, fixedSizes, \"fr\");\n        updateSize(endItemUIModel, -incrementInFr, fixedSizes, \"fr\");\n    }\n    // Update in the DOM the grid distribution\n    info.container.style.setProperty(gridTemplateDirectionCustomVar, sizesToGridTemplate(layoutItems, itemsInfo, layoutItems.length - 1));\n};\nexport const getMousePosition = (event, direction) => (direction === \"columns\" ? event.clientX : event.clientY);\n//# sourceMappingURL=utils.js.map\n","import { removeElement } from \"../../common/array\";\nimport { getFrSize, getPxSize, hasAbsoluteValue, updateOffsetSize, updateSize } from \"./utils\";\nconst findItemInParent = (itemToFind) => {\n    const itemId = itemToFind.item.id;\n    return itemToFind.parentItem.items.findIndex(item => item.id === itemId);\n};\nexport const removeItem = (itemId, itemsInfo) => {\n    const itemToRemoveUIModel = itemsInfo.get(itemId);\n    if (!itemToRemoveUIModel) {\n        return { success: false, renamedItems: [] };\n    }\n    // TODO: Valid whether the parent is the root node or not. If it is the root, update the fixedSizesSum\n    const itemsToRemove = [];\n    const itemToRemoveIndex = findItemInParent(itemToRemoveUIModel);\n    const parentItem = itemToRemoveUIModel.parentItem;\n    const parentItemItems = parentItem.items;\n    const itemToAddSpace = parentItemItems[itemToRemoveIndex === 0 ? 1 : itemToRemoveIndex - 1];\n    const renamedItems = [];\n    // const itemToAddSpaceUIModel = itemsInfo.get(itemToAddSpace.id);\n    // Remove the item in a future iteration\n    itemsToRemove.push([parentItemItems, itemToRemoveIndex, itemId]);\n    // The space reserved for the item can be given to a sibling item\n    if (parentItemItems.length > 2) {\n        addSpaceToItem(itemToRemoveUIModel, itemsInfo.get(itemToAddSpace.id), itemsInfo);\n    }\n    // The current group will have one child. Remove the group and and reconnect\n    // the child item with the parent of its group\n    else if (parentItemItems.length === 2) {\n        // TODO: CHECK PARENT ROOT\n        const parentItemUIModel = itemsInfo.get(parentItem.id);\n        const secondParentItem = parentItemUIModel.parentItem;\n        const parentItemIndex = findItemInParent(parentItemUIModel);\n        const itemToReplace = secondParentItem.items[parentItemIndex];\n        // Push the item rename\n        renamedItems.push({ oldId: itemToAddSpace.id, newId: itemToReplace.id });\n        // This property is no longer valid in the new parent\n        delete itemToReplace.items;\n        // Update all properties in the new parent, except for some specific properties\n        Object.keys(itemToAddSpace).forEach((key) => {\n            if (key !== \"id\" &&\n                key !== \"size\" &&\n                key !== \"dragBar\" &&\n                key !== \"fixedOffsetSize\") {\n                itemToReplace[key] = itemToAddSpace[key];\n            }\n        });\n        itemsInfo.delete(itemToAddSpace.id);\n    }\n    else {\n        // Remove the item and its group parent\n    }\n    // Delete the item and all its descendants...\n    // TODO: Add recursive removal\n    itemsToRemove.forEach(itemToRemove => {\n        removeElement(itemToRemove[0], itemToRemove[1]);\n        itemsInfo.delete(itemToRemove[2]);\n    });\n    return { success: true, renamedItems: renamedItems };\n};\nfunction addSpaceToItem(itemToSubtractUIModel, itemToAddUIModel, itemsInfo) {\n    console.log(itemToSubtractUIModel, itemToAddUIModel);\n    // TODO: Add implementation. Ensure the given space is relative to 100% (1fr)\n    // TODO: Remove drag bar Size from fixedSizesSum\n    const itemToSubtractInfo = itemToSubtractUIModel.item;\n    const itemToAddInfo = itemToAddUIModel.item;\n    // px / px\n    if (hasAbsoluteValue(itemToSubtractInfo) && hasAbsoluteValue(itemToAddInfo)) {\n        // TODO: FixedSizesSum does not make sense when adding pixels. Update implementation to improve this\n        updateSize(itemToAddUIModel, getPxSize(itemToSubtractInfo), 0, \"px\");\n    }\n    // px / fr\n    else if (hasAbsoluteValue(itemToSubtractInfo)) {\n        // TODO: UPDATE FIXED SIZES SUM IN THE PARENT\n        // updateSize(startItemUIModel, incrementInPxRTL, fixedSizes, \"px\");\n        // updateOffsetSize(endItemUIModel, -incrementInPxRTL, fixedSizes);\n    }\n    // fr / px\n    else if (hasAbsoluteValue(itemToAddInfo)) {\n        // updateOffsetSize(startItemUIModel, incrementInPxRTL, fixedSizes);\n        // updateSize(endItemUIModel, -incrementInPxRTL, fixedSizes, \"px\");\n    }\n    // fr / fr\n    else {\n        // TODO: Check if the node is the root\n        const fixedSizesSum = itemsInfo.get(itemToSubtractUIModel.parentItem.id).fixedSizesSum;\n        // Update fixedOffsetSize if the removed item had\n        if (itemToSubtractInfo.fixedOffsetSize != null) {\n            updateOffsetSize(itemToSubtractUIModel, itemToSubtractInfo.fixedOffsetSize, fixedSizesSum);\n        }\n        const newFrSize = getFrSize(itemToSubtractInfo) + getFrSize(itemToAddInfo);\n        // TODO: In some situations, this should be avoided (fixedSizesSum). Find a way to remove the use of fixedSizesSum\n        updateSize(itemToAddUIModel, newFrSize, fixedSizesSum, \"fr\");\n    }\n}\n//# sourceMappingURL=remove-item.js.map\n","*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\n:host {\n  --ch-drag-bar__size: 5px;\n  display: grid;\n  position: relative;\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n:host(.gx-layout-splitter--resizing) ::slotted(*) {\n  pointer-events: none;\n}\n\n.bar {\n  --position-fix: calc((var(--size, 0px) - var(--ch-drag-bar__size)) / 2);\n  position: relative;\n  inline-size: 100%;\n  block-size: 100%;\n  background-color: currentColor;\n  z-index: 1;\n}\n.bar[aria-disabled] {\n  pointer-events: none;\n}\n.bar:focus-visible {\n  outline: unset;\n}\n.bar::after {\n  content: \"\";\n  display: flex;\n  position: absolute;\n  background-color: currentColor;\n  opacity: 0;\n  transition: opacity 0s linear;\n}\n.bar:is(:active, :focus-visible, :hover)::after {\n  opacity: 1;\n}\n.bar:hover::after {\n  transition-delay: 250ms;\n}\n\n.leaf {\n  display: contents;\n}\n\n.group {\n  display: grid;\n  position: relative;\n}\n\n.direction--columns {\n  grid-template-columns: var(--ch-layout-splitter__distribution);\n}\n.direction--columns > .bar {\n  cursor: ew-resize;\n}\n.direction--columns > .bar::after {\n  block-size: 100%;\n  inline-size: var(--ch-drag-bar__size);\n  margin-inline-start: var(--position-fix);\n}\n\n.direction--rows {\n  grid-template-rows: var(--ch-layout-splitter__distribution);\n}\n.direction--rows > .bar {\n  cursor: ns-resize;\n}\n.direction--rows > .bar::after {\n  block-size: var(--ch-drag-bar__size);\n  inline-size: 100%;\n  margin-block-start: var(--position-fix);\n}","import { forceUpdate, h } from \"@stencil/core\";\nimport { fixAndUpdateLayoutModel, getMousePosition, sizesToGridTemplate, updateComponentsAndDragBar } from \"./utils\";\nimport { isRTL } from \"../../common/utils\";\nimport { removeItem } from \"./remove-item\";\nconst RESIZING_CLASS = \"gx-layout-splitter--resizing\";\nconst GRID_TEMPLATE_DIRECTION_CUSTOM_VAR = \"--ch-layout-splitter__distribution\";\nconst DIRECTION_CLASS = (direction) => `group direction--${direction}`;\nconst TEMPLATE_STYLE = (items, itemsInfo) => ({\n    [GRID_TEMPLATE_DIRECTION_CUSTOM_VAR]: sizesToGridTemplate(items, itemsInfo, items.length - 1)\n});\nconst getAriaControls = (layoutItems, index) => `${layoutItems[index].id} ${layoutItems[index + 1].id}`;\n// Key codes\nconst ARROW_UP = \"ArrowUp\";\nconst ARROW_RIGHT = \"ArrowRight\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_LEFT = \"ArrowLeft\";\n/**\n * @part bar - The bar that divides two columns or two rows\n */\nexport class ChLayoutSplitter {\n    constructor() {\n        this.barAccessibleName = \"Resize\";\n        this.dragBarDisabled = false;\n        this.incrementWithKeyboard = 2;\n        this.layout = {\n            id: \"root\",\n            direction: \"columns\",\n            items: []\n        };\n    }\n    #needForRAF = true; // To prevent redundant RAF (request animation frame) calls\n    #mouseDownInfo;\n    #lastMousePosition;\n    #newMousePosition;\n    #fixedSizesSumRoot;\n    // Distribution of elements\n    #itemsInfo = new Map();\n    el;\n    handleComponentsChange(newLayout) {\n        this.updateLayoutInfo(newLayout);\n    }\n    /**\n     * Schedules a new render of the control even if no state changed.\n     */\n    async refreshLayout() {\n        forceUpdate(this);\n    }\n    /**\n     * Removes the item that is identified by the given ID.\n     * The layout is rearranged depending on the state of the removed item.\n     */\n    async removeItem(viewId) {\n        const result = removeItem(viewId, this.#itemsInfo);\n        if (result.success) {\n            // Queue re-renders\n            forceUpdate(this);\n        }\n        return result;\n    }\n    #handleBarDrag = (event) => {\n        event.preventDefault();\n        this.#newMousePosition = getMousePosition(event, this.#mouseDownInfo.direction);\n        this.#handleBarDragRAF();\n    };\n    #handleBarDragRAF = (incrementInPx) => {\n        if (!this.#needForRAF) {\n            return;\n        }\n        this.#needForRAF = false; // No need to call RAF up until next frame\n        requestAnimationFrame(() => {\n            this.#needForRAF = true; // RAF now consumes the movement instruction so a new one can come\n            updateComponentsAndDragBar(this.#mouseDownInfo, this.#itemsInfo, incrementInPx ?? this.#newMousePosition - this.#lastMousePosition, // Increment in px\n            GRID_TEMPLATE_DIRECTION_CUSTOM_VAR);\n            // Sync new position with last\n            this.#lastMousePosition = this.#newMousePosition;\n        });\n    };\n    // Handler to remove mouse down\n    #removeMouseMoveHandler = () => {\n        document.removeEventListener(\"mousemove\", this.#handleBarDrag, {\n            capture: true\n        });\n    };\n    // Remove mousemove and mouseup handlers when mouseup\n    #mouseUpHandler = () => {\n        this.#removeMouseMoveHandler();\n        document.removeEventListener(\"mouseup\", this.#mouseUpHandler, {\n            capture: true\n        });\n        // Add again pointer-events\n        this.el.classList.remove(RESIZING_CLASS);\n    };\n    #initializeDragBarValuesForResizeProcessing = (direction, index, fixedSizesSum, layoutItems, event) => {\n        // Initialize the values needed for drag processing\n        const dragBarContainer = event.target.parentElement;\n        this.#mouseDownInfo = {\n            container: dragBarContainer,\n            containerSize: direction === \"columns\"\n                ? dragBarContainer.clientWidth\n                : dragBarContainer.clientHeight,\n            direction: direction,\n            fixedSizesSum: fixedSizesSum,\n            itemStartId: layoutItems[index].id,\n            itemEndId: layoutItems[index + 1].id,\n            layoutItems: layoutItems,\n            RTL: isRTL()\n        };\n        // Remove pointer-events during drag\n        this.el.classList.add(RESIZING_CLASS);\n    };\n    #mouseDownHandler = (direction, index, fixedSizesSum, layoutItems) => (event) => {\n        // Necessary to prevent selecting the inner image (or other elements) of\n        // the bar item when the mouse is down\n        event.preventDefault();\n        this.#initializeDragBarValuesForResizeProcessing(direction, index, fixedSizesSum, layoutItems, event);\n        // Mouse position\n        const currentMousePosition = getMousePosition(event, direction);\n        this.#lastMousePosition = currentMousePosition;\n        this.#newMousePosition = currentMousePosition; // Also updated in mouse move\n        // Add listeners\n        document.addEventListener(\"mousemove\", this.#handleBarDrag, {\n            capture: true\n        });\n        document.addEventListener(\"mouseup\", this.#mouseUpHandler, {\n            capture: true,\n            passive: true\n        });\n    };\n    #handleResize = (direction, index, fixedSizesSum, layoutItems) => (event) => {\n        if ((direction === \"rows\" &&\n            event.code !== ARROW_UP &&\n            event.code !== ARROW_DOWN) ||\n            (direction === \"columns\" &&\n                event.code !== ARROW_LEFT &&\n                event.code !== ARROW_RIGHT)) {\n            return;\n        }\n        // Prevent scroll\n        event.preventDefault();\n        this.#initializeDragBarValuesForResizeProcessing(direction, index, fixedSizesSum, layoutItems, event);\n        const positiveIncrement = event.code === ARROW_RIGHT || event.code === ARROW_DOWN;\n        this.#handleBarDragRAF(positiveIncrement\n            ? this.incrementWithKeyboard\n            : -this.incrementWithKeyboard);\n    };\n    #renderItems = (direction, fixedSizesSum, layoutItems) => {\n        const lastComponentIndex = layoutItems.length - 1;\n        return layoutItems.map((item, index) => [\n            item.items ? (h(\"div\", { id: item.id, class: DIRECTION_CLASS(item.direction), style: TEMPLATE_STYLE(item.items, this.#itemsInfo) }, this.#renderItems(item.direction, this.#itemsInfo.get(item.id).fixedSizesSum, item.items))) : (h(\"div\", { id: item.id, class: \"leaf\" }, h(\"slot\", { key: item.id, name: item.id }))),\n            item.dragBar?.hidden !== true && index !== lastComponentIndex && (h(\"div\", {\n                // - - - Accessibility - - -\n                role: \"separator\", \"aria-controls\": getAriaControls(layoutItems, index), \"aria-disabled\": this.dragBarDisabled ? \"true\" : null, \"aria-label\": this.barAccessibleName, \"aria-orientation\": direction === \"columns\" ? \"vertical\" : \"horizontal\", title: this.barAccessibleName, tabindex: \"0\",\n                // - - - - - - - - - - - - -\n                class: \"bar\", part: item.dragBar?.part ? `bar ${item.dragBar.part}` : \"bar\", style: item.dragBar?.size ? { \"--size\": `${item.dragBar.size}px` } : null, onKeyDown: !this.dragBarDisabled\n                    ? this.#handleResize(direction, index, fixedSizesSum, layoutItems)\n                    : null, onMouseDown: !this.dragBarDisabled\n                    ? this.#mouseDownHandler(direction, index, fixedSizesSum, layoutItems)\n                    : null\n            }))\n        ]);\n    };\n    updateLayoutInfo(layout) {\n        // Clear old information\n        this.#itemsInfo.clear();\n        if (layout?.items?.length > 0) {\n            this.#fixedSizesSumRoot = fixAndUpdateLayoutModel(layout, this.#itemsInfo);\n            console.log(this.#itemsInfo);\n        }\n    }\n    connectedCallback() {\n        this.updateLayoutInfo(this.layout);\n    }\n    disconnectedCallback() {\n        // Defensive programming. Make sure all event listeners are removed correctly\n        this.#mouseUpHandler();\n    }\n    render() {\n        const layoutModel = this.layout;\n        if (layoutModel?.items == null) {\n            return \"\";\n        }\n        return (h(\"div\", { class: DIRECTION_CLASS(layoutModel.direction), style: TEMPLATE_STYLE(layoutModel.items, this.#itemsInfo) }, this.#renderItems(layoutModel.direction, this.#fixedSizesSumRoot, layoutModel.items)));\n    }\n    static get is() { return \"ch-layout-splitter\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"layout-splitter.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"layout-splitter.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"barAccessibleName\": {\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\": \"This attribute lets you specify the label for the drag bar.\\nImportant for accessibility.\"\n                },\n                \"attribute\": \"bar-accessible-name\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Resize\\\"\"\n            },\n            \"dragBarDisabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify if the resize operation is disabled in all\\ndrag bars. If `true`, the drag bars are disabled.\"\n                },\n                \"attribute\": \"drag-bar-disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"incrementWithKeyboard\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the resizing increment (in pixel) that is applied when using the\\nkeyboard to resize a drag bar.\"\n                },\n                \"attribute\": \"increment-with-keyboard\",\n                \"reflect\": false,\n                \"defaultValue\": \"2\"\n            },\n            \"layout\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LayoutSplitterDistribution\",\n                    \"resolved\": \"{ id: \\\"root\\\"; direction: LayoutSplitterDirection; items: LayoutSplitterDistributionItem[]; }\",\n                    \"references\": {\n                        \"LayoutSplitterDistribution\": {\n                            \"location\": \"import\",\n                            \"path\": \"./types\",\n                            \"id\": \"src/components/layout-splitter/types.ts::LayoutSplitterDistribution\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the list of component that are displayed. Each component will be\\nseparated via a drag bar.\"\n                },\n                \"defaultValue\": \"{\\n    id: \\\"root\\\",\\n    direction: \\\"columns\\\",\\n    items: []\\n  }\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"refreshLayout\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Schedules a new render of the control even if no state changed.\",\n                    \"tags\": []\n                }\n            },\n            \"removeItem\": {\n                \"complexType\": {\n                    \"signature\": \"(viewId: string) => Promise<LayoutSplitterItemRemoveResult>\",\n                    \"parameters\": [{\n                            \"name\": \"viewId\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"LayoutSplitterItemRemoveResult\": {\n                            \"location\": \"import\",\n                            \"path\": \"./types\",\n                            \"id\": \"src/components/layout-splitter/types.ts::LayoutSplitterItemRemoveResult\"\n                        }\n                    },\n                    \"return\": \"Promise<LayoutSplitterItemRemoveResult>\"\n                },\n                \"docs\": {\n                    \"text\": \"Removes the item that is identified by the given ID.\\nThe layout is rearranged depending on the state of the removed item.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"layout\",\n                \"methodName\": \"handleComponentsChange\"\n            }];\n    }\n}\n//# sourceMappingURL=layout-splitter.js.map\n","*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\n:host {\n  --ch-tab-transition-duration: 150ms;\n  display: grid;\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n:host([type=inlineStart]) {\n  grid-template-columns: max-content 1fr;\n}\n\n:host(.ch-tab-direction--block) {\n  grid-template-rows: max-content 1fr;\n}\n\n:host([type=inlineEnd]) {\n  grid-template-columns: 1fr max-content;\n}\n\n:where(button) {\n  all: unset;\n  display: flex;\n  align-items: center;\n  user-select: none;\n  touch-action: manipulation;\n  -webkit-user-drag: element;\n  cursor: pointer;\n}\n\n.caption-image,\n.decorative-image::before {\n  display: block;\n  block-size: 18px;\n  inline-size: 18px;\n}\n\n.decorative-image::before {\n  content: \"\";\n  -webkit-mask: var(--ch-tab-decorative-image) 50% 50%/100% 100% no-repeat;\n  background-color: currentColor;\n}\n\n.close-button::after {\n  content: \"\";\n  display: flex;\n  block-size: 1em;\n  inline-size: 1em;\n  -webkit-mask: url('data:image/svg+xml,<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2 2L15.5 15.5\" stroke=\"white\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 2L2 15.5\" stroke=\"white\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>') 50% 50%/0.75em 0.75em no-repeat;\n  background-color: currentColor;\n  opacity: 0;\n}\n\n.block__button {\n  display: flex;\n  align-items: center;\n}\n.block__button:hover > .close-button::after, .block__button:focus-within > .close-button::after, .block__button[aria-selected=true] > .close-button::after {\n  opacity: 1;\n}\n\n.dragged-element {\n  opacity: 0;\n}\n.dragged-element--outside {\n  display: none;\n}\n\n.drag-preview {\n  --ch-tab-snap-drag-preview: clamp(\n    var(--ch-tab-tab-list-start),\n    var(--ch-tab-mouse-position),\n    var(--ch-tab-tab-list-end)\n  );\n  position: fixed;\n  left: 0;\n  top: 0;\n  z-index: 108;\n}\n.drag-preview:popover-open {\n  padding: 0;\n  margin: 0;\n  border: unset;\n  color: unset;\n  pointer-events: none;\n}\n.drag-preview-element {\n  cursor: grabbing;\n}\n.drag-preview--outside-tab-list {\n  transform: translate(calc(var(--ch-tab-mouse-position-x) - var(--ch-tab-mouse-offset-x)), calc(var(--ch-tab-mouse-position-y) - var(--ch-tab-mouse-offset-y)));\n}\n.drag-preview--inside-tab-list__block {\n  --ch-tab-mouse-position: calc(\n    var(--ch-tab-mouse-position-x) - var(--ch-tab-mouse-offset-x)\n  );\n  transform: translate(var(--ch-tab-snap-drag-preview), var(--ch-tab-button-position-y));\n}\n.drag-preview--inside-tab-list__inline {\n  --ch-tab-mouse-position: calc(\n    var(--ch-tab-mouse-position-y) - var(--ch-tab-mouse-offset-y)\n  );\n  transform: translate(var(--ch-tab-button-position-x), var(--ch-tab-snap-drag-preview));\n}\n\n.shifted-element {\n  transition: transform var(--ch-tab-transition-duration);\n}\n\n:host(.ch-tab-direction--block) .shifted-element--start {\n  transform: translate(calc(var(--ch-tab-button-size) * -1), 0);\n}\n:host(.ch-tab-direction--block) .shifted-element--end {\n  transform: translate(var(--ch-tab-button-size), 0);\n}\n\n:host(.ch-tab-direction--inline) .shifted-element--start {\n  transform: translateY(calc(var(--ch-tab-button-size) * -1));\n}\n:host(.ch-tab-direction--inline) .shifted-element--end {\n  transform: translateY(var(--ch-tab-button-size));\n}\n\n.inline__tab-list {\n  display: grid;\n  grid-auto-flow: row;\n  grid-auto-rows: max-content;\n}\n:host([type=inlineEnd]) > .inline__tab-list {\n  order: 1;\n}\n\n.block__tab-list {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: max-content;\n}\n\n.page-container {\n  display: grid;\n  grid-template: \"selected\" 1fr/1fr;\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n.page--selected {\n  grid-area: selected;\n}\n\n@supports (content-visibility: hidden) {\n  .page-container--collapsed,\n.page--hidden {\n    content-visibility: hidden;\n  }\n\n  .page-container--collapsed {\n    inline-size: 0;\n  }\n}\n@supports not (content-visibility: hidden) {\n  .page-container--collapsed,\n.page--hidden {\n    display: none;\n  }\n}","import { Host, forceUpdate, h } from \"@stencil/core\";\nimport { inBetween, isRTL, tokenMap } from \"../../common/utils\";\nimport { BUTTON_CLASS, CAPTION_ID, CLOSE_BUTTON_PART, DRAG_PREVIEW, DRAG_PREVIEW_ELEMENT, DRAG_PREVIEW_INSIDE_BLOCK, DRAG_PREVIEW_INSIDE_INLINE, DRAG_PREVIEW_OUTSIDE, IMAGE_CLASS, PAGE_CLASS, PAGE_CONTAINER_CLASS, PAGE_ID, PAGE_NAME_CLASS, SELECTED_PART, TAB_LIST_CLASS } from \"./utils\";\nimport { insertIntoIndex, removeElement } from \"../../common/array\";\nimport { focusComposedPath } from \"../common/helpers\";\n// Custom vars\nconst TRANSITION_DURATION = \"--ch-tab-transition-duration\";\nconst BUTTON_POSITION_X = \"--ch-tab-button-position-x\";\nconst BUTTON_POSITION_Y = \"--ch-tab-button-position-y\";\nconst BUTTON_SIZE = \"--ch-tab-button-size\";\nconst MOUSE_OFFSET_X = \"--ch-tab-mouse-offset-x\";\nconst MOUSE_OFFSET_Y = \"--ch-tab-mouse-offset-y\";\nconst MOUSE_POSITION_X = \"--ch-tab-mouse-position-x\";\nconst MOUSE_POSITION_Y = \"--ch-tab-mouse-position-y\";\nconst TAB_LIST_EDGE_START_POSITION = \"--ch-tab-tab-list-start\";\nconst TAB_LIST_EDGE_END_POSITION = \"--ch-tab-tab-list-end\";\nconst DECORATIVE_IMAGE = \"--ch-tab-decorative-image\";\n// Key codes\nconst ARROW_UP = \"ArrowUp\";\nconst ARROW_RIGHT = \"ArrowRight\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_LEFT = \"ArrowLeft\";\nconst HOME = \"Home\";\nconst END = \"End\";\n// Selectors\nconst FIRST_CAPTION_BUTTON = (tabListRef) => tabListRef.querySelector(\":scope>button\");\nconst LAST_CAPTION_BUTTON = (tabListRef) => tabListRef.querySelector(\":scope>button:last-child\");\n// Utility functions\nconst isDecorativeImg = (item) => item.startImageSrc &&\n    (!item.startImageType || item.startImageType === \"pseudo-element\");\nconst getDirection = (type) => type === \"main\" || type === \"blockEnd\" ? \"block\" : \"inline\";\nconst isBlockDirection = (direction) => direction === \"block\";\nconst setProperty = (element, property, value) => element.style.setProperty(property, `${value}px`);\nconst setButtonInitialPosition = (element, positionX, positionY) => {\n    setProperty(element, BUTTON_POSITION_X, positionX);\n    setProperty(element, BUTTON_POSITION_Y, positionY);\n};\nconst setButtonSize = (element, size) => {\n    setProperty(element, BUTTON_SIZE, size);\n};\nconst setMousePosition = (element, positionX, positionY) => {\n    setProperty(element, MOUSE_POSITION_X, positionX);\n    setProperty(element, MOUSE_POSITION_Y, positionY);\n};\n// Useful to implement snap to the edges\nconst setTabListStartEndPosition = (element, startPosition, endPosition) => {\n    setProperty(element, TAB_LIST_EDGE_START_POSITION, startPosition);\n    setProperty(element, TAB_LIST_EDGE_END_POSITION, endPosition);\n};\nconst getTabListSizesAndSetPosition = (hostRef, tabListRef, direction, buttonRect) => {\n    const tabListRect = tabListRef.getBoundingClientRect();\n    // Tab List information\n    const tabListSizes = {\n        xStart: tabListRect.x,\n        xEnd: tabListRect.x + tabListRect.width,\n        yStart: tabListRect.y,\n        yEnd: tabListRect.y + tabListRect.height\n    };\n    if (isBlockDirection(direction)) {\n        setTabListStartEndPosition(hostRef, tabListSizes.xStart, tabListSizes.xEnd - buttonRect.width);\n    }\n    else {\n        setTabListStartEndPosition(hostRef, tabListSizes.yStart, tabListSizes.yEnd - buttonRect.height);\n    }\n    return tabListSizes;\n};\nconst setMouseOffset = (element, offsetX, offsetY) => {\n    setProperty(element, MOUSE_OFFSET_X, offsetX);\n    setProperty(element, MOUSE_OFFSET_Y, offsetY);\n};\nconst addGrabbingStyle = () => document.body.style.setProperty(\"cursor\", \"grabbing\");\nconst removeGrabbingStyle = () => document.body.style.removeProperty(\"cursor\");\nconst focusNextOrPreviousCaption = (focusNextSibling, tabListRef, focusedCaption, event) => {\n    // Prevent scroll\n    event.preventDefault();\n    let nextFocusedCaption;\n    // Determine the next selected caption button\n    if (focusNextSibling) {\n        nextFocusedCaption = (focusedCaption.nextElementSibling ??\n            FIRST_CAPTION_BUTTON(tabListRef));\n    }\n    else {\n        nextFocusedCaption = (focusedCaption.previousElementSibling ??\n            LAST_CAPTION_BUTTON(tabListRef));\n    }\n    // Focus and select the caption\n    nextFocusedCaption.focus();\n    nextFocusedCaption.click();\n};\nexport class ChTab {\n    constructor() {\n        this.draggedElementIndex = -1;\n        this.draggedElementNewIndex = -1;\n        this.hasCrossedBoundaries = false;\n        this.accessibleName = undefined;\n        this.closeButtonAccessibleName = \"Close\";\n        this.dragDisabled = false;\n        this.expanded = true;\n        this.items = undefined;\n        this.selectedId = undefined;\n        this.type = undefined;\n    }\n    #cancelId;\n    // Styling\n    #classes = {};\n    #parts = {};\n    #direction;\n    #selectedIndex = -1;\n    #showCaptions;\n    #lastDragEvent;\n    #needForRAF = true; // To prevent redundant RAF (request animation frame) calls\n    #initialMousePosition = -1;\n    // Allocated at runtime to reduce memory usage\n    #itemSizes;\n    /**\n     * This variable represents the boundaries of the box where the mouse can be\n     * placed when dragging a caption, to consider that the caption is within the\n     * tab list.\n     */\n    #mouseBoundingLimits;\n    #renderedPages = new Set();\n    // Refs\n    #dragPreviewRef;\n    #tabListRef;\n    #tabPageRef;\n    // Keyboard interactions\n    #keyEvents = {\n        [ARROW_UP]: (direction, ev, focusedButton) => {\n            if (direction === \"block\") {\n                return;\n            }\n            focusNextOrPreviousCaption(false, this.#tabListRef, focusedButton, ev);\n        },\n        [ARROW_RIGHT]: (direction, ev, focusedButton) => {\n            if (direction === \"inline\") {\n                return;\n            }\n            focusNextOrPreviousCaption(!isRTL(), this.#tabListRef, focusedButton, ev);\n        },\n        [ARROW_DOWN]: (direction, ev, focusedButton) => {\n            if (direction === \"block\") {\n                return;\n            }\n            focusNextOrPreviousCaption(true, this.#tabListRef, focusedButton, ev);\n        },\n        [ARROW_LEFT]: (direction, ev, focusedButton) => {\n            if (direction === \"inline\") {\n                return;\n            }\n            focusNextOrPreviousCaption(isRTL(), this.#tabListRef, focusedButton, ev);\n        },\n        [HOME]: () => {\n            const nextFocusedCaption = FIRST_CAPTION_BUTTON(this.#tabListRef);\n            // Focus and select the caption\n            nextFocusedCaption.focus();\n            nextFocusedCaption.click();\n        },\n        [END]: () => {\n            const nextFocusedCaption = LAST_CAPTION_BUTTON(this.#tabListRef);\n            // Focus and select the caption\n            nextFocusedCaption.focus();\n            nextFocusedCaption.click();\n        }\n    };\n    el;\n    handleItemsChange(newItems) {\n        this.#updateRenderedPages(newItems);\n    }\n    handleSelectedIdChange(newSelectedId) {\n        this.#renderedPages.add(newSelectedId);\n    }\n    handleTypeChange(newType) {\n        this.#initializeState(newType);\n    }\n    /**\n     * Fired when an item of the main group is double clicked.\n     */\n    expandMainGroup;\n    /**\n     * Fired the close button of an item is clicked.\n     */\n    itemClose;\n    /**\n     * Fired when the selected item change.\n     */\n    selectedItemChange;\n    /**\n     * Fired the first time a caption button is dragged outside of its tab list.\n     */\n    itemDragStart;\n    /**\n     * Ends the preview of the dragged item. Useful for ending the preview via\n     * keyboard interaction.\n     */\n    async endDragPreview() {\n        this.#handleDragEnd();\n    }\n    /**\n     * Returns the info associated to the draggable view.\n     */\n    async getDraggableViews() {\n        return {\n            mainView: this.el,\n            pageView: this.#tabPageRef,\n            tabListView: this.#tabListRef\n        };\n    }\n    /**\n     * Promotes the drag preview to the top layer. Useful to avoid z-index issues.\n     */\n    async promoteDragPreviewToTopLayer() {\n        if (this.draggedElementIndex === -1) {\n            return;\n        }\n        // If this property is added in a declarative way via the Stencil's render,\n        // we would have to use requestAnimationFrame to delay the shopPopover()\n        // method, since the popover defaults to \"auto\", which does not allow to\n        // keep multiple \"auto\" popover open at the same time\n        this.#dragPreviewRef.popover = \"manual\";\n        this.#dragPreviewRef.showPopover();\n    }\n    /**\n     * Given an id, remove the page from the render\n     */\n    async removePage(pageId, forceRerender = true) {\n        this.#renderedPages.delete(pageId);\n        if (forceRerender) {\n            forceUpdate(this);\n        }\n    }\n    #handleSelectedItemChange = (index, itemId) => (event) => {\n        event.stopPropagation();\n        this.selectedItemChange.emit({\n            lastSelectedIndex: this.#selectedIndex,\n            newSelectedId: itemId,\n            newSelectedIndex: index,\n            type: this.type\n        });\n        this.#selectedIndex = index;\n        // this.selectedId = itemId;\n    };\n    /**\n     * Make a set based on the rendered items array to maintain order between the\n     * pages, even when re-ordering tabs. This is useful for optimizing rendering\n     * performance by not re-ordering pages when the caption's order changes.\n     */\n    // eslint-disable-next-line @stencil-community/own-props-must-be-private\n    #updateRenderedPages = (items) => {\n        (items ?? []).forEach(item => {\n            if (item.wasRendered) {\n                this.#renderedPages.add(item.id);\n            }\n        });\n    };\n    #handleItemDblClick = (event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        this.expandMainGroup.emit();\n    };\n    #handleDragStart = (index) => (event) => {\n        // Remove dragover event to allow mousemove event to fire\n        event.preventDefault();\n        // Store the index of the dragged element\n        this.draggedElementIndex = index;\n        // - - - - - - - - - - - DOM read operations - - - - - - - - - - -\n        const mousePositionX = event.clientX;\n        const mousePositionY = event.clientY;\n        const getItemSize = isBlockDirection(this.#direction)\n            ? (item) => item.getBoundingClientRect().width\n            : (item) => item.getBoundingClientRect().height;\n        this.#itemSizes = [...this.#tabListRef.children].map(getItemSize);\n        const buttonRect = event.target.getBoundingClientRect();\n        // Tab List information\n        const tabListSizes = getTabListSizesAndSetPosition(this.el, this.#tabListRef, this.#direction, buttonRect);\n        // Button information\n        const buttonSizes = {\n            xStart: buttonRect.x,\n            xEnd: buttonRect.x + buttonRect.width,\n            yStart: buttonRect.y,\n            yEnd: buttonRect.y + buttonRect.height\n        };\n        const mouseDistanceToButtonTopEdge = mousePositionY - buttonSizes.yStart;\n        const mouseDistanceToButtonBottomEdge = buttonSizes.yEnd - mousePositionY;\n        const mouseDistanceToButtonLeftEdge = mousePositionX - buttonSizes.xStart;\n        const mouseDistanceToButtonRightEdge = buttonSizes.xEnd - mousePositionX;\n        // Mouse limits\n        this.#mouseBoundingLimits = {\n            xStart: tabListSizes.xStart - mouseDistanceToButtonRightEdge,\n            xEnd: tabListSizes.xEnd + mouseDistanceToButtonLeftEdge,\n            yStart: tabListSizes.yStart - mouseDistanceToButtonBottomEdge,\n            yEnd: tabListSizes.yEnd + mouseDistanceToButtonTopEdge\n        };\n        // Store initial mouse position\n        this.#initialMousePosition = isBlockDirection(this.#direction)\n            ? mousePositionX\n            : mousePositionY;\n        // - - - - - - - - - - - DOM write operations - - - - - - - - - - -\n        // Initialize mouse position to avoid initial flickering\n        setMousePosition(this.el, mousePositionX, mousePositionY);\n        // Initialize the button position\n        setButtonInitialPosition(this.el, buttonSizes.xStart, buttonSizes.yStart);\n        setButtonSize(this.el, isBlockDirection(this.#direction) ? buttonRect.width : buttonRect.height);\n        // Update mouse offset to correctly place the dragged element preview\n        setMouseOffset(this.el, mouseDistanceToButtonLeftEdge, mouseDistanceToButtonTopEdge);\n        addGrabbingStyle();\n        // Add listeners\n        document.body.addEventListener(\"mousemove\", this.#handleItemDrag, {\n            capture: true,\n            passive: true\n        });\n        document.body.addEventListener(\"mouseup\", this.#handleDragEnd, {\n            capture: true\n        });\n    };\n    #handleDragEnd = () => {\n        // Since mousemove callbacks are executed on animation frames, we must also\n        // remove the events on animations frame. Otherwise we would remove the\n        // events and in the next frame the mousemove handler will be executes\n        cancelAnimationFrame(this.#cancelId);\n        this.#needForRAF = true;\n        document.body.removeEventListener(\"mousemove\", this.#handleItemDrag, {\n            capture: true\n        });\n        document.body.removeEventListener(\"mouseup\", this.#handleDragEnd, {\n            capture: true\n        });\n        removeGrabbingStyle();\n        const anItemWasReordered = !this.hasCrossedBoundaries &&\n            this.draggedElementNewIndex !== this.draggedElementIndex;\n        // Move the item to the new position\n        if (anItemWasReordered) {\n            const itemToInsert = removeElement(this.items, this.draggedElementIndex);\n            insertIntoIndex(this.items, itemToInsert, this.draggedElementNewIndex);\n            // Update last selected index\n            this.adjustLastSelectedIndexValueAfterReorder();\n        }\n        // Restore visibility of the dragged element\n        this.draggedElementIndex = -1;\n        this.draggedElementNewIndex = -1;\n        // Free the memory\n        this.#itemSizes = undefined;\n        // Reset state\n        this.hasCrossedBoundaries = false;\n        this.el.style.removeProperty(TRANSITION_DURATION);\n    };\n    adjustLastSelectedIndexValueAfterReorder() {\n        // If the dragged element is the selected element, use the new index\n        if (this.#selectedIndex === this.draggedElementIndex) {\n            this.#selectedIndex = this.draggedElementNewIndex;\n        }\n        // Dragged element:\n        //   - Started: Before the selected index\n        //   - Ended: After the selected index or in the same position\n        else if (this.draggedElementIndex < this.#selectedIndex &&\n            this.#selectedIndex <= this.draggedElementNewIndex) {\n            this.#selectedIndex--;\n        }\n        // Dragged element:\n        //   - Started: After the selected index\n        //   - Ended: Before the selected index or in the same position\n        else if (this.#selectedIndex < this.draggedElementIndex &&\n            this.draggedElementNewIndex <= this.#selectedIndex) {\n            this.#selectedIndex++;\n        }\n    }\n    #handleItemDrag = (event) => {\n        this.#lastDragEvent = event;\n        if (!this.#needForRAF) {\n            return;\n        }\n        this.#needForRAF = false; // No need to call RAF up until next frame\n        this.#cancelId = requestAnimationFrame(() => {\n            this.#needForRAF = true; // RAF now consumes the movement instruction so a new one can come\n            const mousePositionX = this.#lastDragEvent.clientX;\n            const mousePositionY = this.#lastDragEvent.clientY;\n            setMousePosition(this.el, mousePositionX, mousePositionY);\n            // There is no need to update the preview of the reorder\n            if (this.hasCrossedBoundaries) {\n                return;\n            }\n            const mouseLimits = this.#mouseBoundingLimits;\n            const draggedButtonIsInsideTheTabList = inBetween(mouseLimits.xStart, mousePositionX, mouseLimits.xEnd) &&\n                inBetween(mouseLimits.yStart, mousePositionY, mouseLimits.yEnd);\n            // Emit the itemDragStart event the first time the button is out of the\n            // mouse bounds (`mouseBoundingLimits`)\n            if (!draggedButtonIsInsideTheTabList) {\n                this.hasCrossedBoundaries = true;\n                // Remove transition before the render to avoid flickering in the animation\n                this.el.style.setProperty(TRANSITION_DURATION, \"0s\");\n                this.itemDragStart.emit(this.draggedElementIndex);\n                return;\n            }\n            // There is no need to re-order the items in the preview\n            if (this.items.length === 1) {\n                return;\n            }\n            // In this point, the preview is inside the tab list, we should check\n            // in which place is the preview to give feedback for the item's reorder\n            const mousePosition = isBlockDirection(this.#direction)\n                ? mousePositionX\n                : mousePositionY;\n            const hasMovedToTheEnd = this.#initialMousePosition < mousePosition;\n            // Distance traveled from the initial mouse position\n            let distanceTraveled = Math.abs(this.#initialMousePosition - mousePosition);\n            let newIndex = this.draggedElementIndex;\n            if (hasMovedToTheEnd) {\n                // While it is not the last item and the distance traveled is greater\n                // than half the size of the next item\n                while (newIndex < this.items.length - 1 &&\n                    distanceTraveled - this.#itemSizes[newIndex + 1] / 2 > 0) {\n                    distanceTraveled -= this.#itemSizes[newIndex + 1];\n                    newIndex++;\n                }\n            }\n            else {\n                // While it is not the first item and the distance traveled is greater\n                // than half the size of the previous item\n                while (newIndex > 0 &&\n                    distanceTraveled - this.#itemSizes[newIndex - 1] / 2 > 0) {\n                    distanceTraveled -= this.#itemSizes[newIndex - 1];\n                    newIndex--;\n                }\n            }\n            // Check if should update the dragged element index in the preview\n            if (this.draggedElementNewIndex !== newIndex) {\n                this.draggedElementNewIndex = newIndex;\n            }\n        });\n    };\n    #handleClose = (index, itemId) => (event) => {\n        event.preventDefault();\n        event.stopPropagation();\n        this.itemClose.emit({\n            itemIndex: index,\n            itemId: itemId,\n            type: this.type\n        });\n    };\n    #handleTabFocus = (event) => {\n        if (this.items.length < 2) {\n            return;\n        }\n        const keyEventHandler = this.#keyEvents[event.code];\n        if (!keyEventHandler) {\n            return;\n        }\n        const currentFocusedCaption = focusComposedPath()[0].closest(\".\" + this.#classes.BUTTON);\n        keyEventHandler(this.#direction, event, currentFocusedCaption);\n    };\n    #imgRender = (item) => item.startImageType === \"img\" &&\n        item.startImageSrc && (h(\"img\", { \"aria-hidden\": \"true\", class: \"caption-image \" + this.#classes.IMAGE, part: this.#parts.IMAGE, alt: \"\", src: item.startImageSrc, loading: \"lazy\" }));\n    #renderTabBar = (thereAreShiftedElements) => (h(\"div\", { role: \"tablist\", \"aria-label\": this.accessibleName, class: this.#classes.TAB_LIST, part: this.#parts.TAB_LIST, ref: el => (this.#tabListRef = el), onKeyDown: this.#handleTabFocus }, this.items.map((item, index) => (h(\"button\", { key: CAPTION_ID(item.id), id: CAPTION_ID(item.id), role: \"tab\", \"aria-controls\": PAGE_ID(item.id), \"aria-label\": !this.#showCaptions ? item.name : null, \"aria-selected\": (item.id === this.selectedId).toString(), class: {\n            [this.#classes.BUTTON]: true,\n            \"decorative-image\": isDecorativeImg(item),\n            \"dragged-element\": this.draggedElementIndex === index,\n            \"dragged-element--outside\": this.draggedElementIndex === index &&\n                this.hasCrossedBoundaries &&\n                this.items.length > 1,\n            \"shifted-element\": this.draggedElementIndex !== -1,\n            \"shifted-element--start\": thereAreShiftedElements &&\n                this.draggedElementIndex < index &&\n                index <= this.draggedElementNewIndex,\n            \"shifted-element--end\": thereAreShiftedElements &&\n                this.draggedElementNewIndex <= index &&\n                index < this.draggedElementIndex\n        }, part: tokenMap({\n            [this.#parts.BUTTON]: true,\n            [CAPTION_ID(item.id)]: true,\n            [SELECTED_PART]: item.id === this.selectedId\n        }), style: isDecorativeImg(item)\n            ? { [DECORATIVE_IMAGE]: `url(\"${item.startImageSrc}\")` }\n            : null, onAuxClick: this.#handleClose(index, item.id), onClick: !(item.id === this.selectedId)\n            ? this.#handleSelectedItemChange(index, item.id)\n            : null, onDblClick: this.type === \"main\" ? this.#handleItemDblClick : null,\n        // Drag and drop\n        onDragStart: !this.dragDisabled ? this.#handleDragStart(index) : null }, this.#imgRender(item), this.#showCaptions && item.name, this.#showCaptions && (h(\"button\", { \"aria-label\": this.closeButtonAccessibleName, class: \"close-button\", part: CLOSE_BUTTON_PART, type: \"button\", onClick: this.#handleClose(index, item.id) })))))));\n    #renderTabPages = () => (h(\"div\", { class: {\n            [this.#classes.PAGE_CONTAINER]: true,\n            \"page-container\": true,\n            \"page-container--collapsed\": !this.expanded\n        }, part: this.#parts.PAGE_CONTAINER, ref: el => (this.#tabPageRef = el) }, [...this.#renderedPages.keys()].map(itemId => (h(\"div\", { key: PAGE_ID(itemId), id: PAGE_ID(itemId), role: \"tabpanel\", \"aria-labelledby\": CAPTION_ID(itemId), class: {\n            [this.#classes.PAGE]: true,\n            \"page--selected\": itemId === this.selectedId,\n            \"page--hidden\": !(itemId === this.selectedId)\n        }, part: this.#parts.PAGE }, h(\"slot\", { name: itemId }))))));\n    #renderDragPreview = (draggedElement) => {\n        const classes = {\n            [DRAG_PREVIEW]: true,\n            [DRAG_PREVIEW_OUTSIDE]: this.hasCrossedBoundaries,\n            [DRAG_PREVIEW_INSIDE_INLINE]: !this.hasCrossedBoundaries && !isBlockDirection(this.#direction),\n            [DRAG_PREVIEW_INSIDE_BLOCK]: !this.hasCrossedBoundaries && isBlockDirection(this.#direction)\n        };\n        return (h(\"div\", { \"aria-hidden\": \"true\", class: classes, part: tokenMap(classes), ref: el => (this.#dragPreviewRef = el) }, h(\"button\", { class: {\n                [this.#classes.BUTTON]: true,\n                [DRAG_PREVIEW_ELEMENT]: true,\n                \"decorative-image\": isDecorativeImg(draggedElement)\n            }, part: tokenMap({\n                [this.#parts.BUTTON]: true,\n                [CAPTION_ID(draggedElement.id)]: true,\n                [DRAG_PREVIEW_ELEMENT]: true,\n                [SELECTED_PART]: draggedElement.id === this.selectedId\n            }), style: isDecorativeImg(draggedElement)\n                ? { [DECORATIVE_IMAGE]: `url(\"${draggedElement.startImageSrc}\")` }\n                : null }, this.#imgRender(draggedElement), this.#showCaptions && draggedElement.name)));\n    };\n    #initializeState = (type) => {\n        this.#direction = getDirection(type);\n        this.#updateRenderedPages(this.items);\n        // Initialize classes and parts\n        this.#setClassesAndParts(this.#direction, type);\n        this.#showCaptions = isBlockDirection(this.#direction);\n    };\n    #setClassesAndParts = (direction, type) => {\n        this.#classes = {\n            BUTTON: BUTTON_CLASS(direction),\n            IMAGE: IMAGE_CLASS(direction),\n            PAGE: PAGE_CLASS(direction),\n            PAGE_CONTAINER: PAGE_CONTAINER_CLASS(direction),\n            PAGE_NAME: PAGE_NAME_CLASS(direction),\n            TAB_LIST: TAB_LIST_CLASS(direction)\n        };\n        // Add the type information to each part\n        Object.entries(this.#classes).forEach(([key, value]) => {\n            this.#parts[key] = `${value} ${type}`;\n        });\n    };\n    componentWillLoad() {\n        this.#initializeState(this.type);\n    }\n    render() {\n        if (this.items == null || this.items.length === 0) {\n            return \"\";\n        }\n        const draggedIndex = this.draggedElementIndex;\n        const draggedElement = this.items[draggedIndex];\n        const thereAreShiftedElementsInPreview = !this.hasCrossedBoundaries &&\n            this.draggedElementNewIndex !== -1 &&\n            this.draggedElementIndex !== this.draggedElementNewIndex;\n        return (h(Host, { class: `ch-tab-direction--${this.#direction}` }, this.#renderTabBar(thereAreShiftedElementsInPreview), this.#renderTabPages(), draggedIndex !== -1 && this.#renderDragPreview(draggedElement)));\n    }\n    static get is() { return \"ch-tab\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"tab.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"tab.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleName\": {\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\": \"Specifies a short string, typically 1 to 3 words, that authors associate\\nwith an element to provide users of assistive technologies with a label\\nfor the element.\"\n                },\n                \"attribute\": \"accessible-name\",\n                \"reflect\": false\n            },\n            \"closeButtonAccessibleName\": {\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\": \"Specifies a short string, typically 1 to 3 words, that authors associate\\nwith an element to provide users of assistive technologies with a label\\nfor the element. This label is used for the close button of the captions.\"\n                },\n                \"attribute\": \"close-button-accessible-name\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Close\\\"\"\n            },\n            \"dragDisabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify if the drag operation is disabled in the\\ncaptions of the control. If `true`, the captions can't be dragged.\"\n                },\n                \"attribute\": \"drag-disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"expanded\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"`true` if the group has is view section expanded. Otherwise, only the\\ntoolbar will be displayed.\"\n                },\n                \"attribute\": \"expanded\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"items\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FlexibleLayoutWidget[]\",\n                    \"resolved\": \"FlexibleLayoutWidget[]\",\n                    \"references\": {\n                        \"FlexibleLayoutWidget\": {\n                            \"location\": \"import\",\n                            \"path\": \"../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::FlexibleLayoutWidget\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the items of the tab control.\"\n                }\n            },\n            \"selectedId\": {\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\": \"Specifies the selected item of the widgets array.\"\n                },\n                \"attribute\": \"selected-id\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"TabType\",\n                    \"resolved\": \"\\\"blockEnd\\\" | \\\"inlineEnd\\\" | \\\"inlineStart\\\" | \\\"main\\\"\",\n                    \"references\": {\n                        \"TabType\": {\n                            \"location\": \"import\",\n                            \"path\": \"./types\",\n                            \"id\": \"src/components/tab/types.ts::TabType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the flexible layout type.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": true\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"draggedElementIndex\": {},\n            \"draggedElementNewIndex\": {},\n            \"hasCrossedBoundaries\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"expandMainGroup\",\n                \"name\": \"expandMainGroup\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when an item of the main group is double clicked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"itemClose\",\n                \"name\": \"itemClose\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired the close button of an item is clicked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"TabItemCloseInfo\",\n                    \"resolved\": \"{ itemId: string; itemIndex: number; type: TabType; }\",\n                    \"references\": {\n                        \"TabItemCloseInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"./types\",\n                            \"id\": \"src/components/tab/types.ts::TabItemCloseInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"selectedItemChange\",\n                \"name\": \"selectedItemChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the selected item change.\"\n                },\n                \"complexType\": {\n                    \"original\": \"TabSelectedItemInfo\",\n                    \"resolved\": \"{ lastSelectedIndex: number; newSelectedId: string; newSelectedIndex: number; type: TabType; }\",\n                    \"references\": {\n                        \"TabSelectedItemInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"./types\",\n                            \"id\": \"src/components/tab/types.ts::TabSelectedItemInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"itemDragStart\",\n                \"name\": \"itemDragStart\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired the first time a caption button is dragged outside of its tab list.\"\n                },\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"endDragPreview\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Ends the preview of the dragged item. Useful for ending the preview via\\nkeyboard interaction.\",\n                    \"tags\": []\n                }\n            },\n            \"getDraggableViews\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<DraggableViewInfo>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"DraggableViewInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../flexible-layout/types\",\n                            \"id\": \"src/components/flexible-layout/types.ts::DraggableViewInfo\"\n                        }\n                    },\n                    \"return\": \"Promise<DraggableViewInfo>\"\n                },\n                \"docs\": {\n                    \"text\": \"Returns the info associated to the draggable view.\",\n                    \"tags\": []\n                }\n            },\n            \"promoteDragPreviewToTopLayer\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Promotes the drag preview to the top layer. Useful to avoid z-index issues.\",\n                    \"tags\": []\n                }\n            },\n            \"removePage\": {\n                \"complexType\": {\n                    \"signature\": \"(pageId: string, forceRerender?: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"pageId\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"forceRerender\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Given an id, remove the page from the render\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"items\",\n                \"methodName\": \"handleItemsChange\"\n            }, {\n                \"propName\": \"selectedId\",\n                \"methodName\": \"handleSelectedIdChange\"\n            }, {\n                \"propName\": \"type\",\n                \"methodName\": \"handleTypeChange\"\n            }];\n    }\n}\n//# sourceMappingURL=tab.js.map\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-04adc77d.entry.js → p-3ddac2b8.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, g as r, h as e, H as o } from "./p-1e275d2c.js";
+import { r as t, g as r, h as e, H as o } from "./p-d8a08b43.js";
 
 const a = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{display:block;width:100% !important}:host ::slotted(*:last-child){margin-bottom:0}";
 
@@ -102,4 +102,4 @@ const i = class {
 i.style = a;
 
 export { i as gxg_accordion };
-//# sourceMappingURL=p-04adc77d.entry.js.map
+//# sourceMappingURL=p-3ddac2b8.entry.js.map

package/dist/genexus-ide-ui/{p-f5e5b21e.entry.js → p-3f0b6af7.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, c as h, g as u, h as d, H as m } from "./p-1e275d2c.js";
+import { r as t, c as h, g as u, h as d, H as m } from "./p-d8a08b43.js";
 
 import { c as x, g as z } from "./p-64765a81.js";
 
@@ -897,4 +897,4 @@ const j = class {
 j.style = M;
 
 export { j as gxg_color_picker };
-//# sourceMappingURL=p-f5e5b21e.entry.js.map
+//# sourceMappingURL=p-3f0b6af7.entry.js.map

package/dist/genexus-ide-ui/{p-0604bbee.entry.js → p-40c3529a.entry.js}

@@ -1,14 +1,14 @@
-import { r as i, c as e, h as t, H as s, g as r } from "./p-1e275d2c.js";
+import { r as i, c as e, h as t, H as s, g as r } from "./p-d8a08b43.js";
 
 import { L as a } from "./p-74d59062.js";
 
 import { c as l } from "./p-9c1b4eb9.js";
 
-import { r as n } from "./p-3f035c0a.js";
+import { r as n } from "./p-0c088e26.js";
 
 import { F as o } from "./p-13feb5cf.js";
 
-import { a as d, h, f as g } from "./p-4345f3bd.js";
+import { a as d, h, f as g } from "./p-aca92ca0.js";
 
 import { g as c } from "./p-6893ccb8.js";
 
@@ -594,4 +594,4 @@ const f = class {
 f.style = p;
 
 export { f as gx_ide_ww_images };
-//# sourceMappingURL=p-0604bbee.entry.js.map
+//# sourceMappingURL=p-40c3529a.entry.js.map

package/dist/genexus-ide-ui/{p-a4d5d277.entry.js → p-43554153.entry.js}

@@ -1,4 +1,4 @@
-import { r as e, c as t, g as o, h as i, H as r } from "./p-1e275d2c.js";
+import { r as e, c as t, g as o, h as i, H as r } from "./p-d8a08b43.js";
 
 const a = '/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}:host{display:flex}:host .label{display:block;margin-bottom:16px}:host .label:last-child{margin-bottom:0}:host input:focus+.checkmark{box-shadow:0px 0px 0px var(--border-width-sm) var(--color-primary-active);border-color:var(--color-primary-active) !important}:host input[disabled]{cursor:not-allowed}:host input[disabled]+.checkmark{border-color:var(--darkGray) !important;pointer-events:none}:host input[disabled]+.checkmark:after{border-color:var(--darkGray) !important}:host([inline]) .outer-wrapper{display:flex}:host([inline]) .label{margin-inline-end:var(--spacing-comp-04);margin-bottom:0}:host{}:host .label{display:flex;align-items:center;position:relative;cursor:pointer;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;margin-bottom:var(--spacing-lay-xs)}:host .label__required{font-size:var(--font-size-xs);padding-left:var(--spacing-lay-xs)}:host .label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}:host .label input[on-focus]+.checkmark{box-shadow:inset 0px 0px 0px 1px var(--color-primary-active);border-color:var(--color-primary-active) !important}:host .checkmark:focus{box-shadow:none}:host .checkmark{display:inline-block;position:relative;margin-inline-end:var(--spacing-comp-02);height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:1px;border-style:solid;border-radius:3px;border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}:host .checkmark.no-label{margin-inline-end:0}:host .checkmark:after{content:"";position:absolute;display:none}:host .label input~.checkmark:after{display:block;border-color:transparent}:host .label input:checked~.checkmark:after{display:block;border-color:var(--color-primary-hover);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .label input:checked~.checkmark{border-color:var(--color-primary-hover)}:host .label .checkmark:after{left:5px;top:2px;width:3px;height:7px;border:solid;border-color:var(--color-primary-hover);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}:host([indeterminate]) .label input:checked~.checkmark:after{display:block;width:10px;height:2px;transform:rotate(0deg);border:0;background-color:var(--color-primary-hover);left:2px;top:6px}:host([disabled=true]) label{cursor:not-allowed}';
 
@@ -90,4 +90,4 @@ const n = class {
 n.style = a;
 
 export { n as ch_form_checkbox };
-//# sourceMappingURL=p-a4d5d277.entry.js.map
+//# sourceMappingURL=p-43554153.entry.js.map

package/dist/genexus-ide-ui/{p-d4b165db.entry.js → p-43ffe165.entry.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t, g as r } from "./p-1e275d2c.js";
+import { r as i, h as e, H as t, g as r } from "./p-d8a08b43.js";
 
 import { L as o } from "./p-74d59062.js";
 
@@ -143,4 +143,4 @@ const s = class {
 s.style = a;
 
 export { s as gx_ide_recent_news };
-//# sourceMappingURL=p-d4b165db.entry.js.map
+//# sourceMappingURL=p-43ffe165.entry.js.map

package/dist/genexus-ide-ui/{p-92f45796.entry.js → p-47bcd3a6.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, g as o, h as i } from "./p-1e275d2c.js";
+import { r as t, g as o, h as i } from "./p-d8a08b43.js";
 
 const n = new Map;
 
@@ -107,4 +107,4 @@ const a = class {
 a.style = e;
 
 export { a as ch_icon };
-//# sourceMappingURL=p-92f45796.entry.js.map
+//# sourceMappingURL=p-47bcd3a6.entry.js.map

package/dist/genexus-ide-ui/{p-57137c83.entry.js → p-4b9b3e4e.entry.js}

@@ -1,4 +1,4 @@
-import { r, c as t, h as i, H as a, g as e } from "./p-1e275d2c.js";
+import { r, c as t, h as i, H as a, g as e } from "./p-d8a08b43.js";
 
 import { L as o } from "./p-74d59062.js";
 
@@ -302,4 +302,4 @@ const l = class {
 l.style = s;
 
 export { l as gx_ide_ai_assistant };
-//# sourceMappingURL=p-57137c83.entry.js.map
+//# sourceMappingURL=p-4b9b3e4e.entry.js.map