@genexus/genexus-ide-ui 0.0.93 → 0.0.94

package/dist/genexus-ide-ui/p-73a078e2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxCss","CHECKBOX_ID","PARTS","checked","indeterminate","CheckBox","constructor","hostRef","this","getValue","checkedValue","unCheckedValue","handleClick","event","readonly","disabled","stopPropagation","handleChange","inputRef","target","value","input","emit","highlightable","click","accessibleName","undefined","caption","valueChanged","componentWillLoad","render","additionalParts","h","Host","class","DISABLED_CLASS","container","part","_a","trim","id","type","onClick","onInput","option","htmlFor","scrollToEdge","scrollSpeed","scrollThreshold","mousePositionY","clientY","getBoundingClientRect","top","containerHeight","clientHeight","mouseAtTheTop","mouseAtTheBottom","scrollAmount","scrollTop","treeViewCss","TREE_ITEM_TAG_NAME","TREE_TAG_NAME","ITEM_SELECTOR","treeItemId","TEXT_FORMAT","ARROW_DOWN_KEY","ARROW_UP_KEY","EDIT_KEY","isTreeItem","element","tagName","toLowerCase","getFocusedTreeItem","focusComposedPath","find","canMoveTreeItemFocus","treeItem","editing","getDroppableZoneKey","newContainerId","draggedItems","JSON","stringify","POSITION_X_DRAG_CUSTOM_VAR","POSITION_Y_DRAG_CUSTOM_VAR","ChTreeView","_a$1","_keyDownEvents","set","preventDefault","focusNextItem","mouseEventModifierKey","focusPreviousItem","editable","_draggingSelectedItems","_needForRAF","_lastDragEvent","_openSubTreeTimeout","_validDroppableZoneCache","Map","_dragStartTimestamp","_draggedItems","_currentDraggedItem","_lastOpenSubTreeItem","_dragInfo","_draggedIds","_draggedParentIds","_cancelSubTreeOpening","forceClear","__classPrivateFieldGet","clearTimeout","__classPrivateFieldSet","_getTreeViewItemRef","itemId","el","querySelector","_validDroppableZone","containerTarget","cacheKey","droppableZoneState","get","lazyLoad","downloading","dataTransfer","effectAllowed","dropDisabled","draggingInTree","includes","droppableZoneEnter","newContainer","metadata","_openSubTreeAfterCountdown","currentTarget","leaf","expanded","setTimeout","expandedItemChange","openSubTreeCountdown","_trackItemDrag","draggingInATree","closest","stopImmediatePropagation","_updateDropEffect","call","requestAnimationFrame","style","setProperty","clientX","itemTarget","dropEffect","_resetVariables","_checkDragValidityAndUpdateDragInfo","dragInfo","draggedElement","elem","selectedItemsInfo","selectedItemsCallback","isDraggingSelectedItems","has","dataTransferInfo","dragIsEnabledForAllItems","selectedItemKeys","keys","selectedItemValues","values","selectedItemCount","length","every","dragDisabled","map","toString","_getDirectParentsOfDraggableItems","data","dragEvent","setData","_fixScrollPositionOnDrag","draggingSelectedItems","parentTreeItemElem","parentElement","push","forEach","selectedItem","parentId","draggingInTheDocument","multiSelection","scrollToEdgeOnDrag","waitDropProcessing","handleContextMenuEvent","itemContextmenu","itemRef","contextmenuEvent","handleKeyDownEvents","keyHandler","key","handleDragStart","clear","getData","paredData","parse","Date","getTime","_b","handleDragEnd","handleDragEnter","dragState","handleDragLeave","handleItemDrop","itemsDropped","dropInTheSameTree","handleItemDragStart","document","body","addEventListener","capture","allItemsCanBeDragged","detail","handleItemDragEnd","removeEventListener","handleSelectedItemChange","selectedItemInfo","ctrlKeyPressed","selected","delete","selectedItemsChange","scrollIntoVisible","parentItem","scrollIntoView","updateValidDropZone","requestTimestamp","validDrop","droppableZoneKey","shouldUpdateDragEnterInCurrentContainer","disconnectedCallback","role","treeViewItemCss","DISTANCE_TO_CHECKBOX_CUSTOM_VAR","INITIAL_LEVEL","DIRECT_TREE_ITEM_CHILDREN","FIRST_ENABLED_SUB_ITEM","LAST_SUB_ITEM","EXPANDABLE_ID","ENTER_KEY","ESCAPE_KEY","getCheckboxExportPart","CHECKBOX_EXPORT_PARTS","join","ChTreeViewItem","_watcher","_ignoreCheckboxChange","_headerRef","_inputRef","_getDirectTreeItems","Array","from","querySelectorAll","_setResizeObserver","ResizeObserver","distanceToCheckbox","height","observe","_disconnectObserver","disconnect","_checkIfShouldRemoveEditMode","code","commitEdition","_removeEditMode","_removeEditModeOnClick","composedPath","pointerType","shouldFocusHeader","newCaption","modifyCaption","focus","_toggleExpand","selectedItemChange","_getSelectedInfo","_lazyLoadItems","loadLazyContent","_toggleSelected","_setSelected","_toggleOrSelect","expandOnClick","_handleActionDblClick","_emitOpenReference","_handleActionClick","_handleActionKeyDown","openReference","_handleCheckedChange","checkboxChange","_renderImg","cssClass","src","alt","loading","_handleDragStart","removeDragImage","itemDragStart","_handleDragEnd","itemDragEnd","_handleDrop","checkbox","customRender","expandableButton","lastItem","leftImgSrc","level","rightImgSrc","showDownloadingSpinner","showLines","toggleCheckboxes","updateChildrenCheckedValue","newValue","treeItems","updateChecked","handleEditingChange","isEditing","writeTask","handleExpandedChange","isExpanded","handleLasItemChange","isLastItem","handleShowLinesChange","newShowLines","updateCheckboxValue","updatedCheck","allItemsHaveTheSameCheckedValue","eventMustBeEmitted","checkboxToggleChange","subItem","setFocus","focusNextSibling","nextSiblingItem","nextElementSibling","previousSiblingItem","previousElementSibling","focusLastItem","lastSubItem","newChecked","newIndeterminate","componentDidLoad","evenLevel","expandableButtonVisible","expandableButtonNotVisible","acceptDrop","hasContent","showAllLines","showLastLine","onDrop","header","onKeyDown","draggable","onDragStart","onDragEnd","ref","exportparts","name","action","onDblClick","onBlur","expandable"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/checkbox/checkbox.css?tag=ch-checkbox&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/checkbox/checkbox.js","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","node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view-item/tree-view-item.css?tag=ch-tree-view-item&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view-item/tree-view-item.js"],"sourcesContent":["*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  outline: unset;\n  touch-action: manipulation;\n  user-select: none;\n}\n\n:host(.ch-checkbox--actionable) :is(.input, .label) {\n  cursor: pointer;\n}\n\n.container {\n  position: relative;\n  width: min(1em, 20px);\n  height: min(1em, 20px);\n  border: 1px solid var(--option-border-color, currentColor);\n  border-radius: 18.75%;\n}\n.container--checked {\n  background-color: var(--option-checked-color, #ffffff00);\n}\n.container:focus-within {\n  box-shadow: 0 0 1px 1px color-mix(in srgb, currentColor 25%, transparent);\n}\n\n.input {\n  display: flex;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  margin: 0;\n  padding: 0;\n}\n\n.option {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 50%;\n  height: 50%;\n  background-color: currentColor;\n  opacity: 0;\n  pointer-events: none;\n}\n.option--checked {\n  opacity: 1;\n  -webkit-mask: url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\");\n}\n.option--indeterminate {\n  opacity: 1;\n}\n\n.label {\n  margin-inline-start: min(0.35em, 7px);\n}","import { Host, h } from \"@stencil/core\";\nimport { DISABLED_CLASS } from \"../../common/reserverd-names\";\nconst CHECKBOX_ID = \"checkbox\";\nconst PARTS = (checked, indeterminate) => `${checked ? \" checked\" : \"\"}${indeterminate ? \" indeterminate\" : \"\"}`;\nexport class CheckBox {\n    constructor() {\n        this.accessibleName = undefined;\n        this.caption = undefined;\n        this.checked = undefined;\n        this.checkedValue = undefined;\n        this.disabled = false;\n        this.highlightable = false;\n        this.indeterminate = false;\n        this.readonly = false;\n        this.unCheckedValue = undefined;\n        this.value = undefined;\n    }\n    element;\n    /**\n     * Emitted when the element is clicked or the space key is pressed and\n     * released.\n     */\n    click;\n    /**\n     * The `input` event is emitted when a change to the element's value is\n     * committed by the user.\n     */\n    input;\n    valueChanged() {\n        this.checked = this.value === this.checkedValue;\n    }\n    componentWillLoad() {\n        this.checked = this.value === this.checkedValue;\n    }\n    getValue = (checked) => checked ? this.checkedValue : this.unCheckedValue;\n    /**\n     * Checks if it is necessary to prevent the click from bubbling\n     */\n    handleClick = (event) => {\n        if (this.readonly || this.disabled) {\n            return;\n        }\n        event.stopPropagation();\n    };\n    handleChange = (event) => {\n        event.stopPropagation();\n        const inputRef = event.target;\n        const checked = inputRef.checked;\n        const value = this.getValue(checked);\n        this.checked = checked;\n        this.value = value;\n        inputRef.value = value; // Update input's value before emitting the event\n        this.input.emit(event);\n        if (this.highlightable) {\n            this.click.emit();\n        }\n    };\n    render() {\n        const additionalParts = PARTS(this.checked, this.indeterminate);\n        return (h(Host, { class: {\n                [DISABLED_CLASS]: this.disabled,\n                \"ch-checkbox--actionable\": (!this.readonly && !this.disabled) ||\n                    (this.readonly && this.highlightable)\n            } }, h(\"div\", { class: {\n                container: true,\n                \"container--checked\": this.checked\n            }, part: `container${additionalParts}` }, h(\"input\", { \"aria-label\": this.accessibleName?.trim() !== \"\" &&\n                this.accessibleName !== this.caption\n                ? this.accessibleName\n                : null, id: this.caption ? CHECKBOX_ID : null, class: \"input\", part: \"input\", type: \"checkbox\", checked: this.checked, disabled: this.disabled || this.readonly, indeterminate: this.indeterminate, value: this.value, onClick: this.handleClick, onInput: this.handleChange }), h(\"div\", { class: {\n                option: true,\n                \"option--checked\": this.checked && !this.indeterminate,\n                \"option--indeterminate\": this.indeterminate\n            }, part: `option${additionalParts}`, \"aria-hidden\": \"true\" })), this.caption && (h(\"label\", { class: \"label\", part: \"label\", htmlFor: CHECKBOX_ID, onClick: this.handleClick }, this.caption))));\n    }\n    static get is() { return \"ch-checkbox\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"checkbox.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"checkbox.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleName\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies a short string, typically 1 to 3 words, that authors associate\\nwith an element to provide users of assistive technologies with a label\\nfor the element.\"\n                },\n                \"attribute\": \"accessible-name\",\n                \"reflect\": false\n            },\n            \"caption\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies the label of the checkbox.\"\n                },\n                \"attribute\": \"caption\",\n                \"reflect\": false\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Indicates that the control is selected by default.\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": false\n            },\n            \"checkedValue\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value when the checkbox is 'on'\"\n                },\n                \"attribute\": \"checked-value\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify if the element is disabled.\\nIf disabled, it will not fire any user interaction related event\\n(for example, click event).\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"highlightable\": {\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 highlight control when an action is fired.\"\n                },\n                \"attribute\": \"highlightable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"indeterminate\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"`true` if the control's value is indeterminate.\"\n                },\n                \"attribute\": \"indeterminate\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute indicates that the user cannot modify the value of the control.\\nSame as [readonly](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly)\\nattribute for `input` elements.\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"unCheckedValue\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value when the checkbox is 'off'\"\n                },\n                \"attribute\": \"un-checked-value\",\n                \"reflect\": false\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the control.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"click\",\n                \"name\": \"click\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the element is clicked or the space key is pressed and\\nreleased.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"input\",\n                \"name\": \"input\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The `input` event is emitted when a change to the element's value is\\ncommitted by the user.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"value\",\n                \"methodName\": \"valueChanged\"\n            }];\n    }\n}\n//# sourceMappingURL=checkbox.js.map\n","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",":where(button) {\n  all: unset;\n  display: flex;\n  user-select: none;\n  touch-action: manipulation;\n  -webkit-user-drag: element;\n}\n\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\n\n:host {\n  --ch-tree-view-view__checkbox-size: 1em;\n  --ch-tree-view-view__expandable-button-width: 0.75em;\n  --ch-tree-view-item__dashed-line--inset-inline-start: 0px;\n  --ch-tree-view-item__dashed-line--inset-inline-end: 4px;\n  --ch-tree-view-item-gap: 5px;\n  --ch-tree-view-item-custom-padding-inline-start: 0px;\n  --ch-tree-tab-width: calc(\n    var(--ch-tree-view-view__checkbox-size) +\n      var(--ch-tree-view-view__expandable-button-width) +\n      (var(--ch-tree-view-item-gap) * 2)\n  );\n  display: grid;\n  grid-template-rows: min-content;\n}\n\n.header {\n  --own-offset: 0px;\n  display: flex;\n  align-items: center;\n  min-height: calc(1em + 6px);\n  padding-inline-start: calc( var(--padding-inline-start) + var(--ch-tree-view-item-custom-padding-inline-start) );\n}\n.header--disabled {\n  opacity: 0.5;\n  pointer-events: none;\n}\n.header--even {\n  --padding-inline-start: calc(\n    var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width)\n  );\n}\n.header--even + .expandable {\n  --parent-padding-inline-start--even: calc(\n    var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width)\n  );\n}\n.header--even .dashed-line {\n  --inset-inline-start: calc(\n    var(--parent-padding-inline-start--odd, 0px) +\n      var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n  );\n}\n.header--even-expandable {\n  --padding-inline-start: calc(\n        var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width) -\n          calc(\n    var(--ch-tree-view-view__expandable-button-width) +\n      var(--ch-tree-view-item-gap)\n  )\n      );\n}\n.header--even-expandable + .expandable {\n  --parent-padding-inline-start--even: calc(\n        var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width) -\n          calc(\n    var(--ch-tree-view-view__expandable-button-width) +\n      var(--ch-tree-view-item-gap)\n  )\n      );\n}\n.header--odd {\n  --padding-inline-start: calc(\n    var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width)\n  );\n}\n.header--odd + .expandable {\n  --parent-padding-inline-start--odd: calc(\n    var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width)\n  );\n}\n.header--odd .dashed-line {\n  --inset-inline-start: calc(\n    var(--parent-padding-inline-start--even, 0px) +\n      var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n  );\n}\n.header--odd-expandable {\n  --padding-inline-start: calc(\n        var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width) -\n          calc(\n    var(--ch-tree-view-view__expandable-button-width) +\n      var(--ch-tree-view-item-gap)\n  )\n      );\n}\n.header--odd-expandable + .expandable {\n  --parent-padding-inline-start--odd: calc(\n        var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width) -\n          calc(\n    var(--ch-tree-view-view__expandable-button-width) +\n      var(--ch-tree-view-item-gap)\n  )\n      );\n}\n.header--level-0 {\n  --padding-inline-start: 0px;\n}\n.header--level-0 + .expandable {\n  --parent-padding-inline-start--even: 0px;\n}\n.header--expandable-offset {\n  --own-offset: calc(\n    var(--ch-tree-view-view__expandable-button-width) +\n      var(--ch-tree-view-item-gap)\n  );\n}\n.header--expandable-offset + .expandable {\n  --parent-expandable-offset: calc(\n    var(--ch-tree-view-view__expandable-button-width) / 2\n  );\n}\n.header--checkbox-offset + .expandable {\n  --parent-checkbox-offset: calc(\n    var(--ch-tree-view-view__checkbox-size) / 2\n  );\n  --parent-negative-checkbox-offset: calc(\n    var(--ch-tree-view-view__checkbox-size) / 2\n  );\n}\n\n.dashed-line {\n  position: absolute;\n  inset-inline-start: calc( var(--inset-inline-start) + var(--ch-tree-view-item__dashed-line--inset-inline-start) + var(--ch-tree-view-item-custom-padding-inline-start) );\n  height: 1px;\n  width: calc( var(--ch-tree-tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-view-item__dashed-line--inset-inline-start) - var(--ch-tree-view-item__dashed-line--inset-inline-end) );\n  border: 0 dashed color-mix(in srgb, currentColor 65%, transparent);\n  border-block-end-width: 1px;\n  pointer-events: none;\n  content-visibility: hidden;\n  z-index: 1;\n}\n\n.last-all-line {\n  inset-block-start: 0;\n  height: calc(100% - var(--ch-tree-view-item-distance-to-checkbox));\n  border-inline-start-width: 1px;\n  border-end-start-radius: 2px;\n}\n\n.last-line {\n  inset-block-start: 0;\n  height: 100%;\n  border-inline-start-width: 1px;\n  border-style: solid;\n  border-block-end: unset;\n}\n\n.expandable-button,\n.expandable-button-decorative::before {\n  display: grid;\n  place-items: center;\n  width: var(--ch-tree-view-view__expandable-button-width);\n  height: var(--ch-tree-view-view__expandable-button-width);\n  margin-inline-end: var(--ch-tree-view-item-gap);\n  z-index: 1;\n  cursor: pointer;\n  content-visibility: auto;\n  contain-intrinsic-size: auto var(--ch-tree-view-view__expandable-button-width);\n}\n\n.expandable-button-decorative::before {\n  content: \"\";\n  background-color: currentColor;\n  -webkit-mask: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M16.5 5L8.7 12.7L1 5\" stroke=\"%23000\" stroke-width=\"1.2\" stroke-linecap=\"round\"/></svg>') 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat;\n  cursor: unset;\n}\n.expandable-button-decorative--collapsed::before {\n  transform: rotate(-90deg);\n}\n.expandable-button::before {\n  content: \"\";\n  width: calc(100% - 2px);\n  height: calc(100% - 2px);\n  background-color: currentColor;\n  -webkit-mask-size: calc( var(--ch-tree-view-view__expandable-button-width) - 2px );\n}\n.expandable-button--collapsed::before {\n  -webkit-mask-image: url('data:image/svg+xml,<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z\"/></svg>');\n}\n.expandable-button--expanded::before {\n  -webkit-mask-image: url('data:image/svg+xml,<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.15,8.5H1.93v-1H14.15Z\"/></svg>');\n}\n.expandable-button:focus-visible {\n  outline: 1px solid #000;\n}\n\n.checkbox {\n  width: var(--ch-tree-view-view__checkbox-size);\n  margin-inline-end: var(--ch-tree-view-item-gap);\n}\n.checkbox::part(container) {\n  width: var(--ch-tree-view-view__checkbox-size);\n  height: var(--ch-tree-view-view__checkbox-size);\n}\n\n.action {\n  display: grid;\n  grid-template: \"left-img text right-img\"/max-content 1fr max-content;\n  align-items: center;\n  height: 100%;\n  flex: 1;\n  cursor: pointer;\n}\n\n.readonly-mode {\n  padding-block: 0.75px;\n}\n\n.left-img,\n.right-img {\n  display: block;\n  width: 0.875em;\n  height: 0.875em;\n  content-visibility: auto;\n  contain-intrinsic-size: auto 0.875em;\n}\n\n.left-img {\n  grid-area: left-img;\n  margin-inline-end: var(--ch-tree-view-item-gap);\n}\n\n.right-img {\n  grid-area: right-img;\n  margin-inline-start: var(--ch-tree-view-item-gap);\n}\n\n.edit-name {\n  grid-area: text;\n  width: 100%;\n  height: 100%;\n  padding: 0;\n  margin: 0;\n  background-color: unset;\n  color: unset;\n  border: 1px solid currentColor;\n  font: unset;\n  outline: unset;\n}\n\n.downloading {\n  width: 0.75em;\n  height: 0.75em;\n  margin-inline: 8px 2px;\n  border: 2px solid currentColor;\n  border-inline-start-color: transparent;\n  border-radius: 50%;\n  opacity: 0.75;\n  animation: spin 1s linear infinite, avoid-flickering 75ms;\n}\n\n@keyframes avoid-flickering {\n  0%, 100% {\n    display: none;\n  }\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.expandable {\n  --parent-expandable-offset: 0px;\n  --parent-negative-checkbox-offset: 0px;\n  --parent-checkbox-offset: 0px;\n  display: grid;\n  grid-auto-rows: min-content;\n  position: relative;\n}\n.expandable--lazy-loaded {\n  content-visibility: auto;\n  contain-intrinsic-size: auto 100px;\n}\n\n.expandable--collapsed {\n  display: none;\n  overflow: hidden;\n}","import { Host, h, writeTask } from \"@stencil/core\";\nimport { mouseEventModifierKey } from \"../../common/helpers\";\nimport { removeDragImage } from \"../../../common/utils\";\nconst DISTANCE_TO_CHECKBOX_CUSTOM_VAR = \"--ch-tree-view-item-distance-to-checkbox\";\nconst INITIAL_LEVEL = 0;\n// Selectors\nconst TREE_ITEM_TAG_NAME = \"ch-tree-view-item\";\nconst DIRECT_TREE_ITEM_CHILDREN = `:scope>${TREE_ITEM_TAG_NAME}`;\nconst FIRST_ENABLED_SUB_ITEM = `${TREE_ITEM_TAG_NAME}:not([disabled])`;\nconst LAST_SUB_ITEM = `:scope>${TREE_ITEM_TAG_NAME}:last-child`;\n// Keys\nconst EXPANDABLE_ID = \"expandable\";\nconst ENTER_KEY = \"Enter\";\nconst ESCAPE_KEY = \"Escape\";\n// Export Parts\nconst getCheckboxExportPart = (part) => `${part}:checkbox__${part}`;\nconst CHECKBOX_EXPORT_PARTS = [\n    \"container\",\n    \"input\",\n    \"option\",\n    \"checked\",\n    \"indeterminate\"\n]\n    .map(getCheckboxExportPart)\n    .join(\",\");\nexport class ChTreeViewItem {\n    constructor() {\n        this.caption = undefined;\n        this.checkbox = false;\n        this.checked = false;\n        this.customRender = false;\n        this.disabled = false;\n        this.dragDisabled = false;\n        this.dropDisabled = false;\n        this.dragState = \"none\";\n        this.downloading = false;\n        this.editable = undefined;\n        this.editing = false;\n        this.expandableButton = \"decorative\";\n        this.expandOnClick = true;\n        this.expanded = false;\n        this.lastItem = false;\n        this.lazyLoad = false;\n        this.leaf = false;\n        this.leftImgSrc = undefined;\n        this.level = INITIAL_LEVEL;\n        this.indeterminate = false;\n        this.metadata = undefined;\n        this.rightImgSrc = undefined;\n        this.selected = false;\n        this.showDownloadingSpinner = true;\n        this.showLines = \"none\";\n        this.toggleCheckboxes = false;\n    }\n    #watcher;\n    /**\n     * Useful to ignore the checkbox change when it was committed from a children.\n     */\n    // eslint-disable-next-line @stencil-community/own-props-must-be-private\n    #ignoreCheckboxChange = false;\n    // Refs\n    #headerRef;\n    #inputRef;\n    el;\n    updateChildrenCheckedValue(newValue) {\n        if (!this.toggleCheckboxes || this.leaf || this.#ignoreCheckboxChange) {\n            this.#ignoreCheckboxChange = false;\n            return;\n        }\n        const treeItems = this.#getDirectTreeItems();\n        treeItems.forEach(treeItem => {\n            if (treeItem.checked !== newValue || treeItem.indeterminate !== false) {\n                treeItem.updateChecked(newValue, false);\n            }\n        });\n    }\n    handleEditingChange(isEditing) {\n        if (!isEditing) {\n            return;\n        }\n        document.body.addEventListener(\"click\", this.#removeEditModeOnClick, {\n            capture: true\n        });\n        // Wait until the input is rendered to focus it\n        writeTask(() => {\n            requestAnimationFrame(() => {\n                if (this.#inputRef) {\n                    this.#inputRef.focus();\n                }\n            });\n        });\n    }\n    handleExpandedChange(isExpanded) {\n        // Wait until all properties are updated before lazy loading. Otherwise, the\n        // lazyLoad property could be updated just after the executing of the function\n        setTimeout(() => {\n            this.#lazyLoadItems(isExpanded);\n        });\n    }\n    handleLasItemChange(isLastItem) {\n        if (isLastItem && this.showLines) {\n            // Use RAF to set the observer after the render method has completed\n            requestAnimationFrame(() => {\n                this.#setResizeObserver();\n            });\n        }\n        else {\n            this.#disconnectObserver();\n        }\n    }\n    handleShowLinesChange(newShowLines) {\n        if (newShowLines && this.lastItem) {\n            this.#setResizeObserver();\n        }\n        else {\n            this.#disconnectObserver();\n        }\n    }\n    /**\n     * Fired when the checkbox value of the control is changed.\n     */\n    checkboxChange;\n    /**\n     * Fired when the checkbox value of the control is changed. This event only\n     * applies when the control has `toggleCheckboxes = true`\n     */\n    checkboxToggleChange;\n    /**\n     * Fired when the item is being dragged.\n     */\n    itemDragStart;\n    /**\n     * Fired when the item is no longer being dragged.\n     */\n    itemDragEnd;\n    /**\n     * Fired when the lazy control is expanded an its content must be loaded.\n     */\n    loadLazyContent;\n    /**\n     * Fired when the item is asking to modify its caption.\n     */\n    modifyCaption;\n    /**\n     * Fired when the user interacts with the control in a way that its reference\n     * must be opened.\n     */\n    openReference;\n    /**\n     * Fired when the selected state is updated by user interaction on the\n     * control.\n     */\n    selectedItemChange;\n    updateCheckboxValue(event) {\n        // No need to update the checkbox value based on the children checkbox\n        if (!this.toggleCheckboxes || this.el === event.target) {\n            return;\n        }\n        const updatedCheck = event.detail.checked;\n        const treeItems = this.#getDirectTreeItems();\n        // Check if all the items have the same value as the updated item\n        const allItemsHaveTheSameCheckedValue = treeItems.every(treeItem => treeItem.checked === updatedCheck);\n        const eventMustBeEmitted = this.checked !== updatedCheck ||\n            this.indeterminate !== !allItemsHaveTheSameCheckedValue;\n        this.#ignoreCheckboxChange = this.checked !== updatedCheck;\n        this.checked = updatedCheck;\n        this.indeterminate = !allItemsHaveTheSameCheckedValue;\n        // Sync with the UI Model\n        if (eventMustBeEmitted) {\n            this.checkboxToggleChange.emit({\n                id: this.el.id,\n                checked: updatedCheck,\n                indeterminate: !allItemsHaveTheSameCheckedValue\n            });\n        }\n    }\n    /**\n     * Focus the next item in the tree. If the control is expanded, it focuses\n     * the first subitem in its tree.\n     */\n    async focusNextItem(ctrlKeyPressed) {\n        // Focus the first subitem if expanded\n        if (!this.leaf && this.expanded) {\n            const subItem = this.el.querySelector(FIRST_ENABLED_SUB_ITEM);\n            // The tree item could be empty or downloading subitem, so it is uncertain\n            // if the query won't fail\n            if (subItem) {\n                subItem.setFocus(ctrlKeyPressed);\n                return;\n            }\n        }\n        // Otherwise, focus the next sibling\n        this.focusNextSibling(ctrlKeyPressed);\n    }\n    /**\n     * Focus the next sibling item in the tree.\n     */\n    async focusNextSibling(ctrlKeyPressed) {\n        const nextSiblingItem = this.el\n            .nextElementSibling;\n        // Focus the next sibling, if exists\n        if (nextSiblingItem) {\n            // If the next sibling is disabled, ask for its next sibling\n            if (nextSiblingItem.disabled) {\n                nextSiblingItem.focusNextItem(ctrlKeyPressed);\n            }\n            else {\n                nextSiblingItem.setFocus(ctrlKeyPressed);\n            }\n            return;\n        }\n        // The item is the last one of the tree at the first level\n        if (this.level === INITIAL_LEVEL) {\n            return;\n        }\n        // Otherwise, ask the parent to focus the next sibling\n        const parentItem = this.el.parentElement;\n        parentItem.focusNextSibling(ctrlKeyPressed);\n    }\n    /**\n     * Focus the previous item in the tree. If the previous item is expanded, it focuses\n     * the last subitem in its tree.\n     */\n    async focusPreviousItem(ctrlKeyPressed) {\n        const previousSiblingItem = this.el\n            .previousElementSibling;\n        // Focus last item of the previous sibling\n        if (previousSiblingItem) {\n            previousSiblingItem.focusLastItem(ctrlKeyPressed);\n            return;\n        }\n        // The item is the first one of the tree at the first level\n        if (this.level === INITIAL_LEVEL) {\n            return;\n        }\n        // Otherwise, set focus in the parent element\n        const parentItem = this.el.parentElement;\n        // Check if the parent is not disabled\n        if (parentItem.disabled) {\n            parentItem.focusPreviousItem(ctrlKeyPressed);\n            return;\n        }\n        parentItem.setFocus(ctrlKeyPressed);\n    }\n    /**\n     * Focus the last item in its subtree. If the control is not expanded, it\n     * focus the control.\n     */\n    async focusLastItem(ctrlKeyPressed) {\n        // Focus the last subitem if expanded and not lazy loading\n        if (!this.leaf && this.expanded) {\n            const lastSubItem = this.el.querySelector(LAST_SUB_ITEM);\n            // The tree item could be empty or downloading subitem, so it is uncertain\n            // if the query won't fail\n            if (lastSubItem) {\n                lastSubItem.focusLastItem(ctrlKeyPressed);\n                return;\n            }\n        }\n        // If the last item is disabled, try to focus the previous sibling\n        if (this.disabled) {\n            this.focusPreviousItem(ctrlKeyPressed);\n            return;\n        }\n        // Otherwise, it focuses the control\n        this.setFocus(ctrlKeyPressed);\n    }\n    /**\n     * Set focus in the control.\n     */\n    async setFocus(ctrlKeyPressed) {\n        this.#headerRef.focus();\n        // Normal navigation auto selects the item.\n        if (!ctrlKeyPressed) {\n            this.#setSelected();\n        }\n    }\n    /**\n     * Update `checked` and `indeterminate` properties.\n     */\n    async updateChecked(newChecked, newIndeterminate) {\n        this.checked = newChecked;\n        this.indeterminate = newIndeterminate;\n        // Emit the event to sync with the UI model, even if the item does not\n        // have toggleCheckboxes property\n        this.checkboxToggleChange.emit({\n            id: this.el.id,\n            checked: newChecked,\n            indeterminate: newIndeterminate\n        });\n    }\n    #getDirectTreeItems = () => Array.from(this.el.querySelectorAll(DIRECT_TREE_ITEM_CHILDREN));\n    #setResizeObserver = () => {\n        this.#watcher = new ResizeObserver(() => {\n            const distanceToCheckbox = this.el.getBoundingClientRect().height -\n                this.#headerRef.getBoundingClientRect().height / 2;\n            this.el.style.setProperty(DISTANCE_TO_CHECKBOX_CUSTOM_VAR, distanceToCheckbox + \"px\");\n        });\n        this.#watcher.observe(this.el);\n        this.#watcher.observe(this.#headerRef);\n    };\n    #disconnectObserver = () => {\n        if (!this.#watcher) {\n            return;\n        }\n        this.#watcher.disconnect();\n        this.#watcher = null;\n    };\n    #checkIfShouldRemoveEditMode = (event) => {\n        event.stopPropagation();\n        if (event.code !== ENTER_KEY && event.code !== ESCAPE_KEY) {\n            return;\n        }\n        event.preventDefault();\n        const commitEdition = event.code === ENTER_KEY;\n        this.#removeEditMode(true, commitEdition)();\n    };\n    #removeEditModeOnClick = (event) => {\n        // The click is executed outside the input and the pointer type is defined,\n        // meaning that the button click was not triggered by the Enter or Space keys\n        if (!event.composedPath().includes(this.#inputRef) && event.pointerType) {\n            this.#removeEditMode(false)();\n        }\n    };\n    #removeEditMode = (shouldFocusHeader, commitEdition = false) => () => {\n        // When pressing the enter key in the input, the removeEditMode event is\n        // triggered twice (due to the headerRef.focus() triggering the onBlur\n        // event in the input), so we need to check if the edit mode was disabled\n        if (!this.editing) {\n            return;\n        }\n        this.editing = false;\n        document.body.removeEventListener(\"click\", this.#removeEditModeOnClick, {\n            capture: true\n        });\n        const newCaption = this.#inputRef.value;\n        if (commitEdition && newCaption.trim() !== \"\") {\n            this.modifyCaption.emit({\n                id: this.el.id,\n                caption: newCaption\n            });\n        }\n        if (shouldFocusHeader) {\n            this.#headerRef.focus();\n        }\n    };\n    #toggleExpand = (event) => {\n        event.stopPropagation();\n        if (!this.leaf) {\n            this.expanded = !this.expanded;\n        }\n        this.selected = true;\n        this.selectedItemChange.emit(this.#getSelectedInfo(mouseEventModifierKey(event), true));\n    };\n    #lazyLoadItems = (expanded) => {\n        if (!this.lazyLoad || !expanded) {\n            return;\n        }\n        // Load items\n        this.lazyLoad = false;\n        this.downloading = true;\n        this.loadLazyContent.emit(this.el.id);\n    };\n    #toggleSelected = () => {\n        const selected = !this.selected;\n        this.selected = selected;\n        this.selectedItemChange.emit(this.#getSelectedInfo(true, selected));\n    };\n    #setSelected = () => {\n        this.selected = true;\n        this.selectedItemChange.emit(this.#getSelectedInfo(false, true));\n    };\n    #toggleOrSelect = (event) => {\n        // Ctrl key\n        if (mouseEventModifierKey(event)) {\n            this.#toggleSelected();\n        }\n        // Expand on click interaction\n        else if (this.expandOnClick) {\n            this.#toggleExpand(event);\n        }\n        // Click only selects the item\n        else {\n            this.#setSelected();\n        }\n    };\n    #getSelectedInfo = (ctrlKeyPressed, selected) => ({\n        ctrlKeyPressed: ctrlKeyPressed,\n        expanded: this.expanded,\n        id: this.el.id,\n        metadata: this.metadata,\n        parentId: this.el.parentElement?.id,\n        selected: selected\n    });\n    #handleActionDblClick = (event) => {\n        event.stopPropagation();\n        if (mouseEventModifierKey(event)) {\n            this.#toggleSelected();\n            return;\n        }\n        this.#emitOpenReference();\n        // The Control key is not pressed, so the control can be expanded if double\n        // click expands the item\n        if (!this.leaf && !this.expandOnClick) {\n            this.#toggleExpand(event);\n        }\n    };\n    /**\n     * Event triggered by the following actions on the main button:\n     *   - Click\n     *   - Enter keydown\n     *   - Space keydown and keyup\n     */\n    // eslint-disable-next-line @stencil-community/own-props-must-be-private\n    #handleActionClick = (event) => {\n        event.stopPropagation();\n        // Don't perform actions when editing\n        if (this.editing) {\n            return;\n        }\n        event.preventDefault();\n        // Click event\n        if (event.pointerType) {\n            this.#toggleOrSelect(event);\n            return;\n        }\n        this.#emitOpenReference();\n        // Enter or space\n        this.#toggleExpand(event);\n    };\n    /**\n     * Event triggered by key events on the main button.\n     */\n    // eslint-disable-next-line @stencil-community/own-props-must-be-private\n    #handleActionKeyDown = (event) => {\n        // Only toggle if the Enter key was pressed with the Ctrl key\n        if (mouseEventModifierKey(event) && event.code === ENTER_KEY) {\n            event.stopPropagation();\n            this.#toggleSelected();\n        }\n    };\n    #emitOpenReference = () => {\n        this.openReference.emit({\n            id: this.el.id,\n            leaf: this.leaf,\n            metadata: this.metadata\n        });\n    };\n    #handleCheckedChange = (event) => {\n        event.stopPropagation();\n        const checked = event.target.checked;\n        this.checked = checked;\n        this.indeterminate = false; // Changing the checked value makes it no longer indeterminate\n        this.checkboxChange.emit({\n            id: this.el.id,\n            checked: this.checked,\n            indeterminate: false\n        });\n    };\n    #renderImg = (cssClass, src) => (h(\"img\", { \"aria-hidden\": \"true\", class: cssClass, part: cssClass, alt: \"\", src: src, loading: \"lazy\" }));\n    #handleDragStart = (event) => {\n        // Disallow drag when editing the caption\n        if (this.editing) {\n            event.preventDefault();\n            event.stopPropagation();\n            return;\n        }\n        removeDragImage(event);\n        event.dataTransfer.effectAllowed = \"move\";\n        this.dragState = \"start\";\n        this.itemDragStart.emit({\n            elem: this.el,\n            dragEvent: event\n        });\n    };\n    #handleDragEnd = () => {\n        // event.preventDefault();\n        // this.el.style.cursor = null;\n        this.dragState = \"none\";\n        this.itemDragEnd.emit();\n    };\n    #handleDrop = () => {\n        this.dragState = \"none\";\n    };\n    componentWillLoad() {\n        // Check if must lazy load\n        this.#lazyLoadItems(this.expanded);\n    }\n    componentDidLoad() {\n        if (this.lastItem && this.showLines) {\n            this.#setResizeObserver();\n        }\n    }\n    disconnectedCallback() {\n        // If it was disconnected on edit mode, remove the body event handler\n        if (this.editing) {\n            this.#removeEditMode(false);\n        }\n        this.#disconnectObserver();\n    }\n    render() {\n        const evenLevel = this.level % 2 === 0;\n        const expandableButtonVisible = !this.leaf && this.expandableButton !== \"no\";\n        const expandableButtonNotVisible = !this.leaf && this.expandableButton === \"no\";\n        const acceptDrop = !this.dropDisabled && !this.leaf && this.dragState !== \"start\";\n        const hasContent = !this.leaf && !this.lazyLoad;\n        const showAllLines = this.showLines === \"all\" && this.level !== INITIAL_LEVEL;\n        const showLastLine = this.showLines === \"last\" &&\n            this.level !== INITIAL_LEVEL &&\n            this.lastItem;\n        return (h(Host, { role: \"treeitem\", \"aria-level\": this.level + 1, \"aria-selected\": this.selected ? \"true\" : null, class: {\n                [TREE_ITEM_TAG_NAME + \"--downloading\"]: this.downloading,\n                [TREE_ITEM_TAG_NAME + \"--editing\"]: this.editing,\n                [TREE_ITEM_TAG_NAME + \"--not-editing\"]: !this.editing,\n                [TREE_ITEM_TAG_NAME + \"--drag-\" + this.dragState]: this.dragState !== \"none\" && this.dragState !== \"start\",\n                [TREE_ITEM_TAG_NAME + \"--deny-drop\"]: this.leaf\n            }, style: { \"--level\": `${this.level}` },\n            // Drag and drop\n            onDrop: acceptDrop ? this.#handleDrop : null }, h(\"button\", { \"aria-controls\": hasContent ? EXPANDABLE_ID : null, \"aria-expanded\": hasContent ? this.expanded.toString() : null, class: {\n                header: true,\n                \"header--selected\": this.selected,\n                \"header--disabled\": this.disabled,\n                \"header--expandable-offset\": expandableButtonVisible,\n                \"header--checkbox-offset\": expandableButtonNotVisible && this.checkbox,\n                \"header--even\": evenLevel,\n                \"header--odd\": !evenLevel,\n                \"header--even-expandable\": evenLevel && expandableButtonVisible,\n                \"header--odd-expandable\": !evenLevel && expandableButtonVisible,\n                \"header--level-0\": this.level === INITIAL_LEVEL,\n                \"expandable-button-decorative\": !this.leaf && this.expandableButton === \"decorative\",\n                \"expandable-button-decorative--collapsed\": !this.leaf &&\n                    this.expandableButton === \"decorative\" &&\n                    !this.expanded\n            }, part: `header${this.disabled ? \" disabled\" : \"\"}${this.selected ? \" selected\" : \"\"}${this.level === INITIAL_LEVEL ? \" level-0\" : \"\"}`, type: \"button\", disabled: this.disabled, onClick: this.#handleActionClick, onKeyDown: !this.editing ? this.#handleActionKeyDown : null,\n            // Drag and drop\n            draggable: !this.dragDisabled, onDragStart: this.#handleDragStart, onDragEnd: !this.dragDisabled ? this.#handleDragEnd : null, ref: el => (this.#headerRef = el) }, !this.leaf && this.expandableButton === \"action\" && (h(\"button\", { type: \"button\", class: {\n                \"expandable-button\": true,\n                \"expandable-button--expanded\": this.expanded,\n                \"expandable-button--collapsed\": !this.expanded\n            }, part: `expandable-button${this.disabled ? \" disabled\" : \"\"}${this.expanded ? \" expanded\" : \" collapsed\"}`, disabled: this.disabled, onClick: this.#toggleExpand })), this.checkbox && (h(\"ch-checkbox\", { accessibleName: this.caption, class: \"checkbox\", exportparts: CHECKBOX_EXPORT_PARTS, part: `checkbox${this.disabled ? \" disabled\" : \"\"}${this.checked ? \" checked\" : \"\"}${this.indeterminate ? \" indeterminate\" : \"\"}`, checkedValue: \"true\", disabled: this.disabled, indeterminate: this.indeterminate, unCheckedValue: \"false\", value: `${this.checked}`, onInput: this.#handleCheckedChange })), this.customRender ? (h(\"slot\", { name: \"custom-content\" })) : ([\n            h(\"div\", { class: {\n                    action: true,\n                    \"readonly-mode\": !this.editing\n                }, part: `action${!this.editing ? \" readonly-mode\" : \"\"}${!this.leaf && this.expanded ? \" expanded\" : \"\"}`, onDblClick: !this.editing ? this.#handleActionDblClick : null }, this.leftImgSrc &&\n                this.#renderImg(\"left-img\", this.leftImgSrc), this.editable && this.editing ? (h(\"input\", { class: \"edit-name\", part: \"edit-name\", disabled: this.disabled, type: \"text\", value: this.caption, onBlur: this.#removeEditMode(false), onKeyDown: this.#checkIfShouldRemoveEditMode, ref: el => (this.#inputRef = el) })) : (this.caption), this.rightImgSrc &&\n                this.#renderImg(\"right-img\", this.rightImgSrc)),\n            this.showDownloadingSpinner && !this.leaf && this.downloading && (h(\"div\", { class: \"downloading\", part: \"downloading\" }))\n        ]), (showAllLines || showLastLine) && (h(\"div\", { class: {\n                \"dashed-line\": true,\n                \"last-all-line\": showAllLines && this.lastItem,\n                \"last-line\": showLastLine\n            }, part: `dashed-line${this.lastItem ? \" last-all-line\" : \"\"}` }))), hasContent && (h(\"div\", { role: \"group\", \"aria-busy\": (!!this.downloading).toString(), \"aria-live\": this.downloading ? \"polite\" : null, id: EXPANDABLE_ID, class: {\n                expandable: true,\n                \"expandable--collapsed\": !this.expanded,\n                \"expandable--lazy-loaded\": !this.downloading\n            }, part: `expandable${this.expanded ? \" expanded\" : \" collapsed\"}${!this.downloading ? \" lazy-loaded\" : \"\"}` }, h(\"slot\", null)))));\n    }\n    static get is() { return \"ch-tree-view-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"tree-view-item.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"tree-view-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"caption\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attributes specifies the caption of the control\"\n                },\n                \"attribute\": \"caption\",\n                \"reflect\": false\n            },\n            \"checkbox\": {\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 display a checkbox in the control.\"\n                },\n                \"attribute\": \"checkbox\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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 the checkbox to be checked by default.\\nOnly works if `checkbox = true`\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"customRender\": {\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 set a custom render for the control, by\\npassing a slot.\"\n                },\n                \"attribute\": \"custom-render\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify if the element is disabled.\\nIf disabled, it will not fire any user interaction related event\\n(for example, click event).\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"dragDisabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify if the drag operation is disabled in the\\ncontrol. If `true`, the control can't be dragged.\"\n                },\n                \"attribute\": \"drag-disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dropDisabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify if the drop operation is disabled in the\\ncontrol. If `true`, the control won't accept any drops.\"\n                },\n                \"attribute\": \"drop-disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dragState\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"DragState\",\n                    \"resolved\": \"\\\"enter\\\" | \\\"none\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"DragState\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/tree-view/tree-view-item/tree-view-item.tsx\",\n                            \"id\": \"src/components/tree-view/tree-view-item/tree-view-item.tsx::DragState\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property lets you define the current state of the item when it's\\nbeing dragged.\"\n                },\n                \"attribute\": \"drag-state\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"none\\\"\"\n            },\n            \"downloading\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify when items are being lazy loaded in the\\ncontrol.\"\n                },\n                \"attribute\": \"downloading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"editable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify if the edit operation is enabled in the\\ncontrol. If `true`, the control can edit its caption in place.\"\n                },\n                \"attribute\": \"editable\",\n                \"reflect\": false\n            },\n            \"editing\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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 when the item is in edit mode\"\n                },\n                \"attribute\": \"editing\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"expandableButton\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"action\\\" | \\\"decorative\\\" | \\\"no\\\"\",\n                    \"resolved\": \"\\\"action\\\" | \\\"decorative\\\" | \\\"no\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specifies what kind of expandable button is displayed.\\nOnly works if `leaf === false`.\\n - `\\\"expandableButton\\\"`: Expandable button that allows to expand/collapse\\n    the items of the control.\\n - `\\\"decorative\\\"`: Only a decorative icon is rendered to display the state\\n    of the item.\"\n                },\n                \"attribute\": \"expandable-button\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"decorative\\\"\"\n            },\n            \"expandOnClick\": {\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 expand the control on click interaction. If `false`, with mouse\\ninteraction the control will only be expanded on double click.\"\n                },\n                \"attribute\": \"expand-on-click\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"expanded\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If the item has a sub-tree, this attribute determines if the subtree is\\ndisplayed.\"\n                },\n                \"attribute\": \"expanded\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"lastItem\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute specifies if the control is the last items in its subtree\"\n                },\n                \"attribute\": \"last-item\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"lazyLoad\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determine if the items are lazy loaded when opening the first time the\\ncontrol.\"\n                },\n                \"attribute\": \"lazy-load\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"leaf\": {\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\": \"The presence of this attribute determine whether the item contains a\\nsubtree. `true` if the item does not have a subtree.\"\n                },\n                \"attribute\": \"leaf\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"leftImgSrc\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set the left side icon from the available Gemini icon set : https://gx-gemini.netlify.app/?path=/story/icons-icons--controls\"\n                },\n                \"attribute\": \"left-img-src\",\n                \"reflect\": false\n            },\n            \"level\": {\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\": \"Level in the tree at which the item is placed.\"\n                },\n                \"attribute\": \"level\",\n                \"reflect\": false,\n                \"defaultValue\": \"INITIAL_LEVEL\"\n            },\n            \"indeterminate\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"`true` if the checkbox's value is indeterminate.\"\n                },\n                \"attribute\": \"indeterminate\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"metadata\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute represents additional info for the control that is included\\nwhen dragging the item.\"\n                },\n                \"attribute\": \"metadata\",\n                \"reflect\": false\n            },\n            \"rightImgSrc\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set the right side icon from the available Gemini icon set : https://gx-gemini.netlify.app/?path=/story/icons-icons--controls\"\n                },\n                \"attribute\": \"right-img-src\",\n                \"reflect\": false\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This attribute lets you specify if the item is selected\"\n                },\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"showDownloadingSpinner\": {\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 show the downloading spinner when lazy loading the sub items of\\nthe control.\"\n                },\n                \"attribute\": \"show-downloading-spinner\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"showLines\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"TreeViewLines\",\n                    \"resolved\": \"\\\"all\\\" | \\\"last\\\" | \\\"none\\\"\",\n                    \"references\": {\n                        \"TreeViewLines\": {\n                            \"location\": \"import\",\n                            \"path\": \"../tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewLines\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"`true` to display the relation between tree items and tree lists using\\nlines.\"\n                },\n                \"attribute\": \"show-lines\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"none\\\"\"\n            },\n            \"toggleCheckboxes\": {\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 all the children item's checkboxes to be\\nchecked when the parent item checkbox is checked, or to be unchecked when\\nthe parent item checkbox is unchecked.\"\n                },\n                \"attribute\": \"toggle-checkboxes\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"checkboxChange\",\n                \"name\": \"checkboxChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the checkbox value of the control is changed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"TreeViewItemCheckedInfo\",\n                    \"resolved\": \"{ id: string; checked: boolean; indeterminate: boolean; }\",\n                    \"references\": {\n                        \"TreeViewItemCheckedInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemCheckedInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"checkboxToggleChange\",\n                \"name\": \"checkboxToggleChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the checkbox value of the control is changed. This event only\\napplies when the control has `toggleCheckboxes = true`\"\n                },\n                \"complexType\": {\n                    \"original\": \"TreeViewItemCheckedInfo\",\n                    \"resolved\": \"{ id: string; checked: boolean; indeterminate: boolean; }\",\n                    \"references\": {\n                        \"TreeViewItemCheckedInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemCheckedInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"itemDragStart\",\n                \"name\": \"itemDragStart\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the item is being dragged.\"\n                },\n                \"complexType\": {\n                    \"original\": \"TreeViewItemDragStartInfo\",\n                    \"resolved\": \"{ elem: HTMLChTreeViewItemElement; dragEvent: DragEvent; }\",\n                    \"references\": {\n                        \"TreeViewItemDragStartInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemDragStartInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"itemDragEnd\",\n                \"name\": \"itemDragEnd\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the item is no longer being dragged.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"loadLazyContent\",\n                \"name\": \"loadLazyContent\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the lazy control is expanded an its content must be loaded.\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"modifyCaption\",\n                \"name\": \"modifyCaption\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the item is asking to modify its caption.\"\n                },\n                \"complexType\": {\n                    \"original\": \"TreeViewItemNewCaption\",\n                    \"resolved\": \"{ id: string; caption: string; }\",\n                    \"references\": {\n                        \"TreeViewItemNewCaption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemNewCaption\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"openReference\",\n                \"name\": \"openReference\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the user interacts with the control in a way that its reference\\nmust be opened.\"\n                },\n                \"complexType\": {\n                    \"original\": \"TreeViewItemOpenReferenceInfo\",\n                    \"resolved\": \"{ id: string; leaf: boolean; metadata: string; }\",\n                    \"references\": {\n                        \"TreeViewItemOpenReferenceInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemOpenReferenceInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"selectedItemChange\",\n                \"name\": \"selectedItemChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the selected state is updated by user interaction on the\\ncontrol.\"\n                },\n                \"complexType\": {\n                    \"original\": \"TreeViewItemSelected\",\n                    \"resolved\": \"{ ctrlKeyPressed: boolean; expanded: boolean; id: string; metadata: string; parentId: string; selected: boolean; }\",\n                    \"references\": {\n                        \"TreeViewItemSelected\": {\n                            \"location\": \"import\",\n                            \"path\": \"../tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemSelected\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"focusNextItem\": {\n                \"complexType\": {\n                    \"signature\": \"(ctrlKeyPressed: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"ctrlKeyPressed\",\n                            \"type\": \"boolean\",\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\": \"Focus the next item in the tree. If the control is expanded, it focuses\\nthe first subitem in its tree.\",\n                    \"tags\": []\n                }\n            },\n            \"focusNextSibling\": {\n                \"complexType\": {\n                    \"signature\": \"(ctrlKeyPressed: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"ctrlKeyPressed\",\n                            \"type\": \"boolean\",\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\": \"Focus the next sibling item in the tree.\",\n                    \"tags\": []\n                }\n            },\n            \"focusPreviousItem\": {\n                \"complexType\": {\n                    \"signature\": \"(ctrlKeyPressed: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"ctrlKeyPressed\",\n                            \"type\": \"boolean\",\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\": \"Focus the previous item in the tree. If the previous item is expanded, it focuses\\nthe last subitem in its tree.\",\n                    \"tags\": []\n                }\n            },\n            \"focusLastItem\": {\n                \"complexType\": {\n                    \"signature\": \"(ctrlKeyPressed: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"ctrlKeyPressed\",\n                            \"type\": \"boolean\",\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\": \"Focus the last item in its subtree. If the control is not expanded, it\\nfocus the control.\",\n                    \"tags\": []\n                }\n            },\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"(ctrlKeyPressed: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"ctrlKeyPressed\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Set focus in the control.\",\n                    \"tags\": []\n                }\n            },\n            \"updateChecked\": {\n                \"complexType\": {\n                    \"signature\": \"(newChecked: boolean, newIndeterminate: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"newChecked\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }, {\n                            \"name\": \"newIndeterminate\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Update `checked` and `indeterminate` properties.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"checked\",\n                \"methodName\": \"updateChildrenCheckedValue\"\n            }, {\n                \"propName\": \"editing\",\n                \"methodName\": \"handleEditingChange\"\n            }, {\n                \"propName\": \"expanded\",\n                \"methodName\": \"handleExpandedChange\"\n            }, {\n                \"propName\": \"lastItem\",\n                \"methodName\": \"handleLasItemChange\"\n            }, {\n                \"propName\": \"showLines\",\n                \"methodName\": \"handleShowLinesChange\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"checkboxChange\",\n                \"method\": \"updateCheckboxValue\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=tree-view-item.js.map\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-8d8d2e4c.entry.js → p-75dde376.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, h as r, H as e, g as o } from "./p-1e275d2c.js";
+import { r as t, h as r, H as e, g as o } from "./p-d8a08b43.js";
 
 const s = ":host{display:block;box-sizing:border-box}.wrapper{display:flex;justify-content:space-between;padding:var(--spacing-comp-01) var(--spacing-comp-02);transition:background-color var(--gx-ide-timing-super-fast-ms);background-color:var(--gray-01)}gxg-title::part(title){color:var(--color-on-secondary);transition:color var(--gx-ide-timing-super-fast-ms)}";
 
@@ -51,4 +51,4 @@ const a = class {
 a.style = s;
 
 export { a as gx_ide_top_bar };
-//# sourceMappingURL=p-8d8d2e4c.entry.js.map
+//# sourceMappingURL=p-75dde376.entry.js.map

package/dist/genexus-ide-ui/{p-11225a5a.entry.js → p-7692f269.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, h as o } from "./p-1e275d2c.js";
+import { r as t, h as o } from "./p-d8a08b43.js";
 
 const e = '/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host .layer{position:fixed;width:100%;height:100%;top:0;left:0;background-color:black;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .layer.visible{opacity:0.5}:host .tooltip{position:absolute;background:var(--gray-07);color:var(--color-on-primary);font-family:var(--font-family-primary);font-size:var(--font-size-sm);padding:var(--spacing-comp-03);max-width:300px;display:flex;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tooltip.visible{opacity:1}:host .tooltip:before{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip.bottom-start:before{top:-5px;left:5px}:host .tooltip.bottom-center{transform:translateX(-50%)}:host .tooltip.bottom-center:before{top:-5px;left:50%;margin-left:-2.5px}:host .tooltip.bottom-end:before{top:-5px;right:5px}:host .tooltip.top-start{transform:translateY(-100%)}:host .tooltip.top-start:before{bottom:-5px;transform:rotate(180deg);left:5px}:host .tooltip.top-center{transform:translateY(-100%) translateX(-50%)}:host .tooltip.top-center:before{bottom:-5px;transform:rotate(180deg);left:50%;margin-left:-2.5px}:host .tooltip.top-end{transform:translateY(-100%)}:host .tooltip.top-end:before{right:5px;bottom:-5px;transform:rotate(180deg)}:host .tooltip.rtl.bottom-start:before{right:5px;left:auto}:host .tooltip.rtl.bottom-end:before{left:5px;right:auto}:host .tooltip.rtl.top-start:before{right:5px;left:auto}:host .tooltip.rtl.top-end:before{left:5px;right:auto}:host .tooltip__number{font-weight:var(--font-weight-bold);font-size:20px;padding-inline-end:var(--spacing-comp-03);line-height:1em}:host .tooltip__message{line-height:1.6em}:host .modal{position:fixed;bottom:-100px;transition-property:bottom;transition-duration:0.5s;transition-timing-function:ease;left:50%;height:40px;background-color:var(--color-background);width:500px;margin-left:-250px;border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-02);display:flex;padding:0 var(--spacing-comp-02)}:host .modal.visible{bottom:20px}:host .modal>div{display:flex;width:100%;align-items:center;justify-content:space-between}:host .modal p{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(-color-on-background)}:host .modal .col-left{width:35%}:host .modal .col-right{width:65%;display:flex;justify-content:flex-end}:host .modal gxg-button{margin-right:var(--spacing-comp-02)}:host .next-button.disabled{pointer-events:none}';
 
@@ -280,4 +280,4 @@ const i = class {
 i.style = e;
 
 export { i as gxg_demo };
-//# sourceMappingURL=p-11225a5a.entry.js.map
+//# sourceMappingURL=p-7692f269.entry.js.map

package/dist/genexus-ide-ui/{p-e4c542c6.js → p-7c350e3f.js}

@@ -1,4 +1,4 @@
-import { d as t, f as e } from "./p-1e275d2c.js";
+import { d as t, f as e } from "./p-d8a08b43.js";
 
 const appendToMap = (t, e, n) => {
   const r = t.get(e);
@@ -191,4 +191,4 @@ const {state: r} = createStore({
 });
 
 export { r as s };
-//# sourceMappingURL=p-e4c542c6.js.map
+//# sourceMappingURL=p-7c350e3f.js.map