npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.92 → 0.0.94 - Mend

@genexus/genexus-ide-ui 0.0.92 → 0.0.94

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1159) hide show

package/dist/components/tree-view.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"tree-view.js","mappings":"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","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/common/scroll-to-edge.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view/tree-view.css?tag=ch-tree-view","node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view/tree-view.js"],"sourcesContent":["export const scrollToEdge = (event, container, scrollSpeed, scrollThreshold) => {\n const mousePositionY = event.clientY - container.getBoundingClientRect().top;\n const containerHeight = container.clientHeight;\n const mouseAtTheTop = mousePositionY <= scrollThreshold;\n const mouseAtTheBottom = mousePositionY > containerHeight - scrollThreshold;\n if (mouseAtTheTop \|\| mouseAtTheBottom) {\n const scrollAmount = mouseAtTheTop\n ? mousePositionY - scrollThreshold\n : mousePositionY - (containerHeight - scrollThreshold);\n // Adjust container scroll position\n container.scrollTop += scrollAmount / scrollSpeed;\n }\n};\n//# sourceMappingURL=scroll-to-edge.js.map\n","ch-tree-view {\n display: flex;\n position: relative;\n block-size: 100%;\n inline-size: 100%;\n overflow: auto;\n}\nch-tree-view > .ch-tree-view-container {\n position: absolute;\n inset: 0;\n}\nch-tree-view.ch-tree-view-dragging-item ch-tree-view-item {\n pointer-events: var(--ch-tree-view-pointer-events, all);\n}\nch-tree-view.ch-tree-view-dragging-item .ch-tree-view-list-item--deny-drop {\n pointer-events: none;\n}\nch-tree-view.ch-tree-view--dragging-selected-items ch-tree-view-item[selected] {\n --ch-tree-view-pointer-events: none;\n}\nch-tree-view.ch-tree-view-waiting-drop-processing {\n cursor: wait;\n}\nch-tree-view.ch-tree-view-waiting-drop-processing > .ch-tree-view-container {\n pointer-events: none;\n}\n\n.ch-tree-view-drag-info {\n --rtl-offset: 16px;\n position: fixed;\n left: 0;\n top: 0;\n transform: translate(calc(var(--ch-tree-view-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-view-dragging-item-y) + 8px));\n pointer-events: none;\n z-index: 1;\n animation: ch-tree-view-drag-info-fade-in 10ms;\n}\n\n@keyframes ch-tree-view-drag-info-fade-in {\n 0%, 100% {\n opacity: 0;\n }\n}\nhtml[dir=rtl] .ch-tree-view-drag-info {\n --rtl-offset: -100%;\n}","import { Host, h } from \"@stencil/core\";\nimport { focusComposedPath, mouseEventModifierKey } from \"../../common/helpers\";\nimport { scrollToEdge } from \"../../../common/scroll-to-edge\";\nconst TREE_ITEM_TAG_NAME = \"ch-tree-view-item\";\nconst TREE_TAG_NAME = \"ch-tree-view\";\n// Selectors\n// const CHECKED_ITEMS = `${TREE_ITEM_TAG_NAME}[checked]`;\nconst TEXT_FORMAT = \"text/plain\";\nconst ARROW_DOWN_KEY = \"ArrowDown\";\nconst ARROW_UP_KEY = \"ArrowUp\";\nconst EDIT_KEY = \"F2\";\nconst isTreeItem = (element) => element.tagName.toLowerCase() === TREE_ITEM_TAG_NAME;\nconst getFocusedTreeItem = () => focusComposedPath().find(isTreeItem);\nconst canMoveTreeItemFocus = (treeItem) => treeItem && !treeItem.editing;\nconst getDroppableZoneKey = (newContainerId, draggedItems) => `\"newContainerId\":\"${newContainerId}\",\"metadata\":\"${JSON.stringify(draggedItems)}\"`;\nconst POSITION_X_DRAG_CUSTOM_VAR = \"--ch-tree-view-dragging-item-x\";\nconst POSITION_Y_DRAG_CUSTOM_VAR = \"--ch-tree-view-dragging-item-y\";\nexport class ChTreeView {\n constructor() {\n this.draggingInTheDocument = false;\n this.draggingInTree = false;\n this.multiSelection = false;\n this.openSubTreeCountdown = 750;\n this.scrollToEdgeOnDrag = true;\n this.waitDropProcessing = false;\n }\n // @todo TODO: Check if key codes works in Safari\n keyDownEvents = {\n [ARROW_DOWN_KEY]: event => {\n const treeItem = getFocusedTreeItem();\n if (!canMoveTreeItemFocus(treeItem)) {\n return;\n }\n event.preventDefault();\n treeItem.focusNextItem(mouseEventModifierKey(event));\n },\n [ARROW_UP_KEY]: event => {\n const treeItem = getFocusedTreeItem();\n if (!canMoveTreeItemFocus(treeItem)) {\n return;\n }\n event.preventDefault();\n treeItem.focusPreviousItem(mouseEventModifierKey(event));\n },\n [EDIT_KEY]: event => {\n const treeItem = getFocusedTreeItem();\n if (!treeItem \|\| !treeItem.editable) {\n return;\n }\n event.preventDefault();\n treeItem.editing = true;\n }\n };\n draggingSelectedItems = false;\n needForRAF = true; // To prevent redundant RAF (request animation frame) calls\n lastDragEvent;\n openSubTreeTimeout;\n selectedItemsInfo = new Map();\n /*\n Cache to avoid duplicate requests when checking the droppable zone in the\n * same drag event.\n /\n validDroppableZoneCache = new Map();\n dragStartTimestamp; // Useful to avoid race conditions where the server response is slow\n draggedItems;\n // Refs\n currentDraggedItem;\n lastOpenSubTreeItem;\n /\n Text displayed when dragging an item.\n /\n dragInfo;\n draggedIds = [];\n draggedParentIds = [];\n el;\n /\n Fired when an element attempts to enter in a droppable zone where the tree\n * has no information about the validity of the drop.\n /\n droppableZoneEnter;\n /\n Fired when an item is expanded or collapsed.\n /\n expandedItemChange;\n /\n Fired when an element displays its contextmenu.\n /\n itemContextmenu;\n /\n Fired when the dragged items are dropped in another item of the tree.\n /\n itemsDropped;\n /\n Fired when the selected items change.\n /\n selectedItemsChange;\n // /\n // Returns an array of the selected tree items, providing the id, caption and\n // * selected status.\n // /\n // @Method()\n // async getCheckedItems(): Promise<CheckedTreeItemInfo[]> {\n // const checkedItems = Array.from(\n // this.el.querySelectorAll(CHECKED_ITEMS)\n // ) as HTMLChTreeViewItemElement[];\n // return checkedItems.map(item => ({\n // id: item.id,\n // caption: item.caption,\n // selected: item.selected\n // }));\n // }\n handleContextMenuEvent(event) {\n const treeItem = event.target.closest(TREE_ITEM_TAG_NAME);\n if (!treeItem) {\n return;\n }\n event.preventDefault();\n this.itemContextmenu.emit({\n id: treeItem.id,\n itemRef: treeItem,\n metadata: treeItem.metadata,\n contextmenuEvent: event\n });\n }\n // Set edit mode in items\n handleKeyDownEvents(event) {\n const keyHandler = this.keyDownEvents[event.key];\n if (keyHandler) {\n keyHandler(event);\n }\n }\n // We can't use capture, because the dataTransfer info would not be defined\n // Also, we cant use capture and setTimeout with 0 seconds, because the\n // getData method can only be accessed during the dragstart and drop event\n handleDragStart(event) {\n // Reset the validity of the droppable zones with each new drag start\n this.validDroppableZoneCache.clear();\n this.draggingInTheDocument = true;\n this.dragStartTimestamp = new Date().getTime();\n this.draggedItems = JSON.parse(event.dataTransfer.getData(TEXT_FORMAT));\n }\n handleDragEnd() {\n this.draggingInTheDocument = false;\n }\n handleDragEnter(event) {\n this.cancelSubTreeOpening(null, true);\n event.stopPropagation();\n const containerTarget = event.target;\n // Check if it is a valid item\n if (containerTarget.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME) {\n return;\n }\n this.lastOpenSubTreeItem = containerTarget;\n this.openSubTreeAfterCountdown(containerTarget);\n if (this.validDroppableZone(event) === \"valid\") {\n containerTarget.dragState = \"enter\";\n }\n }\n handleDragLeave(event) {\n const currentTarget = event.target;\n if (currentTarget.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME) {\n return;\n }\n const treeItem = currentTarget;\n treeItem.dragState = \"none\";\n this.cancelSubTreeOpening(treeItem);\n }\n cancelSubTreeOpening(treeItem, forceClear = false) {\n if (this.lastOpenSubTreeItem === treeItem \|\| forceClear) {\n clearTimeout(this.openSubTreeTimeout);\n this.lastOpenSubTreeItem = null;\n }\n }\n handleItemDrop(event) {\n event.stopPropagation();\n this.cancelSubTreeOpening(null, true);\n const newContainer = event.target;\n const draggedItems = JSON.parse(event.dataTransfer.getData(TEXT_FORMAT));\n // The droppable zone must be checked, even if it was marked as not valid\n // @todo Try to drop an item with high delays in droppable zone checking\n if (this.validDroppableZone(event) !== \"valid\") {\n return;\n }\n this.itemsDropped.emit({\n newContainer: { id: newContainer.id, metadata: newContainer.metadata },\n draggingSelectedItems: this.draggingSelectedItems,\n draggedItems: draggedItems,\n dropInTheSameTree: this.draggingInTree\n });\n }\n handleItemDragStart(event) {\n document.body.addEventListener(\"dragover\", this.trackItemDrag, {\n capture: true\n });\n this.currentDraggedItem = event.target;\n const allItemsCanBeDragged = this.checkDragValidityAndUpdateDragInfo(event.detail);\n if (!allItemsCanBeDragged) {\n // This effect disables drop interactions in all page elements, so there\n // is no need to capture and prevent the drop event in the window\n event.detail.dragEvent.dataTransfer.effectAllowed = \"none\";\n return;\n }\n this.draggingInTree = true;\n if (this.scrollToEdgeOnDrag) {\n this.fixScrollPositionOnDrag();\n }\n }\n handleItemDragEnd() {\n this.draggingInTree = false;\n document.body.removeEventListener(\"dragover\", this.trackItemDrag, {\n capture: true\n });\n // Reset not allowed droppable ids\n this.resetVariables();\n }\n handleSelectedItemChange(event) {\n event.stopPropagation();\n const selectedItemInfo = event.detail;\n this.handleItemSelection(selectedItemInfo);\n }\n /\n Clear all information about the selected items. This method is intended to\n * be used when selected items are reordered and the selected references will\n * no longer be useful.\n /\n async clearSelectedItemsInfo() {\n this.clearSelectedItems();\n }\n /\n Given an item id, it displays and scrolls into the item view.\n /\n async scrollIntoVisible(treeItemId) {\n const itemRef = this.el.querySelector(`${TREE_ITEM_TAG_NAME}[id=\"${treeItemId}\"]`);\n if (!itemRef) {\n return;\n }\n let parentItem = itemRef.parentElement;\n // Expand all parents\n while (parentItem.tagName.toLowerCase() === TREE_ITEM_TAG_NAME) {\n parentItem.expanded = true;\n parentItem = parentItem.parentElement;\n }\n // Wait until the parents are expanded\n requestAnimationFrame(() => {\n itemRef.scrollIntoView();\n });\n }\n /\n Update the information about the valid droppable zones.\n * @param requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\n * @param newContainerId ID of the container where the drag is trying to be made.\n * @param draggedItems Information about the dragged items.\n * @param validDrop Current state of the droppable zone.\n /\n async updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop) {\n if (!this.draggingInTheDocument \|\|\n requestTimestamp <= this.dragStartTimestamp) {\n return;\n }\n const droppableZoneKey = getDroppableZoneKey(newContainerId, draggedItems);\n this.validDroppableZoneCache.set(droppableZoneKey, validDrop ? \"valid\" : \"invalid\");\n const shouldUpdateDragEnterInCurrentContainer = this.lastOpenSubTreeItem?.id === newContainerId;\n if (shouldUpdateDragEnterInCurrentContainer) {\n this.lastOpenSubTreeItem.dragState = \"enter\";\n }\n }\n validDroppableZone(event) {\n const containerTarget = event.target;\n const cacheKey = getDroppableZoneKey(containerTarget.id, this.draggedItems);\n let droppableZoneState = this.validDroppableZoneCache.get(cacheKey);\n // Invalidate the cache, because the item is no longer waiting for its content to be downloaded\n if (droppableZoneState === \"temporal-invalid\" &&\n !containerTarget.lazyLoad &&\n !containerTarget.downloading) {\n droppableZoneState = null;\n }\n if (droppableZoneState != null) {\n return droppableZoneState;\n }\n // Do not show drop zones if:\n // - The effect does not allow it.\n // - The drop is disabled in the container target.\n // - When dragging in the same tree, don't mark droppable zones if they are\n // the dragged items or their direct parents.\n if (event.dataTransfer.effectAllowed === \"none\" \|\|\n containerTarget.dropDisabled \|\|\n (this.draggingInTree &&\n (this.draggedIds.includes(containerTarget.id) \|\|\n this.draggedParentIds.includes(containerTarget.id)))) {\n this.validDroppableZoneCache.set(cacheKey, \"invalid\");\n return \"invalid\";\n }\n // Disable drops when items need to lazy load their content first\n if (containerTarget.lazyLoad \|\| containerTarget.downloading) {\n this.validDroppableZoneCache.set(cacheKey, \"temporal-invalid\");\n return \"temporal-invalid\";\n }\n this.validDroppableZoneCache.set(cacheKey, \"checking\");\n this.droppableZoneEnter.emit({\n newContainer: {\n id: containerTarget.id,\n metadata: containerTarget.metadata\n },\n draggedItems: this.draggedItems\n });\n return \"checking\";\n }\n openSubTreeAfterCountdown(currentTarget) {\n if (currentTarget.leaf \|\| currentTarget.expanded) {\n return;\n }\n this.openSubTreeTimeout = setTimeout(() => {\n currentTarget.expanded = true;\n this.expandedItemChange.emit({ id: currentTarget.id, expanded: true });\n }, this.openSubTreeCountdown);\n }\n trackItemDrag = (event) => {\n const draggingInATree = event.target.closest(TREE_TAG_NAME) !== null;\n // The Tree View must be the only element that processes the \"dragover\"\n // event. Any other handler that processes this event can modify the\n // `dropEffect` an thus break the drag and drop implementation\n if (draggingInATree) {\n event.stopImmediatePropagation();\n }\n event.preventDefault();\n this.lastDragEvent = event;\n this.updateDropEffect(event);\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 this.el.style.setProperty(POSITION_X_DRAG_CUSTOM_VAR, `${this.lastDragEvent.clientX}px`);\n this.el.style.setProperty(POSITION_Y_DRAG_CUSTOM_VAR, `${this.lastDragEvent.clientY}px`);\n });\n };\n updateDropEffect(event) {\n const itemTarget = event.target;\n // Check if it is a valid item\n if (itemTarget.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME \|\|\n itemTarget.closest(TREE_TAG_NAME) !== this.el) {\n return;\n }\n const droppableZoneState = this.validDroppableZone(event);\n if (droppableZoneState === \"invalid\" \|\|\n droppableZoneState === \"temporal-invalid\") {\n event.dataTransfer.dropEffect = \"none\";\n }\n }\n resetVariables() {\n this.draggedIds = [];\n this.draggedParentIds = [];\n }\n /\n First, it check if all items can be dragged. If so, it updates the\n * dataTransfer in the drag event to store the ids and metadata of the\n * dragged items. Also it updates the visual information of the dragged\n * items.\n * @returns If all selected items can be dragged.\n */\n checkDragValidityAndUpdateDragInfo(dragInfo) {\n const draggedElement = dragInfo.elem;\n const isDraggingSelectedItems = this.selectedItemsInfo.has(draggedElement.id);\n this.draggingSelectedItems = isDraggingSelectedItems;\n let dataTransferInfo = [];\n let dragIsEnabledForAllItems;\n if (isDraggingSelectedItems) {\n const selectedItemKeys = [...this.selectedItemsInfo.keys()];\n const selectedItemValues = [...this.selectedItemsInfo.values()];\n const selectedItemCount = selectedItemKeys.length;\n dragIsEnabledForAllItems = selectedItemValues.every(el => !el.itemRef.dragDisabled);\n this.draggedIds = selectedItemKeys;\n dataTransferInfo = selectedItemValues.map(el => ({\n id: el.id,\n metadata: el.metadata\n }));\n this.dragInfo =\n selectedItemCount === 1\n ? draggedElement.caption\n : selectedItemCount.toString();\n }\n else {\n dragIsEnabledForAllItems = !draggedElement.dragDisabled;\n dataTransferInfo = [\n { id: draggedElement.id, metadata: draggedElement.metadata }\n ];\n this.draggedIds = [draggedElement.id];\n this.dragInfo = draggedElement.caption;\n }\n this.getDirectParentsOfDraggableItems(isDraggingSelectedItems);\n // Update drag event info\n const data = JSON.stringify(dataTransferInfo);\n dragInfo.dragEvent.dataTransfer.setData(TEXT_FORMAT, data);\n // We must keep the data binding and processing even if there is an item\n // that can't be dragged, otherwise, other trees or element might behave\n // unexpected when a dragstart event comes\n return dragIsEnabledForAllItems;\n }\n fixScrollPositionOnDrag = () => {\n if (!this.draggingInTree \|\| !this.lastDragEvent) {\n return;\n }\n requestAnimationFrame(() => {\n scrollToEdge(this.lastDragEvent, this.el, 10, 30);\n requestAnimationFrame(this.fixScrollPositionOnDrag);\n });\n };\n getDirectParentsOfDraggableItems(draggingSelectedItems) {\n if (!draggingSelectedItems) {\n const parentTreeItemElem = this.currentDraggedItem.parentElement;\n if (parentTreeItemElem.tagName.toLowerCase() === TREE_ITEM_TAG_NAME) {\n this.draggedParentIds.push(parentTreeItemElem.id);\n }\n return;\n }\n // Dragging selected items\n this.selectedItemsInfo.forEach(selectedItem => {\n const parentId = selectedItem.parentId;\n // parentId === \"\" when the item is in the first level of the tree\n if (parentId !== \"\") {\n this.draggedParentIds.push(parentId);\n }\n });\n }\n handleItemSelection(selectedItemInfo) {\n // If the Control key was not pressed or multi selection is disabled,\n // remove all selected items\n if (!selectedItemInfo.ctrlKeyPressed \|\| !this.multiSelection) {\n // Deselect all items except the item that emitted the event\n this.selectedItemsInfo.forEach(treeItem => {\n if (treeItem.id !== selectedItemInfo.id) {\n treeItem.itemRef.selected = false;\n }\n });\n this.clearSelectedItems();\n }\n // If the item is selected, add it to list\n if (selectedItemInfo.selected) {\n this.selectedItemsInfo.set(selectedItemInfo.id, selectedItemInfo);\n }\n else {\n this.selectedItemsInfo.delete(selectedItemInfo.id);\n }\n // Sync with UI model\n this.selectedItemsChange.emit(this.selectedItemsInfo);\n }\n clearSelectedItems() {\n this.selectedItemsInfo.clear();\n }\n disconnectedCallback() {\n this.resetVariables();\n // Remove dragover body event\n this.handleItemDragEnd();\n }\n render() {\n return (h(Host, { class: {\n \"ch-tree-view-dragging-item\": this.draggingInTheDocument,\n \"ch-tree-view-not-dragging-item\": !this.draggingInTheDocument,\n \"ch-tree-view--dragging-selected-items\": this.draggingInTree && this.draggingSelectedItems,\n \"ch-tree-view-waiting-drop-processing\": this.waitDropProcessing\n } }, h(\"div\", { role: \"tree\", part: \"tree-x-container\", \"aria-multiselectable\": this.multiSelection.toString(), class: \"ch-tree-view-container\" }, h(\"slot\", null)), this.draggingInTree && (h(\"span\", { \"aria-hidden\": \"true\", class: \"ch-tree-view-drag-info\" }, this.dragInfo))));\n }\n static get is() { return \"ch-tree-view\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"tree-view.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"tree-view.css\"]\n };\n }\n static get properties() {\n return {\n \"multiSelection\": {\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\": \"Set this attribute if you want to allow multi selection of the items.\"\n },\n \"attribute\": \"multi-selection\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"openSubTreeCountdown\": {\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\": \"This property lets you specify the time (in ms) that the mouse must be\\nover in a subtree to open it when dragging.\"\n },\n \"attribute\": \"open-sub-tree-countdown\",\n \"reflect\": false,\n \"defaultValue\": \"750\"\n },\n \"scrollToEdgeOnDrag\": {\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` to scroll in the tree when dragging an item near the edges of the\\ntree.\"\n },\n \"attribute\": \"scroll-to-edge-on-drag\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"waitDropProcessing\": {\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 property lets you specify if the tree is waiting to process the drop\\nof items.\"\n },\n \"attribute\": \"wait-drop-processing\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"draggingInTheDocument\": {},\n \"draggingInTree\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"droppableZoneEnter\",\n \"name\": \"droppableZoneEnter\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when an element attempts to enter in a droppable zone where the tree\\nhas no information about the validity of the drop.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewDropCheckInfo\",\n \"resolved\": \"{ newContainer: GxDataTransferInfo; draggedItems: GxDataTransferInfo[]; }\",\n \"references\": {\n \"TreeViewDropCheckInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDropCheckInfo\"\n }\n }\n }\n }, {\n \"method\": \"expandedItemChange\",\n \"name\": \"expandedItemChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when an item is expanded or collapsed.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemExpandedInfo\",\n \"resolved\": \"{ id: string; expanded: boolean; }\",\n \"references\": {\n \"TreeViewItemExpandedInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemExpandedInfo\"\n }\n }\n }\n }, {\n \"method\": \"itemContextmenu\",\n \"name\": \"itemContextmenu\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when an element displays its contextmenu.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemContextMenu\",\n \"resolved\": \"{ id: string; itemRef: HTMLChTreeViewItemElement; metadata: string; contextmenuEvent: PointerEvent; }\",\n \"references\": {\n \"TreeViewItemContextMenu\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemContextMenu\"\n }\n }\n }\n }, {\n \"method\": \"itemsDropped\",\n \"name\": \"itemsDropped\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the dragged items are dropped in another item of the tree.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewDataTransferInfo\",\n \"resolved\": \"{ newContainer: GxDataTransferInfo; draggedItems: GxDataTransferInfo[]; draggingSelectedItems: boolean; dropInTheSameTree: boolean; }\",\n \"references\": {\n \"TreeViewDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDataTransferInfo\"\n }\n }\n }\n }, {\n \"method\": \"selectedItemsChange\",\n \"name\": \"selectedItemsChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the selected items change.\"\n },\n \"complexType\": {\n \"original\": \"Map<string, TreeViewItemSelectedInfo>\",\n \"resolved\": \"Map<string, TreeViewItemSelectedInfo>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemSelectedInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemSelectedInfo\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"clearSelectedItemsInfo\": {\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\": \"Clear all information about the selected items. This method is intended to\\nbe used when selected items are reordered and the selected references will\\nno longer be useful.\",\n \"tags\": []\n }\n },\n \"scrollIntoVisible\": {\n \"complexType\": {\n \"signature\": \"(treeItemId: string) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"treeItemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLChTreeViewItemElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLChTreeViewItemElement\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id, it displays and scrolls into the item view.\",\n \"tags\": []\n }\n },\n \"updateValidDropZone\": {\n \"complexType\": {\n \"signature\": \"(requestTimestamp: number, newContainerId: string, draggedItems: GxDataTransferInfo[], validDrop: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"requestTimestamp\",\n \"type\": \"number\",\n \"docs\": \"Time where the request to the server was made. Useful to avoid having old information.\"\n }, {\n \"name\": \"newContainerId\",\n \"type\": \"string\",\n \"docs\": \"ID of the container where the drag is trying to be made.\"\n }, {\n \"name\": \"draggedItems\",\n \"type\": \"GxDataTransferInfo[]\",\n \"docs\": \"Information about the dragged items.\"\n }, {\n \"name\": \"validDrop\",\n \"type\": \"boolean\",\n \"docs\": \"Current state of the droppable zone.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"GxDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"../../../common/types\",\n \"id\": \"src/common/types.ts::GxDataTransferInfo\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Update the information about the valid droppable zones.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\"\n }, {\n \"name\": \"param\",\n \"text\": \"newContainerId ID of the container where the drag is trying to be made.\"\n }, {\n \"name\": \"param\",\n \"text\": \"draggedItems Information about the dragged items.\"\n }, {\n \"name\": \"param\",\n \"text\": \"validDrop Current state of the droppable zone.\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"contextmenu\",\n \"method\": \"handleContextMenuEvent\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"keydown\",\n \"method\": \"handleKeyDownEvents\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"dragstart\",\n \"method\": \"handleDragStart\",\n \"target\": \"window\",\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"dragend\",\n \"method\": \"handleDragEnd\",\n \"target\": \"window\",\n \"capture\": true,\n \"passive\": true\n }, {\n \"name\": \"dragenter\",\n \"method\": \"handleDragEnter\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": true\n }, {\n \"name\": \"dragleave\",\n \"method\": \"handleDragLeave\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": true\n }, {\n \"name\": \"drop\",\n \"method\": \"handleItemDrop\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"itemDragStart\",\n \"method\": \"handleItemDragStart\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"itemDragEnd\",\n \"method\": \"handleItemDragEnd\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"selectedItemChange\",\n \"method\": \"handleSelectedItemChange\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=tree-view.js.map\n"],"version":3}
1	+ {"file":"tree-view.js","mappings":";;;AAAO,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,KAAK;AAChF,IAAI,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;AACjF,IAAI,MAAM,eAAe,GAAG,SAAS,CAAC,YAAY,CAAC;AACnD,IAAI,MAAM,aAAa,GAAG,cAAc,IAAI,eAAe,CAAC;AAC5D,IAAI,MAAM,gBAAgB,GAAG,cAAc,GAAG,eAAe,GAAG,eAAe,CAAC;AAChF,IAAI,IAAI,aAAa,IAAI,gBAAgB,EAAE;AAC3C,QAAQ,MAAM,YAAY,GAAG,aAAa;AAC1C,cAAc,cAAc,GAAG,eAAe;AAC9C,cAAc,cAAc,IAAI,eAAe,GAAG,eAAe,CAAC,CAAC;AACnE;AACA,QAAQ,SAAS,CAAC,SAAS,IAAI,YAAY,GAAG,WAAW,CAAC;AAC1D,KAAK;AACL,CAAC;;ACZD,MAAM,WAAW,GAAG,sgCAAsgC;;;;;;;;;;;;;;ACG1hC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC;AAC/C,MAAM,aAAa,GAAG,cAAc,CAAC;AACrC;AACA;AACA,MAAM,aAAa,GAAG,CAAC,UAAU,KAAK,GAAG,kBAAkB,QAAQ,UAAU,IAAI,CAAC;AAClF,MAAM,WAAW,GAAG,YAAY,CAAC;AACjC,MAAM,cAAc,GAAG,WAAW,CAAC;AACnC,MAAM,YAAY,GAAG,SAAS,CAAC;AAC/B,MAAM,QAAQ,GAAG,IAAI,CAAC;AACtB,MAAM,UAAU,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,CAAC;AACrF,MAAM,kBAAkB,GAAG,MAAM,iBAAiB,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AACtE,MAAM,oBAAoB,GAAG,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC;AACzE,MAAM,mBAAmB,GAAG,CAAC,cAAc,EAAE,YAAY,KAAK,qBAAqB,cAAc,iBAAiB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,CAAC;AAClJ,MAAM,0BAA0B,GAAG,gCAAgC,CAAC;AACpE,MAAM,0BAA0B,GAAG,gCAAgC,CAAC;MACvD,UAAU;QACnB;;YAUA,oCAAiB;gBACb,CAAC,cAAc,GAAG,KAAK;oBACnB,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;oBACtC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE;wBACjC,OAAO;qBACV;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;iBACxD;gBACD,CAAC,YAAY,GAAG,KAAK;oBACjB,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;oBACtC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,EAAE;wBACjC,OAAO;qBACV;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,QAAQ,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAC;iBAC5D;gBACD,CAAC,QAAQ,GAAG,KAAK;oBACb,MAAM,QAAQ,GAAG,kBAAkB,EAAE,CAAC;oBACtC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;wBACjC,OAAO;qBACV;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;iBAC3B;aACJ,EAAC;YACF,4CAAyB,KAAK,EAAC;YAC/B,iCAAc,IAAI,EAAC;YACnB,4CAAe;YACf,iDAAoB;;;;;;YAMpB,8CAA2B,IAAI,GAAG,EAAE,EAAC;YACrC,iDAAoB;YACpB,2CAAc;;YAEd,iDAAoB;YACpB,kDAAqB;;;;;YAKrB,uCAAU;YACV,iCAAc,EAAE,EAAC;YACjB,uCAAoB,EAAE,EAAC;YA2FvB,2CAAwB,CAAC,QAAQ,EAAE,UAAU,GAAG,KAAK;gBACjD,IAAI,uBAAA,IAAI,uCAAqB,KAAK,QAAQ,IAAI,UAAU,EAAE;oBACtD,YAAY,CAAC,uBAAA,IAAI,sCAAoB,CAAC,CAAC;oBACvC,uBAAA,IAAI,mCAAwB,IAAI,MAAA,CAAC;iBACpC;aACJ,EAAC;YAuGF,yCAAsB,MAAM,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAC;YAC7E,yCAAsB,CAAC,KAAK;gBACxB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC;gBACrC,MAAM,QAAQ,GAAG,mBAAmB,CAAC,eAAe,CAAC,EAAE,EAAE,uBAAA,IAAI,gCAAc,CAAC,CAAC;gBAC7E,IAAI,kBAAkB,GAAG,uBAAA,IAAI,2CAAyB,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;;gBAErE,IAAI,kBAAkB,KAAK,kBAAkB;oBACzC,CAAC,eAAe,CAAC,QAAQ;oBACzB,CAAC,eAAe,CAAC,WAAW,EAAE;oBAC9B,kBAAkB,GAAG,IAAI,CAAC;iBAC7B;gBACD,IAAI,kBAAkB,IAAI,IAAI,EAAE;oBAC5B,OAAO,kBAAkB,CAAC;iBAC7B;;;;;;gBAMD,IAAI,KAAK,CAAC,YAAY,CAAC,aAAa,KAAK,MAAM;oBAC3C,eAAe,CAAC,YAAY;qBAC3B,IAAI,CAAC,cAAc;yBACf,uBAAA,IAAI,8BAAY,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC;4BAC1C,uBAAA,IAAI,oCAAkB,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;oBAC/D,uBAAA,IAAI,2CAAyB,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;oBACvD,OAAO,SAAS,CAAC;iBACpB;;gBAED,IAAI,eAAe,CAAC,QAAQ,IAAI,eAAe,CAAC,WAAW,EAAE;oBACzD,uBAAA,IAAI,2CAAyB,CAAC,GAAG,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;oBAChE,OAAO,kBAAkB,CAAC;iBAC7B;gBACD,uBAAA,IAAI,2CAAyB,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;gBACxD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;oBACzB,YAAY,EAAE;wBACV,EAAE,EAAE,eAAe,CAAC,EAAE;wBACtB,QAAQ,EAAE,eAAe,CAAC,QAAQ;qBACrC;oBACD,YAAY,EAAE,uBAAA,IAAI,gCAAc;iBACnC,CAAC,CAAC;gBACH,OAAO,UAAU,CAAC;aACrB,EAAC;YACF,gDAA6B,CAAC,aAAa;gBACvC,IAAI,aAAa,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,EAAE;oBAC9C,OAAO;iBACV;gBACD,uBAAA,IAAI,kCAAuB,UAAU,CAAC;oBAClC,aAAa,CAAC,QAAQ,GAAG,IAAI,CAAC;oBAC9B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,aAAa,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;iBAC1E,EAAE,IAAI,CAAC,oBAAoB,CAAC,MAAA,CAAC;aACjC,EAAC;YACF,oCAAiB,CAAC,KAAK;gBACnB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;;;;gBAIrE,IAAI,eAAe,EAAE;oBACjB,KAAK,CAAC,wBAAwB,EAAE,CAAC;iBACpC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,uBAAA,IAAI,6BAAkB,KAAK,MAAA,CAAC;gBAC5B,uBAAA,IAAI,oCAAkB,MAAtB,IAAI,EAAmB,KAAK,CAAC,CAAC;gBAC9B,IAAI,CAAC,uBAAA,IAAI,8BAAY,EAAE;oBACnB,OAAO;iBACV;gBACD,uBAAA,IAAI,0BAAe,KAAK,MAAA,CAAC;gBACzB,qBAAqB,CAAC;oBAClB,uBAAA,IAAI,0BAAe,IAAI,MAAA,CAAC;oBACxB,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE,GAAG,uBAAA,IAAI,iCAAe,CAAC,OAAO,IAAI,CAAC,CAAC;oBAC1F,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE,GAAG,uBAAA,IAAI,iCAAe,CAAC,OAAO,IAAI,CAAC,CAAC;iBAC7F,CAAC,CAAC;aACN,EAAC;YACF,uCAAoB,CAAC,KAAK;gBACtB,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC;;gBAEhC,IAAI,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB;oBACvD,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,EAAE,EAAE;oBAC/C,OAAO;iBACV;gBACD,MAAM,kBAAkB,GAAG,uBAAA,IAAI,sCAAoB,MAAxB,IAAI,EAAqB,KAAK,CAAC,CAAC;gBAC3D,IAAI,kBAAkB,KAAK,SAAS;oBAChC,kBAAkB,KAAK,kBAAkB,EAAE;oBAC3C,KAAK,CAAC,YAAY,CAAC,UAAU,GAAG,MAAM,CAAC;iBAC1C;aACJ,EAAC;YACF,qCAAkB;gBACd,uBAAA,IAAI,0BAAe,EAAE,MAAA,CAAC;gBACtB,uBAAA,IAAI,gCAAqB,EAAE,MAAA,CAAC;aAC/B,EAAC;;;;;;;;;YASF,yDAAsC,CAAC,QAAQ;gBAC3C,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC;gBACrC,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBACvD,MAAM,uBAAuB,GAAG,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBACzE,uBAAA,IAAI,qCAA0B,uBAAuB,MAAA,CAAC;gBACtD,IAAI,gBAAgB,GAAG,EAAE,CAAC;gBAC1B,IAAI,wBAAwB,CAAC;gBAC7B,IAAI,uBAAuB,EAAE;oBACzB,MAAM,gBAAgB,GAAG,CAAC,GAAG,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC;oBACvD,MAAM,kBAAkB,GAAG,CAAC,GAAG,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC;oBAC3D,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,MAAM,CAAC;oBAClD,wBAAwB,GAAG,kBAAkB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,uBAAA,IAAI,sCAAoB,MAAxB,IAAI,EAAqB,EAAE,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC;oBACzG,uBAAA,IAAI,0BAAe,gBAAgB,MAAA,CAAC;oBACpC,gBAAgB,GAAG,kBAAkB,CAAC,GAAG,CAAC,EAAE,KAAK;wBAC7C,EAAE,EAAE,EAAE,CAAC,EAAE;wBACT,QAAQ,EAAE,EAAE,CAAC,QAAQ;qBACxB,CAAC,CAAC,CAAC;oBACJ,uBAAA,IAAI,wBACA,iBAAiB,KAAK,CAAC;0BACjB,cAAc,CAAC,OAAO;0BACtB,iBAAiB,CAAC,QAAQ,EAAE,MAAA,CAAC;iBAC1C;qBACI;oBACD,wBAAwB,GAAG,CAAC,cAAc,CAAC,YAAY,CAAC;oBACxD,gBAAgB,GAAG;wBACf,EAAE,EAAE,EAAE,cAAc,CAAC,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,QAAQ,EAAE;qBAC/D,CAAC;oBACF,uBAAA,IAAI,0BAAe,CAAC,cAAc,CAAC,EAAE,CAAC,MAAA,CAAC;oBACvC,uBAAA,IAAI,wBAAa,cAAc,CAAC,OAAO,MAAA,CAAC;iBAC3C;gBACD,uBAAA,IAAI,oDAAkC,MAAtC,IAAI,EAAmC,uBAAuB,CAAC,CAAC;;gBAEhE,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;gBAC9C,QAAQ,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;;;;gBAI3D,OAAO,wBAAwB,CAAC;aACnC,EAAC;YACF,8CAA2B;gBACvB,IAAI,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,uBAAA,IAAI,iCAAe,EAAE;oBAC9C,OAAO;iBACV;gBACD,qBAAqB,CAAC;oBAClB,YAAY,CAAC,uBAAA,IAAI,iCAAe,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;oBACnD,qBAAqB,CAAC,uBAAA,IAAI,2CAAyB,CAAC,CAAC;iBACxD,CAAC,CAAC;aACN,EAAC;YACF,uDAAoC,CAAC,qBAAqB;gBACtD,IAAI,CAAC,qBAAqB,EAAE;oBACxB,MAAM,kBAAkB,GAAG,uBAAA,IAAI,sCAAoB,CAAC,aAAa,CAAC;oBAClE,IAAI,kBAAkB,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;wBACjE,uBAAA,IAAI,oCAAkB,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC;qBACtD;oBACD,OAAO;iBACV;;gBAED,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBACvD,iBAAiB,CAAC,OAAO,CAAC,YAAY;oBAClC,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC;;oBAEvC,IAAI,QAAQ,KAAK,EAAE,EAAE;wBACjB,uBAAA,IAAI,oCAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;qBACzC;iBACJ,CAAC,CAAC;aACN,EAAC;;;;;;;;YAjaE,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;YACnC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,IAAI,CAAC,oBAAoB,GAAG,GAAG,CAAC;YAChC,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;YACvC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;SACnC;;QAwED,sBAAsB,CAAC,KAAK;YACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;YAC1D,IAAI,CAAC,QAAQ,EAAE;gBACX,OAAO;aACV;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;gBACtB,EAAE,EAAE,QAAQ,CAAC,EAAE;gBACf,OAAO,EAAE,QAAQ;gBACjB,QAAQ,EAAE,QAAQ,CAAC,QAAQ;gBAC3B,gBAAgB,EAAE,KAAK;aAC1B,CAAC,CAAC;SACN;;QAED,mBAAmB,CAAC,KAAK;YACrB,MAAM,UAAU,GAAG,uBAAA,IAAI,iCAAe,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAClD,IAAI,UAAU,EAAE;gBACZ,UAAU,CAAC,KAAK,CAAC,CAAC;aACrB;SACJ;;;;QAID,eAAe,CAAC,KAAK;;YAEjB,uBAAA,IAAI,2CAAyB,CAAC,KAAK,EAAE,CAAC;;YAEtC,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YACrD,IAAI,IAAI,KAAK,EAAE,EAAE;gBACb,OAAO;aACV;YACD,IAAI;;gBAEA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACnC,uBAAA,IAAI,4BAAiB,SAAS,MAAA,CAAC;gBAC/B,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;gBAClC,uBAAA,IAAI,kCAAuB,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,MAAA,CAAC;aACnD;YACD,WAAM;;aAEL;SACJ;QACD,aAAa;YACT,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;SACtC;QACD,eAAe,CAAC,KAAK;YACjB,uBAAA,IAAI,wCAAsB,MAA1B,IAAI,EAAuB,IAAI,EAAE,IAAI,CAAC,CAAC;YACvC,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC;;YAErC,IAAI,eAAe,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;gBAC9D,OAAO;aACV;YACD,uBAAA,IAAI,mCAAwB,eAAe,MAAA,CAAC;YAC5C,uBAAA,IAAI,6CAA2B,MAA/B,IAAI,EAA4B,eAAe,CAAC,CAAC;YACjD,IAAI,uBAAA,IAAI,sCAAoB,MAAxB,IAAI,EAAqB,KAAK,CAAC,KAAK,OAAO,EAAE;gBAC7C,eAAe,CAAC,SAAS,GAAG,OAAO,CAAC;aACvC;SACJ;QACD,eAAe,CAAC,KAAK;YACjB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC;YACnC,IAAI,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;gBAC5D,OAAO;aACV;YACD,MAAM,QAAQ,GAAG,aAAa,CAAC;YAC/B,QAAQ,CAAC,SAAS,GAAG,MAAM,CAAC;YAC5B,uBAAA,IAAI,wCAAsB,MAA1B,IAAI,EAAuB,QAAQ,CAAC,CAAC;SACxC;QAOD,cAAc,CAAC,KAAK;YAChB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,uBAAA,IAAI,wCAAsB,MAA1B,IAAI,EAAuB,IAAI,EAAE,IAAI,CAAC,CAAC;YACvC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;YAClC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;;;YAGzE,IAAI,uBAAA,IAAI,sCAAoB,MAAxB,IAAI,EAAqB,KAAK,CAAC,KAAK,OAAO,EAAE;gBAC7C,OAAO;aACV;YACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;gBACnB,YAAY,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE;gBACtE,qBAAqB,EAAE,uBAAA,IAAI,yCAAuB;gBAClD,YAAY,EAAE,YAAY;gBAC1B,iBAAiB,EAAE,IAAI,CAAC,cAAc;aACzC,CAAC,CAAC;SACN;QACD,mBAAmB,CAAC,KAAK;;YAErB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,uBAAA,IAAI,iCAAe,EAAE;gBAC5D,OAAO,EAAE,IAAI;aAChB,CAAC,CAAC;YACH,uBAAA,IAAI,kCAAuB,KAAK,CAAC,MAAM,MAAA,CAAC;YACxC,MAAM,oBAAoB,GAAG,uBAAA,IAAI,sDAAoC,MAAxC,IAAI,EAAqC,KAAK,CAAC,MAAM,CAAC,CAAC;YACpF,IAAI,CAAC,oBAAoB,EAAE;;;gBAGvB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM,CAAC;gBAC3D,OAAO;aACV;YACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;YAC3B,IAAI,IAAI,CAAC,kBAAkB,EAAE;gBACzB,uBAAA,IAAI,2CAAyB,MAA7B,IAAI,CAA2B,CAAC;aACnC;SACJ;QACD,iBAAiB;YACb,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;YAC5B,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,UAAU,EAAE,uBAAA,IAAI,iCAAe,EAAE;gBAC/D,OAAO,EAAE,IAAI;aAChB,CAAC,CAAC;;YAEH,uBAAA,IAAI,kCAAgB,MAApB,IAAI,CAAkB,CAAC;SAC1B;QACD,wBAAwB,CAAC,KAAK;YAC1B,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC;YACtC,MAAM,iBAAiB,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC;;;YAGvD,IAAI,CAAC,gBAAgB,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;;gBAE1D,iBAAiB,CAAC,KAAK,EAAE,CAAC;aAC7B;;YAED,IAAI,gBAAgB,CAAC,QAAQ,EAAE;gBAC3B,iBAAiB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,EAAE,gBAAgB,CAAC,CAAC;aAChE;iBACI;gBACD,iBAAiB,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;aACjD;;YAED,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SACpD;;;;QAID,MAAM,iBAAiB,CAAC,UAAU;YAC9B,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;YACjE,IAAI,CAAC,OAAO,EAAE;gBACV,OAAO;aACV;YACD,IAAI,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC;;YAEvC,OAAO,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,kBAAkB,EAAE;gBAC5D,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC;gBAC3B,UAAU,GAAG,UAAU,CAAC,aAAa,CAAC;aACzC;;YAED,qBAAqB,CAAC;gBAClB,OAAO,CAAC,cAAc,EAAE,CAAC;aAC5B,CAAC,CAAC;SACN;;;;;;;;QAQD,MAAM,mBAAmB,CAAC,gBAAgB,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS;;YAC/E,IAAI,CAAC,IAAI,CAAC,qBAAqB;gBAC3B,gBAAgB,IAAI,uBAAA,IAAI,sCAAoB,EAAE;gBAC9C,OAAO;aACV;YACD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;YAC3E,uBAAA,IAAI,2CAAyB,CAAC,GAAG,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC,CAAC;YACrF,MAAM,uCAAuC,GAAG,CAAA,MAAA,uBAAA,IAAI,uCAAqB,0CAAE,EAAE,MAAK,cAAc,CAAC;YACjG,IAAI,uCAAuC,EAAE;gBACzC,uBAAA,IAAI,uCAAqB,CAAC,SAAS,GAAG,OAAO,CAAC;aACjD;SACJ;QAoKD,oBAAoB;YAChB,uBAAA,IAAI,kCAAgB,MAApB,IAAI,CAAkB,CAAC;;YAEvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC5B;QACD,MAAM;YACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;oBACjB,4BAA4B,EAAE,IAAI,CAAC,qBAAqB;oBACxD,gCAAgC,EAAE,CAAC,IAAI,CAAC,qBAAqB;oBAC7D,uCAAuC,EAAE,IAAI,CAAC,cAAc,IAAI,uBAAA,IAAI,yCAAuB;oBAC3F,sCAAsC,EAAE,IAAI,CAAC,kBAAkB;iBAClE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,cAAc,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,uBAAA,IAAI,4BAAU,CAAC,CAAC,CAAC,EAAE;SAC7R;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/common/scroll-to-edge.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view/tree-view.css?tag=ch-tree-view","node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view/tree-view.js"],"sourcesContent":["export const scrollToEdge = (event, container, scrollSpeed, scrollThreshold) => {\n const mousePositionY = event.clientY - container.getBoundingClientRect().top;\n const containerHeight = container.clientHeight;\n const mouseAtTheTop = mousePositionY <= scrollThreshold;\n const mouseAtTheBottom = mousePositionY > containerHeight - scrollThreshold;\n if (mouseAtTheTop \|\| mouseAtTheBottom) {\n const scrollAmount = mouseAtTheTop\n ? mousePositionY - scrollThreshold\n : mousePositionY - (containerHeight - scrollThreshold);\n // Adjust container scroll position\n container.scrollTop += scrollAmount / scrollSpeed;\n }\n};\n//# sourceMappingURL=scroll-to-edge.js.map\n","ch-tree-view {\n display: flex;\n position: relative;\n block-size: 100%;\n inline-size: 100%;\n overflow: auto;\n}\nch-tree-view > .ch-tree-view-container {\n position: absolute;\n inset: 0;\n}\nch-tree-view.ch-tree-view-dragging-item ch-tree-view-item {\n pointer-events: var(--ch-tree-view-pointer-events, all);\n}\nch-tree-view.ch-tree-view-dragging-item .ch-tree-view-list-item--deny-drop {\n pointer-events: none;\n}\nch-tree-view.ch-tree-view--dragging-selected-items ch-tree-view-item[selected] {\n --ch-tree-view-pointer-events: none;\n}\nch-tree-view.ch-tree-view-waiting-drop-processing {\n cursor: wait;\n}\nch-tree-view.ch-tree-view-waiting-drop-processing > .ch-tree-view-container {\n pointer-events: none;\n}\n\n.ch-tree-view-drag-info {\n --rtl-offset: 16px;\n position: fixed;\n left: 0;\n top: 0;\n transform: translate(calc(var(--ch-tree-view-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-view-dragging-item-y) + 8px));\n pointer-events: none;\n z-index: 1;\n animation: ch-tree-view-drag-info-fade-in 10ms;\n}\n\n@keyframes ch-tree-view-drag-info-fade-in {\n 0%, 100% {\n opacity: 0;\n }\n}\nhtml[dir=rtl] .ch-tree-view-drag-info {\n --rtl-offset: -100%;\n}","import { Host, h } from \"@stencil/core\";\nimport { focusComposedPath, mouseEventModifierKey } from \"../../common/helpers\";\nimport { scrollToEdge } from \"../../../common/scroll-to-edge\";\nconst TREE_ITEM_TAG_NAME = \"ch-tree-view-item\";\nconst TREE_TAG_NAME = \"ch-tree-view\";\n// Selectors\n// const CHECKED_ITEMS = `${TREE_ITEM_TAG_NAME}[checked]`;\nconst ITEM_SELECTOR = (treeItemId) => `${TREE_ITEM_TAG_NAME}[id=\"${treeItemId}\"]`;\nconst TEXT_FORMAT = \"text/plain\";\nconst ARROW_DOWN_KEY = \"ArrowDown\";\nconst ARROW_UP_KEY = \"ArrowUp\";\nconst EDIT_KEY = \"F2\";\nconst isTreeItem = (element) => element.tagName.toLowerCase() === TREE_ITEM_TAG_NAME;\nconst getFocusedTreeItem = () => focusComposedPath().find(isTreeItem);\nconst canMoveTreeItemFocus = (treeItem) => treeItem && !treeItem.editing;\nconst getDroppableZoneKey = (newContainerId, draggedItems) => `\"newContainerId\":\"${newContainerId}\",\"metadata\":\"${JSON.stringify(draggedItems)}\"`;\nconst POSITION_X_DRAG_CUSTOM_VAR = \"--ch-tree-view-dragging-item-x\";\nconst POSITION_Y_DRAG_CUSTOM_VAR = \"--ch-tree-view-dragging-item-y\";\nexport class ChTreeView {\n constructor() {\n this.draggingInTheDocument = false;\n this.draggingInTree = false;\n this.multiSelection = false;\n this.openSubTreeCountdown = 750;\n this.selectedItemsCallback = undefined;\n this.scrollToEdgeOnDrag = true;\n this.waitDropProcessing = false;\n }\n // @todo TODO: Check if key codes works in Safari\n #keyDownEvents = {\n [ARROW_DOWN_KEY]: event => {\n const treeItem = getFocusedTreeItem();\n if (!canMoveTreeItemFocus(treeItem)) {\n return;\n }\n event.preventDefault();\n treeItem.focusNextItem(mouseEventModifierKey(event));\n },\n [ARROW_UP_KEY]: event => {\n const treeItem = getFocusedTreeItem();\n if (!canMoveTreeItemFocus(treeItem)) {\n return;\n }\n event.preventDefault();\n treeItem.focusPreviousItem(mouseEventModifierKey(event));\n },\n [EDIT_KEY]: event => {\n const treeItem = getFocusedTreeItem();\n if (!treeItem \|\| !treeItem.editable) {\n return;\n }\n event.preventDefault();\n treeItem.editing = true;\n }\n };\n #draggingSelectedItems = false;\n #needForRAF = true; // To prevent redundant RAF (request animation frame) calls\n #lastDragEvent;\n #openSubTreeTimeout;\n /*\n Cache to avoid duplicate requests when checking the droppable zone in the\n * same drag event.\n /\n // eslint-disable-next-line @stencil-community/own-props-must-be-private\n #validDroppableZoneCache = new Map();\n #dragStartTimestamp; // Useful to avoid race conditions where the server response is slow\n #draggedItems;\n // Refs\n #currentDraggedItem;\n #lastOpenSubTreeItem;\n /\n Text displayed when dragging an item.\n /\n // eslint-disable-next-line @stencil-community/own-props-must-be-private\n #dragInfo;\n #draggedIds = [];\n #draggedParentIds = [];\n el;\n /\n Fired when an element attempts to enter in a droppable zone where the tree\n * has no information about the validity of the drop.\n /\n droppableZoneEnter;\n /\n Fired when an item is expanded or collapsed.\n /\n expandedItemChange;\n /\n Fired when an element displays its contextmenu.\n /\n itemContextmenu;\n /\n Fired when the dragged items are dropped in another item of the tree.\n /\n itemsDropped;\n /\n Fired when the selected items change.\n /\n selectedItemsChange;\n handleContextMenuEvent(event) {\n const treeItem = event.target.closest(TREE_ITEM_TAG_NAME);\n if (!treeItem) {\n return;\n }\n event.preventDefault();\n this.itemContextmenu.emit({\n id: treeItem.id,\n itemRef: treeItem,\n metadata: treeItem.metadata,\n contextmenuEvent: event\n });\n }\n // Set edit mode in items\n handleKeyDownEvents(event) {\n const keyHandler = this.#keyDownEvents[event.key];\n if (keyHandler) {\n keyHandler(event);\n }\n }\n // We can't use capture, because the dataTransfer info would not be defined\n // Also, we cant use capture and setTimeout with 0 seconds, because the\n // getData method can only be accessed during the dragstart and drop event\n handleDragStart(event) {\n // Reset the validity of the droppable zones with each new drag start\n this.#validDroppableZoneCache.clear();\n // If there is no data, the dragstart does not achieve the interface required\n const data = event.dataTransfer.getData(TEXT_FORMAT);\n if (data === \"\") {\n return;\n }\n try {\n // Try to parse the data\n const paredData = JSON.parse(data);\n this.#draggedItems = paredData;\n this.draggingInTheDocument = true;\n this.#dragStartTimestamp = new Date().getTime();\n }\n catch {\n // Empty\n }\n }\n handleDragEnd() {\n this.draggingInTheDocument = false;\n }\n handleDragEnter(event) {\n this.#cancelSubTreeOpening(null, true);\n event.stopPropagation();\n const containerTarget = event.target;\n // Check if it is a valid item\n if (containerTarget.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME) {\n return;\n }\n this.#lastOpenSubTreeItem = containerTarget;\n this.#openSubTreeAfterCountdown(containerTarget);\n if (this.#validDroppableZone(event) === \"valid\") {\n containerTarget.dragState = \"enter\";\n }\n }\n handleDragLeave(event) {\n const currentTarget = event.target;\n if (currentTarget.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME) {\n return;\n }\n const treeItem = currentTarget;\n treeItem.dragState = \"none\";\n this.#cancelSubTreeOpening(treeItem);\n }\n #cancelSubTreeOpening = (treeItem, forceClear = false) => {\n if (this.#lastOpenSubTreeItem === treeItem \|\| forceClear) {\n clearTimeout(this.#openSubTreeTimeout);\n this.#lastOpenSubTreeItem = null;\n }\n };\n handleItemDrop(event) {\n event.stopPropagation();\n this.#cancelSubTreeOpening(null, true);\n const newContainer = event.target;\n const draggedItems = JSON.parse(event.dataTransfer.getData(TEXT_FORMAT));\n // The droppable zone must be checked, even if it was marked as not valid\n // @todo Try to drop an item with high delays in droppable zone checking\n if (this.#validDroppableZone(event) !== \"valid\") {\n return;\n }\n this.itemsDropped.emit({\n newContainer: { id: newContainer.id, metadata: newContainer.metadata },\n draggingSelectedItems: this.#draggingSelectedItems,\n draggedItems: draggedItems,\n dropInTheSameTree: this.draggingInTree\n });\n }\n handleItemDragStart(event) {\n // Avoid bubbling as this event can listened in other components (e.g. ch-flexible-layout)\n event.stopPropagation();\n document.body.addEventListener(\"dragover\", this.#trackItemDrag, {\n capture: true\n });\n this.#currentDraggedItem = event.target;\n const allItemsCanBeDragged = this.#checkDragValidityAndUpdateDragInfo(event.detail);\n if (!allItemsCanBeDragged) {\n // This effect disables drop interactions in all page elements, so there\n // is no need to capture and prevent the drop event in the window\n event.detail.dragEvent.dataTransfer.effectAllowed = \"none\";\n return;\n }\n this.draggingInTree = true;\n if (this.scrollToEdgeOnDrag) {\n this.#fixScrollPositionOnDrag();\n }\n }\n handleItemDragEnd() {\n this.draggingInTree = false;\n document.body.removeEventListener(\"dragover\", this.#trackItemDrag, {\n capture: true\n });\n // Reset not allowed droppable ids\n this.#resetVariables();\n }\n handleSelectedItemChange(event) {\n event.stopPropagation();\n const selectedItemInfo = event.detail;\n const selectedItemsInfo = this.selectedItemsCallback();\n // If the Control key was not pressed or multi selection is disabled,\n // remove all selected items\n if (!selectedItemInfo.ctrlKeyPressed \|\| !this.multiSelection) {\n // Clear selected items\n selectedItemsInfo.clear();\n }\n // If the item is selected, add it to list\n if (selectedItemInfo.selected) {\n selectedItemsInfo.set(selectedItemInfo.id, selectedItemInfo);\n }\n else {\n selectedItemsInfo.delete(selectedItemInfo.id);\n }\n // Sync with UI model\n this.selectedItemsChange.emit(selectedItemsInfo);\n }\n /\n Given an item id, it displays and scrolls into the item view.\n /\n async scrollIntoVisible(treeItemId) {\n const itemRef = this.el.querySelector(ITEM_SELECTOR(treeItemId));\n if (!itemRef) {\n return;\n }\n let parentItem = itemRef.parentElement;\n // Expand all parents\n while (parentItem.tagName.toLowerCase() === TREE_ITEM_TAG_NAME) {\n parentItem.expanded = true;\n parentItem = parentItem.parentElement;\n }\n // Wait until the parents are expanded\n requestAnimationFrame(() => {\n itemRef.scrollIntoView();\n });\n }\n /\n Update the information about the valid droppable zones.\n * @param requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\n * @param newContainerId ID of the container where the drag is trying to be made.\n * @param draggedItems Information about the dragged items.\n * @param validDrop Current state of the droppable zone.\n /\n async updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop) {\n if (!this.draggingInTheDocument \|\|\n requestTimestamp <= this.#dragStartTimestamp) {\n return;\n }\n const droppableZoneKey = getDroppableZoneKey(newContainerId, draggedItems);\n this.#validDroppableZoneCache.set(droppableZoneKey, validDrop ? \"valid\" : \"invalid\");\n const shouldUpdateDragEnterInCurrentContainer = this.#lastOpenSubTreeItem?.id === newContainerId;\n if (shouldUpdateDragEnterInCurrentContainer) {\n this.#lastOpenSubTreeItem.dragState = \"enter\";\n }\n }\n #getTreeViewItemRef = itemId => this.el.querySelector(ITEM_SELECTOR(itemId));\n #validDroppableZone = (event) => {\n const containerTarget = event.target;\n const cacheKey = getDroppableZoneKey(containerTarget.id, this.#draggedItems);\n let droppableZoneState = this.#validDroppableZoneCache.get(cacheKey);\n // Invalidate the cache, because the item is no longer waiting for its content to be downloaded\n if (droppableZoneState === \"temporal-invalid\" &&\n !containerTarget.lazyLoad &&\n !containerTarget.downloading) {\n droppableZoneState = null;\n }\n if (droppableZoneState != null) {\n return droppableZoneState;\n }\n // Do not show drop zones if:\n // - The effect does not allow it.\n // - The drop is disabled in the container target.\n // - When dragging in the same tree, don't mark droppable zones if they are\n // the dragged items or their direct parents.\n if (event.dataTransfer.effectAllowed === \"none\" \|\|\n containerTarget.dropDisabled \|\|\n (this.draggingInTree &&\n (this.#draggedIds.includes(containerTarget.id) \|\|\n this.#draggedParentIds.includes(containerTarget.id)))) {\n this.#validDroppableZoneCache.set(cacheKey, \"invalid\");\n return \"invalid\";\n }\n // Disable drops when items need to lazy load their content first\n if (containerTarget.lazyLoad \|\| containerTarget.downloading) {\n this.#validDroppableZoneCache.set(cacheKey, \"temporal-invalid\");\n return \"temporal-invalid\";\n }\n this.#validDroppableZoneCache.set(cacheKey, \"checking\");\n this.droppableZoneEnter.emit({\n newContainer: {\n id: containerTarget.id,\n metadata: containerTarget.metadata\n },\n draggedItems: this.#draggedItems\n });\n return \"checking\";\n };\n #openSubTreeAfterCountdown = (currentTarget) => {\n if (currentTarget.leaf \|\| currentTarget.expanded) {\n return;\n }\n this.#openSubTreeTimeout = setTimeout(() => {\n currentTarget.expanded = true;\n this.expandedItemChange.emit({ id: currentTarget.id, expanded: true });\n }, this.openSubTreeCountdown);\n };\n #trackItemDrag = (event) => {\n const draggingInATree = event.target.closest(TREE_TAG_NAME) !== null;\n // The Tree View must be the only element that processes the \"dragover\"\n // event. Any other handler that processes this event can modify the\n // `dropEffect` an thus break the drag and drop implementation\n if (draggingInATree) {\n event.stopImmediatePropagation();\n }\n event.preventDefault();\n this.#lastDragEvent = event;\n this.#updateDropEffect(event);\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 this.el.style.setProperty(POSITION_X_DRAG_CUSTOM_VAR, `${this.#lastDragEvent.clientX}px`);\n this.el.style.setProperty(POSITION_Y_DRAG_CUSTOM_VAR, `${this.#lastDragEvent.clientY}px`);\n });\n };\n #updateDropEffect = (event) => {\n const itemTarget = event.target;\n // Check if it is a valid item\n if (itemTarget.tagName.toLowerCase() !== TREE_ITEM_TAG_NAME \|\|\n itemTarget.closest(TREE_TAG_NAME) !== this.el) {\n return;\n }\n const droppableZoneState = this.#validDroppableZone(event);\n if (droppableZoneState === \"invalid\" \|\|\n droppableZoneState === \"temporal-invalid\") {\n event.dataTransfer.dropEffect = \"none\";\n }\n };\n #resetVariables = () => {\n this.#draggedIds = [];\n this.#draggedParentIds = [];\n };\n /\n First, it check if all items can be dragged. If so, it updates the\n * dataTransfer in the drag event to store the ids and metadata of the\n * dragged items. Also it updates the visual information of the dragged\n * items.\n * @returns If all selected items can be dragged.\n */\n // eslint-disable-next-line @stencil-community/own-props-must-be-private\n #checkDragValidityAndUpdateDragInfo = (dragInfo) => {\n const draggedElement = dragInfo.elem;\n const selectedItemsInfo = this.selectedItemsCallback();\n const isDraggingSelectedItems = selectedItemsInfo.has(draggedElement.id);\n this.#draggingSelectedItems = isDraggingSelectedItems;\n let dataTransferInfo = [];\n let dragIsEnabledForAllItems;\n if (isDraggingSelectedItems) {\n const selectedItemKeys = [...selectedItemsInfo.keys()];\n const selectedItemValues = [...selectedItemsInfo.values()];\n const selectedItemCount = selectedItemKeys.length;\n dragIsEnabledForAllItems = selectedItemValues.every(el => !this.#getTreeViewItemRef(el.id).dragDisabled);\n this.#draggedIds = selectedItemKeys;\n dataTransferInfo = selectedItemValues.map(el => ({\n id: el.id,\n metadata: el.metadata\n }));\n this.#dragInfo =\n selectedItemCount === 1\n ? draggedElement.caption\n : selectedItemCount.toString();\n }\n else {\n dragIsEnabledForAllItems = !draggedElement.dragDisabled;\n dataTransferInfo = [\n { id: draggedElement.id, metadata: draggedElement.metadata }\n ];\n this.#draggedIds = [draggedElement.id];\n this.#dragInfo = draggedElement.caption;\n }\n this.#getDirectParentsOfDraggableItems(isDraggingSelectedItems);\n // Update drag event info\n const data = JSON.stringify(dataTransferInfo);\n dragInfo.dragEvent.dataTransfer.setData(TEXT_FORMAT, data);\n // We must keep the data binding and processing even if there is an item\n // that can't be dragged, otherwise, other trees or element might behave\n // unexpected when a dragstart event comes\n return dragIsEnabledForAllItems;\n };\n #fixScrollPositionOnDrag = () => {\n if (!this.draggingInTree \|\| !this.#lastDragEvent) {\n return;\n }\n requestAnimationFrame(() => {\n scrollToEdge(this.#lastDragEvent, this.el, 10, 30);\n requestAnimationFrame(this.#fixScrollPositionOnDrag);\n });\n };\n #getDirectParentsOfDraggableItems = (draggingSelectedItems) => {\n if (!draggingSelectedItems) {\n const parentTreeItemElem = this.#currentDraggedItem.parentElement;\n if (parentTreeItemElem.tagName.toLowerCase() === TREE_ITEM_TAG_NAME) {\n this.#draggedParentIds.push(parentTreeItemElem.id);\n }\n return;\n }\n // Dragging selected items\n const selectedItemsInfo = this.selectedItemsCallback();\n selectedItemsInfo.forEach(selectedItem => {\n const parentId = selectedItem.parentId;\n // parentId === \"\" when the item is in the first level of the tree\n if (parentId !== \"\") {\n this.#draggedParentIds.push(parentId);\n }\n });\n };\n disconnectedCallback() {\n this.#resetVariables();\n // Remove dragover body event\n this.handleItemDragEnd();\n }\n render() {\n return (h(Host, { class: {\n \"ch-tree-view-dragging-item\": this.draggingInTheDocument,\n \"ch-tree-view-not-dragging-item\": !this.draggingInTheDocument,\n \"ch-tree-view--dragging-selected-items\": this.draggingInTree && this.#draggingSelectedItems,\n \"ch-tree-view-waiting-drop-processing\": this.waitDropProcessing\n } }, h(\"div\", { role: \"tree\", part: \"tree-x-container\", \"aria-multiselectable\": this.multiSelection.toString(), class: \"ch-tree-view-container\" }, h(\"slot\", null)), this.draggingInTree && (h(\"span\", { \"aria-hidden\": \"true\", class: \"ch-tree-view-drag-info\" }, this.#dragInfo))));\n }\n static get is() { return \"ch-tree-view\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"tree-view.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"tree-view.css\"]\n };\n }\n static get properties() {\n return {\n \"multiSelection\": {\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\": \"Set this attribute if you want to allow multi selection of the items.\"\n },\n \"attribute\": \"multi-selection\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"openSubTreeCountdown\": {\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\": \"This property lets you specify the time (in ms) that the mouse must be\\nover in a subtree to open it when dragging.\"\n },\n \"attribute\": \"open-sub-tree-countdown\",\n \"reflect\": false,\n \"defaultValue\": \"750\"\n },\n \"selectedItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"() => Map<\\n string,\\n TreeViewItemSelectedInfo\\n >\",\n \"resolved\": \"() => Map<string, TreeViewItemSelectedInfo>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemSelectedInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemSelectedInfo\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed to get the current selected items.\"\n }\n },\n \"scrollToEdgeOnDrag\": {\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` to scroll in the tree when dragging an item near the edges of the\\ntree.\"\n },\n \"attribute\": \"scroll-to-edge-on-drag\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"waitDropProcessing\": {\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 property lets you specify if the tree is waiting to process the drop\\nof items.\"\n },\n \"attribute\": \"wait-drop-processing\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"draggingInTheDocument\": {},\n \"draggingInTree\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"droppableZoneEnter\",\n \"name\": \"droppableZoneEnter\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when an element attempts to enter in a droppable zone where the tree\\nhas no information about the validity of the drop.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewDropCheckInfo\",\n \"resolved\": \"{ newContainer: GxDataTransferInfo; draggedItems: GxDataTransferInfo[]; }\",\n \"references\": {\n \"TreeViewDropCheckInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDropCheckInfo\"\n }\n }\n }\n }, {\n \"method\": \"expandedItemChange\",\n \"name\": \"expandedItemChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when an item is expanded or collapsed.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemExpandedInfo\",\n \"resolved\": \"{ id: string; expanded: boolean; }\",\n \"references\": {\n \"TreeViewItemExpandedInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemExpandedInfo\"\n }\n }\n }\n }, {\n \"method\": \"itemContextmenu\",\n \"name\": \"itemContextmenu\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when an element displays its contextmenu.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemContextMenu\",\n \"resolved\": \"{ id: string; itemRef: HTMLChTreeViewItemElement; metadata: string; contextmenuEvent: PointerEvent; }\",\n \"references\": {\n \"TreeViewItemContextMenu\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemContextMenu\"\n }\n }\n }\n }, {\n \"method\": \"itemsDropped\",\n \"name\": \"itemsDropped\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the dragged items are dropped in another item of the tree.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewDataTransferInfo\",\n \"resolved\": \"{ newContainer: GxDataTransferInfo; draggedItems: GxDataTransferInfo[]; draggingSelectedItems: boolean; dropInTheSameTree: boolean; }\",\n \"references\": {\n \"TreeViewDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDataTransferInfo\"\n }\n }\n }\n }, {\n \"method\": \"selectedItemsChange\",\n \"name\": \"selectedItemsChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the selected items change.\"\n },\n \"complexType\": {\n \"original\": \"Map<string, TreeViewItemSelectedInfo>\",\n \"resolved\": \"Map<string, TreeViewItemSelectedInfo>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemSelectedInfo\": {\n \"location\": \"import\",\n \"path\": \"./types\",\n \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemSelectedInfo\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"scrollIntoVisible\": {\n \"complexType\": {\n \"signature\": \"(treeItemId: string) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"treeItemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLChTreeViewItemElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLChTreeViewItemElement\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id, it displays and scrolls into the item view.\",\n \"tags\": []\n }\n },\n \"updateValidDropZone\": {\n \"complexType\": {\n \"signature\": \"(requestTimestamp: number, newContainerId: string, draggedItems: GxDataTransferInfo[], validDrop: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"requestTimestamp\",\n \"type\": \"number\",\n \"docs\": \"Time where the request to the server was made. Useful to avoid having old information.\"\n }, {\n \"name\": \"newContainerId\",\n \"type\": \"string\",\n \"docs\": \"ID of the container where the drag is trying to be made.\"\n }, {\n \"name\": \"draggedItems\",\n \"type\": \"GxDataTransferInfo[]\",\n \"docs\": \"Information about the dragged items.\"\n }, {\n \"name\": \"validDrop\",\n \"type\": \"boolean\",\n \"docs\": \"Current state of the droppable zone.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"GxDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"../../../common/types\",\n \"id\": \"src/common/types.ts::GxDataTransferInfo\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Update the information about the valid droppable zones.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\"\n }, {\n \"name\": \"param\",\n \"text\": \"newContainerId ID of the container where the drag is trying to be made.\"\n }, {\n \"name\": \"param\",\n \"text\": \"draggedItems Information about the dragged items.\"\n }, {\n \"name\": \"param\",\n \"text\": \"validDrop Current state of the droppable zone.\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"contextmenu\",\n \"method\": \"handleContextMenuEvent\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"keydown\",\n \"method\": \"handleKeyDownEvents\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": false\n }, {\n \"name\": \"dragstart\",\n \"method\": \"handleDragStart\",\n \"target\": \"window\",\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"dragend\",\n \"method\": \"handleDragEnd\",\n \"target\": \"window\",\n \"capture\": true,\n \"passive\": true\n }, {\n \"name\": \"dragenter\",\n \"method\": \"handleDragEnter\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": true\n }, {\n \"name\": \"dragleave\",\n \"method\": \"handleDragLeave\",\n \"target\": undefined,\n \"capture\": true,\n \"passive\": true\n }, {\n \"name\": \"drop\",\n \"method\": \"handleItemDrop\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": true\n }, {\n \"name\": \"itemDragStart\",\n \"method\": \"handleItemDragStart\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"itemDragEnd\",\n \"method\": \"handleItemDragEnd\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"selectedItemChange\",\n \"method\": \"handleSelectedItemChange\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=tree-view.js.map\n"],"version":3}

package/dist/components/tree-view2.js CHANGED Viewed

@@ -6,17 +6,17 @@ import { d as defineCustomElement$1 } from './tree-view-render.js';
 const resolveImgPath = (iconAssetsPath, img) => `${iconAssetsPath}/${img}.svg`;
-const treeViewCss = ":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)}gxg-tree-view{--gxg-tree-view-icon-size:var(--spacing-comp-04);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--color-on-background);display:contents}.tree-view{cursor:initial}.tree-view::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.tree-view::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.tree-view::-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}.tree-view::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.tree-view .ch-tree-view-container{padding:7px;}.tree-view-item{--ch-tree-view-view__checkbox-size:var(--gxg-checkbox-size);--ch-tree-view-view__expandable-button-width:var(--gxg-tree-view-icon-size);--ch-tree-view-item-gap:var(--spacing-comp-02);--ch-tree-view-item-custom-padding-inline-start:var(--spacing-comp-01);--ch-tree-view-item-custom-padding-inline-end:var(--spacing-comp-01);}.tree-view-item::part(dashed-line){border-color:var(--gray-02)}.tree-view-item::part(header){min-height:var(--spacing-comp-05);padding-top:var(--spacing-comp-00);padding-bottom:var(--spacing-comp-00);padding-inline-end:var(--spacing-comp-02)}.tree-view-item::part(header):before{content:\"\";display:block}.tree-view-item::part(header):hover{background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}.tree-view-item::part(header):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.tree-view-item[selected]::part(header){background-color:var(--gxg-background-color--selected)}.tree-view-item[selected]::part(header):hover{background-color:var(--gxg-background-color--selected-hover)}.tree-view-item::part(expandable-button){background-color:var(--gray-00)}.tree-view-item::part(expandable-button)::before{background-color:var(--gray-04);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.tree-view-item::part(expandable-button):hover{background-color:var(--color-background)}.tree-view-item::part(expandable-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:0}.tree-view-item::part(left-img){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}.tree-view-item::part(downloading){width:var(--spacing-comp-03);height:var(--spacing-comp-03);border:var(--border-width-md) solid var(--color-primary-enabled);border-inline-start-color:transparent}.tree-view-item::part(checkbox__container){border-color:var(--gray-04);background-color:var(--color-background)}.tree-view-item::part(checkbox__container):after{content:\"\";position:absolute;display:block;border:solid;border-color:transparent;z-index:0}.tree-view-item::part(checkbox__container):focus-within{box-shadow:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.tree-view-item::part(checkbox__option){display:none}.tree-view-item::part(checkbox__container checkbox__checked):after{left:5.5px;top:3px;width:4px;height:7px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:var(--color-primary-active);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}.tree-view-item::part(checkbox__container checkbox__indeterminate):after{left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-active);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}.tree-view-item::part(checkbox__input){position:relative;z-index:1}.tree-view-item--folder::part(action)::before,.tree-view-item--module::part(action)::before{grid-area:left-img;content:\"\";width:var(--gxg-tree-view-icon-size);height:var(--gxg-tree-view-icon-size);margin-inline-end:var(--ch-tree-view-item-gap);background-repeat:no-repeat}.tree-view-item--folder::part(action)::before{background-image:url(\"/build/icon-assets/objects/folder.svg\")}.tree-view-item--folder::part(action expanded)::before{background-image:url(\"/build/icon-assets/objects/folder-open.svg\")}.tree-view-item--module::part(action)::before{background-image:url(\"/build/icon-assets/objects/module.svg\")}.tree-view-item--module::part(action expanded)::before{background-image:url(\"/build/icon-assets/objects/module-open.svg\")}.tree-view-item--pending-commit::part(action)::before{content:\"\";position:relative;z-index:1;grid-area:left-img;width:5px;height:5px;align-self:end;margin-block-end:3px;margin-inline-start:1px;background-color:var(--color-primary-enabled);border-radius:50%}.tree-view-item--editing::part(header){border:2px solid transparent}.tree-view .ch-tree-view-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}";
+const treeViewCss = ":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)}gxg-tree-view{--gxg-tree-view-icon-size:var(--spacing-comp-03);display:contents;color:var(--color-on-background);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular)}.tree-view{cursor:initial}.tree-view::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.tree-view::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.tree-view::-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}.tree-view::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.tree-view .ch-tree-view-container{padding:7px;}.tree-view-item{--ch-tree-view-view__checkbox-size:var(--gxg-checkbox-size);--ch-tree-view-view__expandable-button-width:var(--gxg-tree-view-icon-size);--ch-tree-view-item-gap:var(--spacing-comp-02);--ch-tree-view-item-custom-padding-inline-start:var(--spacing-comp-01);--ch-tree-view-item-custom-padding-inline-end:var(--spacing-comp-01);}.tree-view-item::part(dashed-line){border-color:var(--gray-02)}.tree-view-item::part(header){min-height:var(--spacing-comp-05);padding-top:var(--spacing-comp-00);padding-bottom:var(--spacing-comp-00);padding-inline-end:var(--spacing-comp-02)}.tree-view-item::part(header):hover{background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}.tree-view-item::part(header):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.tree-view-item[selected]::part(header){background-color:var(--gxg-background-color--selected)}.tree-view-item[selected]::part(header):hover{background-color:var(--gxg-background-color--selected-hover)}.tree-view-item::part(expandable-button){background-color:var(--gray-00)}.tree-view-item::part(expandable-button)::before{background-color:var(--gray-04);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.tree-view-item::part(expandable-button):hover{background-color:var(--color-background)}.tree-view-item::part(expandable-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:0}.tree-view-item::part(left-img){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}.tree-view-item::part(downloading){width:var(--spacing-comp-03);height:var(--spacing-comp-03);border:var(--border-width-md) solid var(--color-primary-enabled);border-inline-start-color:transparent}.tree-view-item::part(checkbox__container){border-color:var(--gray-04);background-color:var(--color-background)}.tree-view-item::part(checkbox__container):after{content:\"\";position:absolute;display:block;border:solid;border-color:transparent;z-index:0}.tree-view-item::part(checkbox__container):focus-within{box-shadow:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.tree-view-item::part(checkbox__option){display:none}.tree-view-item::part(checkbox__container checkbox__checked):after{left:5.5px;top:3px;width:4px;height:7px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:var(--color-primary-active);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}.tree-view-item::part(checkbox__container checkbox__indeterminate):after{left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-active);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}.tree-view-item::part(checkbox__input){position:relative;z-index:1}.tree-view-item--folder::part(action)::before,.tree-view-item--module::part(action)::before{grid-area:left-img;content:\"\";width:var(--gxg-tree-view-icon-size);height:var(--gxg-tree-view-icon-size);margin-inline-end:var(--ch-tree-view-item-gap);background-repeat:no-repeat}.tree-view-item--folder::part(action)::before{background-image:url(\"/build/icon-assets/objects/folder.svg\")}.tree-view-item--folder::part(action expanded)::before{background-image:url(\"/build/icon-assets/objects/folder-open.svg\")}.tree-view-item--module::part(action)::before{background-image:url(\"/build/icon-assets/objects/module.svg\")}.tree-view-item--module::part(action expanded)::before{background-image:url(\"/build/icon-assets/objects/module-open.svg\")}.tree-view-item--pending-commit::part(action)::before{content:\"\";position:relative;z-index:1;grid-area:left-img;width:5px;height:5px;align-self:end;margin-block-end:3px;margin-inline-start:1px;background-color:var(--color-primary-enabled);border-radius:50%}.tree-view-item--editing::part(header){border:2px solid transparent}.tree-view .ch-tree-view-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}";
 const DEFAULT_DRAG_DISABLED_VALUE = false;
 const DEFAULT_DROP_DISABLED_VALUE = false;
 const DEFAULT_EDITABLE_ITEMS_VALUE = true;
 const iconAssetsPath = getAssetPath(`./icon-assets`);
 const defaultRenderItem = (itemModel, treeState, treeHasFilter, lastItem, level) => {
-    var _a, _b, _c, _d, _e, _f;
-    return (treeState.filterType === "none" || itemModel.render !== false) && (h("ch-tree-view-item", { id: itemModel.id, caption: itemModel.caption, checkbox: (_a = itemModel.checkbox) !== null && _a !== void 0 ? _a : treeState.checkbox, checked: (_b = itemModel.checked) !== null && _b !== void 0 ? _b : treeState.checked, class: itemModel.class, disabled: itemModel.disabled, downloading: itemModel.downloading, dragDisabled: (_c = itemModel.dragDisabled) !== null && _c !== void 0 ? _c : treeState.dragDisabled, dropDisabled: (_d = itemModel.dropDisabled) !== null && _d !== void 0 ? _d : treeState.dropDisabled, editable: (_e = itemModel.editable) !== null && _e !== void 0 ? _e : treeState.editableItems, expanded: itemModel.expanded, indeterminate: itemModel.indeterminate, lastItem: lastItem, lazyLoad: itemModel.lazy, leaf: itemModel.leaf, leftImgSrc: itemModel.leftImgSrc
+    var _a, _b, _c, _d, _e, _f, _g;
+    return (treeState.filterType === "none" || itemModel.render !== false) && (h("ch-tree-view-item", { key: itemModel.id, id: itemModel.id, caption: itemModel.caption, checkbox: (_a = itemModel.checkbox) !== null && _a !== void 0 ? _a : treeState.checkbox, checked: (_b = itemModel.checked) !== null && _b !== void 0 ? _b : treeState.checked, class: itemModel.class, disabled: itemModel.disabled, downloading: itemModel.downloading, dragDisabled: (_c = itemModel.dragDisabled) !== null && _c !== void 0 ? _c : treeState.dragDisabled, dropDisabled: (_d = itemModel.dropDisabled) !== null && _d !== void 0 ? _d : treeState.dropDisabled, editable: (_e = itemModel.editable) !== null && _e !== void 0 ? _e : treeState.editableItems, expanded: itemModel.expanded, expandableButton: (_f = itemModel.expandableButton) !== null && _f !== void 0 ? _f : treeState.expandableButton, expandOnClick: treeState.expandOnClick, indeterminate: itemModel.indeterminate, lastItem: lastItem, lazyLoad: itemModel.lazy, leaf: itemModel.leaf, leftImgSrc: itemModel.leftImgSrc
             ? resolveImgPath(iconAssetsPath, itemModel.leftImgSrc)
-            : null, level: level, metadata: itemModel.metadata, rightImgSrc: itemModel.rightImgSrc, selected: itemModel.selected, showExpandableButton: itemModel.showExpandableButton, showLines: treeState.showLines, toggleCheckboxes: (_f = itemModel.toggleCheckboxes) !== null && _f !== void 0 ? _f : treeState.toggleCheckboxes }, !itemModel.leaf &&
+            : null, level: level, metadata: itemModel.metadata, rightImgSrc: itemModel.rightImgSrc, selected: itemModel.selected, showLines: treeState.showLines, toggleCheckboxes: (_g = itemModel.toggleCheckboxes) !== null && _g !== void 0 ? _g : treeState.toggleCheckboxes }, !itemModel.leaf &&
         itemModel.items != null &&
         itemModel.items.map((subModel, index) => defaultRenderItem(subModel, treeState, treeHasFilter, treeState.showLines !== "none" &&
             // If there is a filter applied in the current list, use the
@@ -41,6 +41,8 @@ const ChTreeViewRenderWrapper = /*@__PURE__*/ proxyCustomElement(class ChTreeVie
         this.dropDisabled = DEFAULT_DROP_DISABLED_VALUE;
         this.dropItemsCallback = undefined;
         this.editableItems = DEFAULT_EDITABLE_ITEMS_VALUE;
+        this.expandableButton = "decorative";
+        this.expandOnClick = true;
         this.filter = undefined;
         this.filterDebounce = 0;
         this.filterList = [];
@@ -120,7 +122,7 @@ const ChTreeViewRenderWrapper = /*@__PURE__*/ proxyCustomElement(class ChTreeVie
         this.treeRef.updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop);
     }
     render() {
-        return (h("ch-tree-view-render", { checkbox: this.checkbox, checked: this.checked, checkDroppableZoneCallback: this.checkDroppableZoneCallback, cssClass: this.cssClass, dragDisabled: this.dragDisabled, dropDisabled: this.dropDisabled, dropItemsCallback: this.dropItemsCallback, editableItems: this.editableItems, filter: this.filter, filterList: this.filterList, filterOptions: this.filterOptions, filterDebounce: this.filterDebounce, filterType: this.filterType, lazyLoadTreeItemsCallback: this.lazyLoadTreeItemsCallback, modifyItemCaptionCallback: this.modifyItemCaptionCallback, multiSelection: this.multiSelection, renderItem: this.renderItem, showLines: this.showLines, sortItemsCallback: this.sortItemsCallback, toggleCheckboxes: this.toggleCheckboxes, treeModel: this.treeModel, ref: (el) => (this.treeRef = el) }));
+        return (h("ch-tree-view-render", { checkbox: this.checkbox, checked: this.checked, checkDroppableZoneCallback: this.checkDroppableZoneCallback, cssClass: this.cssClass, dragDisabled: this.dragDisabled, dropDisabled: this.dropDisabled, dropItemsCallback: this.dropItemsCallback, editableItems: this.editableItems, expandOnClick: this.expandOnClick, filter: this.filter, filterList: this.filterList, filterOptions: this.filterOptions, filterDebounce: this.filterDebounce, filterType: this.filterType, lazyLoadTreeItemsCallback: this.lazyLoadTreeItemsCallback, modifyItemCaptionCallback: this.modifyItemCaptionCallback, multiSelection: this.multiSelection, renderItem: this.renderItem, showLines: this.showLines, sortItemsCallback: this.sortItemsCallback, toggleCheckboxes: this.toggleCheckboxes, treeModel: this.treeModel, ref: (el) => (this.treeRef = el) }));
     }
     static get style() { return treeViewCss; }
 }, [0, "gxg-tree-view", {
@@ -132,6 +134,8 @@ const ChTreeViewRenderWrapper = /*@__PURE__*/ proxyCustomElement(class ChTreeVie
         "dropDisabled": [4, "drop-disabled"],
         "dropItemsCallback": [16],
         "editableItems": [4, "editable-items"],
+        "expandableButton": [1, "expandable-button"],
+        "expandOnClick": [4, "expand-on-click"],
         "filter": [1],
         "filterDebounce": [2, "filter-debounce"],
         "filterList": [16],