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

@genexus/genexus-ide-ui 0.0.92 → 0.0.94

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

Files changed (1159) hide show

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

	@@ -1 +1 @@
1	- {"file":"tree-view2.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/tree-view/helpers.js","node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css?tag=gxg-tree-view","node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.js"],"sourcesContent":["export const resolveImgPath = (iconAssetsPath, img) => `${iconAssetsPath}/${img}.svg`;\n//# sourceMappingURL=helpers.js.map\n",":root {\n --ui-animaton-speed: 0.2s;\n}\n\n/ALIGNMENT/\n/Ellipsis/\n/***************************************************\nTYPOGRAPHY\n**************************************************/\n/Title 01 (Positive)/\n.gxg-title-01 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-text--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--gray-05);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--color-on-primary);\n}\n\n/Link/\n.gxg-link {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--color-primary-hover);\n}\n.gxg-link:active {\n color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n color: var(--gray-06);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-error-dark);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-warning-dark);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-success-dark);\n display: inline-block;\n}\n\n/Tab/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/Label/\n.gxg-label {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/**************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*************************************************/\n.gxg-button-styles {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n\n/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n/---------------------------\ngxg-tree-view\n---------------------------/\ngxg-tree-view {\n --gxg-tree-view-icon-size: var(--spacing-comp-04);\n font-family: var(--font-family-primary);\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-regular);\n color: var(--color-on-background);\n display: contents;\n}\n\n/---------------------------\n.tree-view\n---------------------------/\n.tree-view {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.tree-view::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.tree-view::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.tree-view::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.tree-view::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n.tree-view .ch-tree-view-container {\n padding: 7px;\n /although this value does not exists in gemini ds space tokens, it is the value that works best with gx-ide/\n}\n\n/---------------------------\n.tree-view-item\n---------------------------/\n.tree-view-item {\n /-- Custom vars ---/\n --ch-tree-view-view__checkbox-size: var(--gxg-checkbox-size);\n --ch-tree-view-view__expandable-button-width: var(--gxg-tree-view-icon-size);\n --ch-tree-view-item-gap: var(--spacing-comp-02);\n --ch-tree-view-item-custom-padding-inline-start: var(--spacing-comp-01);\n --ch-tree-view-item-custom-padding-inline-end: var(--spacing-comp-01);\n /-- Parts ---/\n /-- Parts for checkbox ---/\n /checked/\n /indeterminate/\n /-- Dynamic Icons ---/\n /-- Other ---/\n}\n.tree-view-item::part(dashed-line) {\n border-color: var(--gray-02);\n}\n.tree-view-item::part(header) {\n min-height: var(--spacing-comp-05);\n padding-top: var(--spacing-comp-00);\n padding-bottom: var(--spacing-comp-00);\n padding-inline-end: var(--spacing-comp-02);\n}\n.tree-view-item::part(header):before {\n content: \"\";\n display: block;\n}\n.tree-view-item::part(header):hover {\n background-color: var(--gxg-background-color--hover);\n color: var(--gxg-color--hover);\n}\n.tree-view-item::part(header):focus {\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n.tree-view-item[selected]::part(header) {\n background-color: var(--gxg-background-color--selected);\n}\n.tree-view-item[selected]::part(header):hover {\n background-color: var(--gxg-background-color--selected-hover);\n}\n.tree-view-item::part(expandable-button) {\n background-color: var(--gray-00);\n}\n.tree-view-item::part(expandable-button)::before {\n background-color: var(--gray-04);\n -webkit-mask-position: center;\n -webkit-mask-repeat: no-repeat;\n}\n.tree-view-item::part(expandable-button):hover {\n background-color: var(--color-background);\n}\n.tree-view-item::part(expandable-button):focus {\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: 0;\n}\n.tree-view-item::part(left-img) {\n width: var(--spacing-comp-04);\n height: var(--spacing-comp-04);\n}\n.tree-view-item::part(downloading) {\n width: var(--spacing-comp-03);\n height: var(--spacing-comp-03);\n border: var(--border-width-md) solid var(--color-primary-enabled);\n border-inline-start-color: transparent;\n}\n.tree-view-item::part(checkbox__container) {\n border-color: var(--gray-04);\n background-color: var(--color-background);\n}\n.tree-view-item::part(checkbox__container):after {\n content: \"\";\n position: absolute;\n display: block;\n border: solid;\n border-color: transparent;\n z-index: 0;\n}\n.tree-view-item::part(checkbox__container):focus-within {\n box-shadow: none;\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n.tree-view-item::part(checkbox__option) {\n display: none;\n}\n.tree-view-item::part(checkbox__container checkbox__checked):after {\n left: 5.5px;\n top: 3px;\n width: 4px;\n height: 7px;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n border-color: var(--color-primary-active);\n transition-property: border-color;\n transition-duration: var(--ui-animaton-speed);\n transition-timing-function: ease;\n}\n.tree-view-item::part(checkbox__container checkbox__indeterminate):after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 1.5px;\n border: 0;\n background-color: var(--color-primary-active);\n -webkit-transform: rotate(0) translateY(-50%) translateX(-50%);\n -ms-transform: rotate(0) translateY(-50%) translateX(-50%);\n transform: rotate(0) translateY(-50%) translateX(-50%);\n}\n.tree-view-item::part(checkbox__input) {\n position: relative;\n z-index: 1;\n}\n.tree-view-item--folder::part(action)::before, .tree-view-item--module::part(action)::before {\n grid-area: left-img;\n content: \"\";\n width: var(--gxg-tree-view-icon-size);\n height: var(--gxg-tree-view-icon-size);\n margin-inline-end: var(--ch-tree-view-item-gap);\n background-repeat: no-repeat;\n}\n.tree-view-item--folder::part(action)::before {\n background-image: url(\"/build/icon-assets/objects/folder.svg\");\n}\n.tree-view-item--folder::part(action expanded)::before {\n background-image: url(\"/build/icon-assets/objects/folder-open.svg\");\n}\n.tree-view-item--module::part(action)::before {\n background-image: url(\"/build/icon-assets/objects/module.svg\");\n}\n.tree-view-item--module::part(action expanded)::before {\n background-image: url(\"/build/icon-assets/objects/module-open.svg\");\n}\n.tree-view-item--pending-commit::part(action)::before {\n content: \"\";\n position: relative;\n z-index: 1;\n grid-area: left-img;\n width: 5px;\n height: 5px;\n align-self: end;\n margin-block-end: 3px;\n margin-inline-start: 1px;\n background-color: var(--color-primary-enabled);\n border-radius: 50%;\n}\n\n/-- Other Selectors (these depend on the tag class name)---/\n.tree-view-item--editing::part(header) {\n border: 2px solid transparent;\n}\n/--- Revisar ---/\n.tree-view .ch-tree-view-drag-info {\n padding-inline: 6px;\n padding-block: 2px;\n background-color: #cfdee6;\n border: 1px solid #0266a0;\n border-radius: 10px;\n font-size: 8px;\n}","import { h, getAssetPath, } from \"@stencil/core\";\nimport { resolveImgPath } from \"./helpers\";\nconst DEFAULT_DRAG_DISABLED_VALUE = false;\nconst DEFAULT_DROP_DISABLED_VALUE = false;\nconst DEFAULT_EDITABLE_ITEMS_VALUE = true;\nconst iconAssetsPath = getAssetPath(`./icon-assets`);\nconst defaultRenderItem = (itemModel, treeState, treeHasFilter, lastItem, level) => (treeState.filterType === \"none\" \|\| itemModel.render !== false) && (h(\"ch-tree-view-item\", { id: itemModel.id, caption: itemModel.caption, checkbox: itemModel.checkbox ?? treeState.checkbox, checked: itemModel.checked ?? treeState.checked, class: itemModel.class, disabled: itemModel.disabled, downloading: itemModel.downloading, dragDisabled: itemModel.dragDisabled ?? treeState.dragDisabled, dropDisabled: itemModel.dropDisabled ?? treeState.dropDisabled, editable: itemModel.editable ?? treeState.editableItems, expanded: itemModel.expanded, indeterminate: itemModel.indeterminate, lastItem: lastItem, lazyLoad: itemModel.lazy, leaf: itemModel.leaf, leftImgSrc: itemModel.leftImgSrc\n ? resolveImgPath(iconAssetsPath, itemModel.leftImgSrc)\n : null, level: level, metadata: itemModel.metadata, rightImgSrc: itemModel.rightImgSrc, selected: itemModel.selected, showExpandableButton: itemModel.showExpandableButton, showLines: treeState.showLines, toggleCheckboxes: itemModel.toggleCheckboxes ?? treeState.toggleCheckboxes }, !itemModel.leaf &&\n itemModel.items != null &&\n itemModel.items.map((subModel, index) => defaultRenderItem(subModel, treeState, treeHasFilter, treeState.showLines !== \"none\" &&\n // If there is a filter applied in the current list, use the\n // lastItemId value to calculate the last item\n (treeHasFilter && itemModel.lastItemId !== \"\"\n ? subModel.id === itemModel.lastItemId\n : index === itemModel.items.length - 1), level + 1))));\nexport class ChTreeViewRenderWrapper {\n constructor() {\n this.checkbox = false;\n this.checked = false;\n this.checkDroppableZoneCallback = undefined;\n this.cssClass = \"tree-view\";\n this.dragDisabled = DEFAULT_DRAG_DISABLED_VALUE;\n this.dropDisabled = DEFAULT_DROP_DISABLED_VALUE;\n this.dropItemsCallback = undefined;\n this.editableItems = DEFAULT_EDITABLE_ITEMS_VALUE;\n this.filter = undefined;\n this.filterDebounce = 0;\n this.filterList = [];\n this.filterOptions = {};\n this.filterType = \"none\";\n this.lazyLoadTreeItemsCallback = undefined;\n this.modifyItemCaptionCallback = undefined;\n this.multiSelection = false;\n this.renderItem = defaultRenderItem;\n this.showLines = \"all\";\n this.sortItemsCallback = undefined;\n this.toggleCheckboxes = false;\n this.treeModel = [];\n }\n // Refs\n treeRef;\n /\n Fired when the checked items change.\n * This event does not take into account the currently filtered items.\n /\n checkedItemsChange;\n /\n Fired when an element displays its contextmenu.\n /\n itemContextmenu;\n /\n Fired when the user interacts with an item in a way that its reference\n * must be opened.\n /\n itemOpenReference;\n /\n Fired when the selected items change.\n /\n selectedItemsChange;\n /\n Given an item id, an array of items to add, the download status and the\n * lazy state, updates the item's UI Model.\n /\n async loadLazyContent(itemId, items, downloading = false, lazy = false) {\n this.treeRef.loadLazyContent(itemId, items, downloading, lazy);\n }\n /\n Given a list of ids, removes the items and their children in the tree.\n /\n async removeItems(items) {\n this.treeRef.removeItems(items);\n }\n /\n Given an item id and the additional properties to update before and after\n * reload, it reloads the items of the `itemId` node by using the\n * `lazyLoadTreeItemsCallback` property.\n /\n async reloadItems(itemId, beforeProperties, afterProperties) {\n this.treeRef.reloadItems(itemId, beforeProperties, afterProperties);\n }\n /\n Given the path of the item (represent by a sorted array containing all ids\n * from the root to the item) and the additional properties to update after,\n * it displays and scrolls into the item view.\n * The path can also be a string representing the id of the item to scroll\n * into.\n /\n async scrollIntoVisible(path, afterProperties) {\n this.treeRef.scrollIntoVisible(path, afterProperties);\n }\n /\n This method is used to toggle a tree item by the tree item id/ids.\n \n @param treeItemIds An array id the tree items to be toggled.\n * @param expand A boolean indicating that the tree item should be expanded or collapsed. (optional)\n * @returns The modified items after the method was called.\n /\n async toggleItems(treeItemIds, expand) {\n return this.treeRef.toggleItems(treeItemIds, expand);\n }\n /\n Given a subset of item's properties, it updates all item UI models.\n /\n async updateAllItemsProperties(properties) {\n this.treeRef.updateAllItemsProperties(properties);\n }\n /\n Given a item list and the properties to update, it updates the properties\n * of the items in the list.\n /\n async updateItemsProperties(items, properties) {\n this.treeRef.updateItemsProperties(items, properties);\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 this.treeRef.updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop);\n }\n render() {\n return (h(\"ch-tree-view-render\", { checkbox: this.checkbox, checked: this.checked, checkDroppableZoneCallback: this.checkDroppableZoneCallback, cssClass: this.cssClass, dragDisabled: this.dragDisabled, dropDisabled: this.dropDisabled, dropItemsCallback: this.dropItemsCallback, editableItems: this.editableItems, filter: this.filter, filterList: this.filterList, filterOptions: this.filterOptions, filterDebounce: this.filterDebounce, filterType: this.filterType, lazyLoadTreeItemsCallback: this.lazyLoadTreeItemsCallback, modifyItemCaptionCallback: this.modifyItemCaptionCallback, multiSelection: this.multiSelection, renderItem: this.renderItem, showLines: this.showLines, sortItemsCallback: this.sortItemsCallback, toggleCheckboxes: this.toggleCheckboxes, treeModel: this.treeModel, ref: (el) => (this.treeRef = el) }));\n }\n static get is() { return \"gxg-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 \"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 all items by default.\"\n },\n \"attribute\": \"checkbox\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checked\": {\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 the checkbox to be checked in all items by\\ndefault.\\nOnly works if `checkbox = true`\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checkDroppableZoneCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n dropInformation: TreeViewDropCheckInfo\\n ) => Promise<boolean>\",\n \"resolved\": \"(dropInformation: TreeViewDropCheckInfo) => Promise<boolean>\",\n \"references\": {\n \"TreeViewDropCheckInfo\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n },\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when an element tries to drop in another item of\\nthe tree. Returns whether the drop is valid.\"\n }\n },\n \"cssClass\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A CSS class to set as the `ch-tree-view` element class.\"\n },\n \"attribute\": \"css-class\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"tree-view\\\"\"\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 all\\nitems by default. If `true`, the items can't be dragged.\"\n },\n \"attribute\": \"drag-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_DRAG_DISABLED_VALUE\"\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 all\\nitems by default. If `true`, the items won't accept any drops.\"\n },\n \"attribute\": \"drop-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_DROP_DISABLED_VALUE\"\n },\n \"dropItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n dataTransferInfo: TreeViewDataTransferInfo\\n ) => Promise<{ acceptDrop: boolean; items?: TreeViewItemModel[] }>\",\n \"resolved\": \"(dataTransferInfo: TreeViewDataTransferInfo) => Promise<{ acceptDrop: boolean; items?: TreeViewItemModel[]; }>\",\n \"references\": {\n \"TreeViewDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n },\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a list of items request to be dropped into\\nanother item.\"\n }\n },\n \"editableItems\": {\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 all\\nitems by default. If `true`, the items can edit its caption in place.\"\n },\n \"attribute\": \"editable-items\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_EDITABLE_ITEMS_VALUE\"\n },\n \"filter\": {\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 property lets you determine the expression that will be applied to the\\nfilter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"attribute\": \"filter\",\n \"reflect\": false\n },\n \"filterDebounce\": {\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 determine the debounce time (in ms) that the\\ncontrol waits until it processes the changes to the filter property.\\nConsecutive changes to the `filter` property between this range, reset the\\ntimeout to process the filter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"attribute\": \"filter-debounce\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"filterList\": {\n \"type\": \"unknown\",\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 property lets you determine the list of items that will be filtered.\\nOnly works if `filterType = \\\"id-list\\\"`.\"\n },\n \"defaultValue\": \"[]\"\n },\n \"filterOptions\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewFilterOptions\",\n \"resolved\": \"{ autoExpand?: boolean; hideMatchesAndShowNonMatches?: boolean; highlightMatchedItems?: boolean; matchCase?: boolean; regularExpression?: boolean; }\",\n \"references\": {\n \"TreeViewFilterOptions\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you determine the options that will be applied to the\\nfilter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"defaultValue\": \"{}\"\n },\n \"filterType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewFilterType\",\n \"resolved\": \"\\\"caption\\\" \| \\\"checked\\\" \| \\\"list\\\" \| \\\"metadata\\\" \| \\\"none\\\" \| \\\"unchecked\\\"\",\n \"references\": {\n \"TreeViewFilterType\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you define what kind of filter is applied to items.\\nOnly items that satisfy the filter predicate will be displayed.\\n\\n\| Value \| Details \|\\n\| ----------- \| ---------------------------------------------------------------------------------------------- \|\\n\| `checked` \| Show only the items that have a checkbox and are checked. \|\\n\| `unchecked` \| Show only the items that have a checkbox and are not checked. \|\\n\| `caption` \| Show only the items whose `caption` satisfies the regex determinate by the `filter` property. \|\\n\| `metadata` \| Show only the items whose `metadata` satisfies the regex determinate by the `filter` property. \|\\n\| `id-list` \| Show only the items that are contained in the array determinate by the `filterList` property. \|\\n\| `none` \| Show all items. \|\"\n },\n \"attribute\": \"filter-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"none\\\"\"\n },\n \"lazyLoadTreeItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n treeItemId: string\\n ) => Promise<TreeViewItemModel[]>\",\n \"resolved\": \"(treeItemId: string) => Promise<TreeViewItemModel[]>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a item request to load its subitems.\"\n }\n },\n \"modifyItemCaptionCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n treeItemId: string,\\n newCaption: string\\n ) => Promise<TreeViewOperationStatusModifyCaption>\",\n \"resolved\": \"(treeItemId: string, newCaption: string) => Promise<TreeViewOperationStatusModifyCaption>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewOperationStatusModifyCaption\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a item request to modify its caption.\"\n }\n },\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 \"renderItem\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n itemModel: TreeViewItemModel,\\n treeState: ChTreeViewRender,\\n treeHasFilter: boolean,\\n lastItem: boolean,\\n level: number\\n ) => any\",\n \"resolved\": \"(itemModel: TreeViewItemModel, treeState: ChTreeViewRender, treeHasFilter: boolean, lastItem: boolean, level: number) => any\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n },\n \"ChTreeViewRender\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/tree-view-render\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property allows us to implement custom rendering of tree items.\"\n },\n \"defaultValue\": \"defaultRenderItem\"\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\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\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\": \"\\\"all\\\"\"\n },\n \"sortItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(subModel: TreeViewItemModel[]) => void\",\n \"resolved\": \"(subModel: TreeViewItemModel[]) => void\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when the treeModel is changed to order its items.\"\n }\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.\\nThis attribute will be used in all items by default.\"\n },\n \"attribute\": \"toggle-checkboxes\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"treeModel\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewItemModel[]\",\n \"resolved\": \"TreeViewItemModel[]\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you define the model of the ch-tree-x control.\"\n },\n \"defaultValue\": \"[]\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"checkedItemsChange\",\n \"name\": \"checkedItemsChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the checked items change.\\nThis event does not take into account the currently filtered items.\"\n },\n \"complexType\": {\n \"original\": \"Map<string, TreeViewItemModelExtended>\",\n \"resolved\": \"Map<string, TreeViewItemModelExtended>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemModelExtended\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\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\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n }\n }, {\n \"method\": \"itemOpenReference\",\n \"name\": \"itemOpenReference\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the user interacts with an item 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\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\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\": \"TreeViewItemModelExtended[]\",\n \"resolved\": \"TreeViewItemModelExtended[]\",\n \"references\": {\n \"TreeViewItemModelExtended\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"loadLazyContent\": {\n \"complexType\": {\n \"signature\": \"(itemId: string, items?: TreeViewItemModel[], downloading?: boolean, lazy?: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"itemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }, {\n \"name\": \"items\",\n \"type\": \"TreeViewItemModel[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"downloading\",\n \"type\": \"boolean\",\n \"docs\": \"\"\n }, {\n \"name\": \"lazy\",\n \"type\": \"boolean\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id, an array of items to add, the download status and the\\nlazy state, updates the item's UI Model.\",\n \"tags\": []\n }\n },\n \"removeItems\": {\n \"complexType\": {\n \"signature\": \"(items: string[]) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"items\",\n \"type\": \"string[]\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a list of ids, removes the items and their children in the tree.\",\n \"tags\": []\n }\n },\n \"reloadItems\": {\n \"complexType\": {\n \"signature\": \"(itemId: string, beforeProperties?: Partial<TreeViewItemModel>, afterProperties?: Partial<TreeViewItemModel>) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"itemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }, {\n \"name\": \"beforeProperties\",\n \"type\": \"{ id?: string; caption?: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; showExpandableButton?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }, {\n \"name\": \"afterProperties\",\n \"type\": \"{ id?: string; caption?: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; showExpandableButton?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"Partial\": {\n \"location\": \"global\",\n \"id\": \"global::Partial\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id and the additional properties to update before and after\\nreload, it reloads the items of the `itemId` node by using the\\n`lazyLoadTreeItemsCallback` property.\",\n \"tags\": []\n }\n },\n \"scrollIntoVisible\": {\n \"complexType\": {\n \"signature\": \"(path: string \| string[], afterProperties?: Partial<TreeViewItemModel>) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"path\",\n \"type\": \"string \| string[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"afterProperties\",\n \"type\": \"{ id?: string; caption?: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; showExpandableButton?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"Partial\": {\n \"location\": \"global\",\n \"id\": \"global::Partial\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given the path of the item (represent by a sorted array containing all ids\\nfrom the root to the item) and the additional properties to update after,\\nit displays and scrolls into the item view.\\nThe path can also be a string representing the id of the item to scroll\\ninto.\",\n \"tags\": []\n }\n },\n \"toggleItems\": {\n \"complexType\": {\n \"signature\": \"(treeItemIds: string[], expand?: boolean) => Promise<TreeViewItemExpandedInfo[]>\",\n \"parameters\": [{\n \"name\": \"treeItemIds\",\n \"type\": \"string[]\",\n \"docs\": \"An array id the tree items to be toggled.\"\n }, {\n \"name\": \"expand\",\n \"type\": \"boolean\",\n \"docs\": \"A boolean indicating that the tree item should be expanded or collapsed. (optional)\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemExpandedInfo\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<TreeViewItemExpandedInfo[]>\"\n },\n \"docs\": {\n \"text\": \"This method is used to toggle a tree item by the tree item id/ids.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"treeItemIds An array id the tree items to be toggled.\"\n }, {\n \"name\": \"param\",\n \"text\": \"expand A boolean indicating that the tree item should be expanded or collapsed. (optional)\"\n }, {\n \"name\": \"returns\",\n \"text\": \"The modified items after the method was called.\"\n }]\n }\n },\n \"updateAllItemsProperties\": {\n \"complexType\": {\n \"signature\": \"(properties: { expanded?: boolean; checked?: boolean; }) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"properties\",\n \"type\": \"{ expanded?: boolean; checked?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a subset of item's properties, it updates all item UI models.\",\n \"tags\": []\n }\n },\n \"updateItemsProperties\": {\n \"complexType\": {\n \"signature\": \"(items: string[], properties: TreeViewItemModel) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"items\",\n \"type\": \"string[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"properties\",\n \"type\": \"{ id: string; caption: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; showExpandableButton?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a item list and the properties to update, it updates the properties\\nof the items in the list.\",\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\": \"@genexus/chameleon-controls-library/dist/types/common/types\",\n \"id\": \"\"\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}\n//# sourceMappingURL=tree-view.js.map\n"],"version":3}
1	+ {"file":"tree-view2.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/tree-view/helpers.js","node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css?tag=gxg-tree-view","node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.js"],"sourcesContent":["export const resolveImgPath = (iconAssetsPath, img) => `${iconAssetsPath}/${img}.svg`;\n//# sourceMappingURL=helpers.js.map\n",":root {\n --ui-animaton-speed: 0.2s;\n}\n\n/ALIGNMENT/\n/Ellipsis/\n/***************************************************\nTYPOGRAPHY\n**************************************************/\n/Title 01 (Positive)/\n.gxg-title-01 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n/Title 01 (Negative)/\n.gxg-title-01--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 02 (Positive)/\n.gxg-title-02 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 03/\n.gxg-title-03 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-xs);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n text-transform: uppercase;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Title 04/\n.gxg-title-04 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-md);\n letter-spacing: var(--letter-spacing-md);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n/Title 05/\n.gxg-title-05 {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-sm);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.556em;\n color: var(--color-on-primary);\n}\n\n/Text/\n.gxg-text {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n}\n\n.gxg-text--negative {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--gray-05);\n}\n\n/Quote/\n.gxg-quote {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--color-on-primary);\n}\n\n/Link/\n.gxg-link {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--color-primary-hover);\n}\n.gxg-link:active {\n color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-primary);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--gray-04);\n color: var(--gray-06);\n}\n\n/Alerts/\n.gxg-alert-error {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-error-dark);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-warning-dark);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--font-family-primary);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-sm);\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-on-background);\n text-align: start;\n line-height: 1.455em;\n color: var(--color-success-dark);\n display: inline-block;\n}\n\n/Tab/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/Label/\n.gxg-label {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/**************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*************************************************/\n.gxg-button-styles {\n font-family: var(--font-family-primary) !important;\n font-weight: var(--font-weight-semibold);\n font-size: var(--font-size-sm) !important;\n letter-spacing: var(--letter-spacing-xs);\n color: var(--color-primary-enabled);\n text-align: center;\n line-height: 1.455em;\n}\n\n/*************************************************\nFORM ELEMENTS\n**************************************************/\n.gxg-scrollbar {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n/---------------------------\ngxg-tree-view\n---------------------------/\ngxg-tree-view {\n --gxg-tree-view-icon-size: var(--spacing-comp-03);\n display: contents;\n color: var(--color-on-background);\n font-family: var(--font-family-primary);\n font-size: var(--font-size-lg);\n font-weight: var(--font-weight-regular);\n}\n\n/---------------------------\n.tree-view\n---------------------------/\n.tree-view {\n / Track /\n / Handle /\n / Handle on hover /\n cursor: initial;\n}\n.tree-view::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width, 6px);\n height: var(--gxg-scrollbar-width, 6px);\n}\n.tree-view::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background, --gray-02);\n border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.tree-view::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n border: var(--gxg-scrollbar-track-thumb-border);\n background-clip: padding-box;\n}\n.tree-view::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n.tree-view .ch-tree-view-container {\n padding: 7px;\n /although this value does not exists in gemini ds space tokens, it is the value that works best with gx-ide/\n}\n\n/---------------------------\n.tree-view-item\n---------------------------/\n.tree-view-item {\n /-- Custom vars ---/\n --ch-tree-view-view__checkbox-size: var(--gxg-checkbox-size);\n --ch-tree-view-view__expandable-button-width: var(--gxg-tree-view-icon-size);\n --ch-tree-view-item-gap: var(--spacing-comp-02);\n --ch-tree-view-item-custom-padding-inline-start: var(--spacing-comp-01);\n --ch-tree-view-item-custom-padding-inline-end: var(--spacing-comp-01);\n /-- Parts ---/\n /-- Parts for checkbox ---/\n /checked/\n /indeterminate/\n /-- Dynamic Icons ---/\n /-- Other ---/\n}\n.tree-view-item::part(dashed-line) {\n border-color: var(--gray-02);\n}\n.tree-view-item::part(header) {\n min-height: var(--spacing-comp-05);\n padding-top: var(--spacing-comp-00);\n padding-bottom: var(--spacing-comp-00);\n padding-inline-end: var(--spacing-comp-02);\n}\n.tree-view-item::part(header):hover {\n background-color: var(--gxg-background-color--hover);\n color: var(--gxg-color--hover);\n}\n.tree-view-item::part(header):focus {\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n.tree-view-item[selected]::part(header) {\n background-color: var(--gxg-background-color--selected);\n}\n.tree-view-item[selected]::part(header):hover {\n background-color: var(--gxg-background-color--selected-hover);\n}\n.tree-view-item::part(expandable-button) {\n background-color: var(--gray-00);\n}\n.tree-view-item::part(expandable-button)::before {\n background-color: var(--gray-04);\n -webkit-mask-position: center;\n -webkit-mask-repeat: no-repeat;\n}\n.tree-view-item::part(expandable-button):hover {\n background-color: var(--color-background);\n}\n.tree-view-item::part(expandable-button):focus {\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: 0;\n}\n.tree-view-item::part(left-img) {\n width: var(--spacing-comp-04);\n height: var(--spacing-comp-04);\n}\n.tree-view-item::part(downloading) {\n width: var(--spacing-comp-03);\n height: var(--spacing-comp-03);\n border: var(--border-width-md) solid var(--color-primary-enabled);\n border-inline-start-color: transparent;\n}\n.tree-view-item::part(checkbox__container) {\n border-color: var(--gray-04);\n background-color: var(--color-background);\n}\n.tree-view-item::part(checkbox__container):after {\n content: \"\";\n position: absolute;\n display: block;\n border: solid;\n border-color: transparent;\n z-index: 0;\n}\n.tree-view-item::part(checkbox__container):focus-within {\n box-shadow: none;\n outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n outline-offset: -2px;\n}\n.tree-view-item::part(checkbox__option) {\n display: none;\n}\n.tree-view-item::part(checkbox__container checkbox__checked):after {\n left: 5.5px;\n top: 3px;\n width: 4px;\n height: 7px;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n border-color: var(--color-primary-active);\n transition-property: border-color;\n transition-duration: var(--ui-animaton-speed);\n transition-timing-function: ease;\n}\n.tree-view-item::part(checkbox__container checkbox__indeterminate):after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 1.5px;\n border: 0;\n background-color: var(--color-primary-active);\n -webkit-transform: rotate(0) translateY(-50%) translateX(-50%);\n -ms-transform: rotate(0) translateY(-50%) translateX(-50%);\n transform: rotate(0) translateY(-50%) translateX(-50%);\n}\n.tree-view-item::part(checkbox__input) {\n position: relative;\n z-index: 1;\n}\n.tree-view-item--folder::part(action)::before, .tree-view-item--module::part(action)::before {\n grid-area: left-img;\n content: \"\";\n width: var(--gxg-tree-view-icon-size);\n height: var(--gxg-tree-view-icon-size);\n margin-inline-end: var(--ch-tree-view-item-gap);\n background-repeat: no-repeat;\n}\n.tree-view-item--folder::part(action)::before {\n background-image: url(\"/build/icon-assets/objects/folder.svg\");\n}\n.tree-view-item--folder::part(action expanded)::before {\n background-image: url(\"/build/icon-assets/objects/folder-open.svg\");\n}\n.tree-view-item--module::part(action)::before {\n background-image: url(\"/build/icon-assets/objects/module.svg\");\n}\n.tree-view-item--module::part(action expanded)::before {\n background-image: url(\"/build/icon-assets/objects/module-open.svg\");\n}\n.tree-view-item--pending-commit::part(action)::before {\n content: \"\";\n position: relative;\n z-index: 1;\n grid-area: left-img;\n width: 5px;\n height: 5px;\n align-self: end;\n margin-block-end: 3px;\n margin-inline-start: 1px;\n background-color: var(--color-primary-enabled);\n border-radius: 50%;\n}\n\n/-- Other Selectors (these depend on the tag class name)---/\n.tree-view-item--editing::part(header) {\n border: 2px solid transparent;\n}\n/--- Revisar ---/\n.tree-view .ch-tree-view-drag-info {\n padding-inline: 6px;\n padding-block: 2px;\n background-color: #cfdee6;\n border: 1px solid #0266a0;\n border-radius: 10px;\n font-size: 8px;\n}","import { h, getAssetPath, } from \"@stencil/core\";\nimport { resolveImgPath } from \"./helpers\";\nconst DEFAULT_DRAG_DISABLED_VALUE = false;\nconst DEFAULT_DROP_DISABLED_VALUE = false;\nconst DEFAULT_EDITABLE_ITEMS_VALUE = true;\nconst iconAssetsPath = getAssetPath(`./icon-assets`);\nconst defaultRenderItem = (itemModel, treeState, treeHasFilter, lastItem, level) => (treeState.filterType === \"none\" \|\| itemModel.render !== false) && (h(\"ch-tree-view-item\", { key: itemModel.id, id: itemModel.id, caption: itemModel.caption, checkbox: itemModel.checkbox ?? treeState.checkbox, checked: itemModel.checked ?? treeState.checked, class: itemModel.class, disabled: itemModel.disabled, downloading: itemModel.downloading, dragDisabled: itemModel.dragDisabled ?? treeState.dragDisabled, dropDisabled: itemModel.dropDisabled ?? treeState.dropDisabled, editable: itemModel.editable ?? treeState.editableItems, expanded: itemModel.expanded, expandableButton: itemModel.expandableButton ?? treeState.expandableButton, expandOnClick: treeState.expandOnClick, indeterminate: itemModel.indeterminate, lastItem: lastItem, lazyLoad: itemModel.lazy, leaf: itemModel.leaf, leftImgSrc: itemModel.leftImgSrc\n ? resolveImgPath(iconAssetsPath, itemModel.leftImgSrc)\n : null, level: level, metadata: itemModel.metadata, rightImgSrc: itemModel.rightImgSrc, selected: itemModel.selected, showLines: treeState.showLines, toggleCheckboxes: itemModel.toggleCheckboxes ?? treeState.toggleCheckboxes }, !itemModel.leaf &&\n itemModel.items != null &&\n itemModel.items.map((subModel, index) => defaultRenderItem(subModel, treeState, treeHasFilter, treeState.showLines !== \"none\" &&\n // If there is a filter applied in the current list, use the\n // lastItemId value to calculate the last item\n (treeHasFilter && itemModel.lastItemId !== \"\"\n ? subModel.id === itemModel.lastItemId\n : index === itemModel.items.length - 1), level + 1))));\nexport class ChTreeViewRenderWrapper {\n constructor() {\n this.checkbox = false;\n this.checked = false;\n this.checkDroppableZoneCallback = undefined;\n this.cssClass = \"tree-view\";\n this.dragDisabled = DEFAULT_DRAG_DISABLED_VALUE;\n this.dropDisabled = DEFAULT_DROP_DISABLED_VALUE;\n this.dropItemsCallback = undefined;\n this.editableItems = DEFAULT_EDITABLE_ITEMS_VALUE;\n this.expandableButton = \"decorative\";\n this.expandOnClick = true;\n this.filter = undefined;\n this.filterDebounce = 0;\n this.filterList = [];\n this.filterOptions = {};\n this.filterType = \"none\";\n this.lazyLoadTreeItemsCallback = undefined;\n this.modifyItemCaptionCallback = undefined;\n this.multiSelection = false;\n this.renderItem = defaultRenderItem;\n this.showLines = \"all\";\n this.sortItemsCallback = undefined;\n this.toggleCheckboxes = false;\n this.treeModel = [];\n }\n // Refs\n treeRef;\n /\n Fired when the checked items change.\n * This event does take into account the currently filtered items.\n /\n checkedItemsChange;\n /\n Fired when an element displays its contextmenu.\n /\n itemContextmenu;\n /\n Fired when the user interacts with an item in a way that its reference\n * must be opened.\n /\n itemOpenReference;\n /\n Fired when the selected items change.\n * This event can be fired by the following conditions:\n * 1. A user changes the selected items interacting with the Tree View.\n \n 2. The `multiSelection` value is changed from `true` to `false`.\n \n 3. A selected item is no longer rendered because it does not satisfies a\n * filter condition.\n \n 4. TODO: The `treeModel` property is updated and contains different selected\n * items. Even if it does not contains different selected items, this\n * event is fired because the selected items can have a different path\n * than before the `treeModel` update.\n \n 5. The `updateItemsProperties` method is executed, changing the item\n * selection.\n \n 6. A selected item is removed.\n \n 7. TODO: A selected item is moved into a new parent with drag and drop.\n * In this case, since the detail of the event contains the information\n * of the parent, this event must be fired to update the information.\n \n 8. Executing `scrollIntoVisible` method and updating the selected value\n * of the scrolled item.\n \n 9. TODO: An external item is dropped into the Tree View and the item is\n * selected.\n \n 10. TODO: Lazy loading content that has selected items?\n \n Thing that does not fire this event:\n * - TODO: Renaming a selected item.\n \n - TODO: Applying a filter that keeps all selected items rendered.\n /\n selectedItemsChange;\n /\n Given an item id, an array of items to add, the download status and the\n * lazy state, updates the item's UI Model.\n /\n async loadLazyContent(itemId, items, downloading = false, lazy = false) {\n this.treeRef.loadLazyContent(itemId, items, downloading, lazy);\n }\n /\n Given a list of ids, removes the items and their children in the tree.\n /\n async removeItems(items) {\n this.treeRef.removeItems(items);\n }\n /\n Given an item id and the additional properties to update before and after\n * reload, it reloads the items of the `itemId` node by using the\n * `lazyLoadTreeItemsCallback` property.\n /\n async reloadItems(itemId, beforeProperties, afterProperties) {\n this.treeRef.reloadItems(itemId, beforeProperties, afterProperties);\n }\n /\n Given the path of the item (represent by a sorted array containing all ids\n * from the root to the item) and the additional properties to update after,\n * it displays and scrolls into the item view.\n * The path can also be a string representing the id of the item to scroll\n * into.\n /\n async scrollIntoVisible(path, afterProperties) {\n this.treeRef.scrollIntoVisible(path, afterProperties);\n }\n /\n This method is used to toggle a tree item by the tree item id/ids.\n \n @param treeItemIds An array id the tree items to be toggled.\n * @param expand A boolean indicating that the tree item should be expanded or collapsed. (optional)\n * @returns The modified items after the method was called.\n /\n async toggleItems(treeItemIds, expand) {\n return this.treeRef.toggleItems(treeItemIds, expand);\n }\n /\n Given a subset of item's properties, it updates all item UI models.\n /\n async updateAllItemsProperties(properties) {\n this.treeRef.updateAllItemsProperties(properties);\n }\n /\n Given a item list and the properties to update, it updates the properties\n * of the items in the list.\n /\n async updateItemsProperties(items, properties) {\n this.treeRef.updateItemsProperties(items, properties);\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 this.treeRef.updateValidDropZone(requestTimestamp, newContainerId, draggedItems, validDrop);\n }\n render() {\n return (h(\"ch-tree-view-render\", { checkbox: this.checkbox, checked: this.checked, checkDroppableZoneCallback: this.checkDroppableZoneCallback, cssClass: this.cssClass, dragDisabled: this.dragDisabled, dropDisabled: this.dropDisabled, dropItemsCallback: this.dropItemsCallback, editableItems: this.editableItems, expandOnClick: this.expandOnClick, filter: this.filter, filterList: this.filterList, filterOptions: this.filterOptions, filterDebounce: this.filterDebounce, filterType: this.filterType, lazyLoadTreeItemsCallback: this.lazyLoadTreeItemsCallback, modifyItemCaptionCallback: this.modifyItemCaptionCallback, multiSelection: this.multiSelection, renderItem: this.renderItem, showLines: this.showLines, sortItemsCallback: this.sortItemsCallback, toggleCheckboxes: this.toggleCheckboxes, treeModel: this.treeModel, ref: (el) => (this.treeRef = el) }));\n }\n static get is() { return \"gxg-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 \"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 all items by default.\"\n },\n \"attribute\": \"checkbox\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checked\": {\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 the checkbox to be checked in all items by\\ndefault.\\nOnly works if `checkbox = true`\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"checkDroppableZoneCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n dropInformation: TreeViewDropCheckInfo\\n ) => Promise<boolean>\",\n \"resolved\": \"(dropInformation: TreeViewDropCheckInfo) => Promise<boolean>\",\n \"references\": {\n \"TreeViewDropCheckInfo\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n },\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when an element tries to drop in another item of\\nthe tree. Returns whether the drop is valid.\"\n }\n },\n \"cssClass\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"A CSS class to set as the `ch-tree-view` element class.\"\n },\n \"attribute\": \"css-class\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"tree-view\\\"\"\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 all\\nitems by default. If `true`, the items can't be dragged.\"\n },\n \"attribute\": \"drag-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_DRAG_DISABLED_VALUE\"\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 all\\nitems by default. If `true`, the items won't accept any drops.\"\n },\n \"attribute\": \"drop-disabled\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_DROP_DISABLED_VALUE\"\n },\n \"dropItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n dataTransferInfo: TreeViewDataTransferInfo\\n ) => Promise<{ acceptDrop: boolean; items?: TreeViewItemModel[] }>\",\n \"resolved\": \"(dataTransferInfo: TreeViewDataTransferInfo) => Promise<{ acceptDrop: boolean; items?: TreeViewItemModel[]; }>\",\n \"references\": {\n \"TreeViewDataTransferInfo\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n },\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a list of items request to be dropped into\\nanother item.\"\n }\n },\n \"editableItems\": {\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 all\\nitems by default. If `true`, the items can edit its caption in place.\"\n },\n \"attribute\": \"editable-items\",\n \"reflect\": false,\n \"defaultValue\": \"DEFAULT_EDITABLE_ITEMS_VALUE\"\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 in the items by\\ndefault.\\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\": \"Specifies if a tree-view-item is expanded on click interaction. If `true`\\nthe tree-view-item is expanded on click interaction. If `false`, with\\nmouse interaction the tree-view-item will only be expanded on double click.\"\n },\n \"attribute\": \"expand-on-click\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"filter\": {\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 property lets you determine the expression that will be applied to the\\nfilter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"attribute\": \"filter\",\n \"reflect\": false\n },\n \"filterDebounce\": {\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 determine the debounce time (in ms) that the\\ncontrol waits until it processes the changes to the filter property.\\nConsecutive changes to the `filter` property between this range, reset the\\ntimeout to process the filter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"attribute\": \"filter-debounce\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"filterList\": {\n \"type\": \"unknown\",\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 property lets you determine the list of items that will be filtered.\\nOnly works if `filterType = \\\"id-list\\\"`.\"\n },\n \"defaultValue\": \"[]\"\n },\n \"filterOptions\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewFilterOptions\",\n \"resolved\": \"{ autoExpand?: boolean; hideMatchesAndShowNonMatches?: boolean; highlightMatchedItems?: boolean; matchCase?: boolean; regularExpression?: boolean; }\",\n \"references\": {\n \"TreeViewFilterOptions\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you determine the options that will be applied to the\\nfilter.\\nOnly works if `filterType = \\\"caption\\\" \| \\\"metadata\\\"`.\"\n },\n \"defaultValue\": \"{}\"\n },\n \"filterType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewFilterType\",\n \"resolved\": \"\\\"caption\\\" \| \\\"checked\\\" \| \\\"list\\\" \| \\\"metadata\\\" \| \\\"none\\\" \| \\\"unchecked\\\"\",\n \"references\": {\n \"TreeViewFilterType\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This attribute lets you define what kind of filter is applied to items.\\nOnly items that satisfy the filter predicate will be displayed.\\n\\n\| Value \| Details \|\\n\| ----------- \| ---------------------------------------------------------------------------------------------- \|\\n\| `checked` \| Show only the items that have a checkbox and are checked. \|\\n\| `unchecked` \| Show only the items that have a checkbox and are not checked. \|\\n\| `caption` \| Show only the items whose `caption` satisfies the regex determinate by the `filter` property. \|\\n\| `metadata` \| Show only the items whose `metadata` satisfies the regex determinate by the `filter` property. \|\\n\| `id-list` \| Show only the items that are contained in the array determinate by the `filterList` property. \|\\n\| `none` \| Show all items. \|\"\n },\n \"attribute\": \"filter-type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"none\\\"\"\n },\n \"lazyLoadTreeItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n treeItemId: string\\n ) => Promise<TreeViewItemModel[]>\",\n \"resolved\": \"(treeItemId: string) => Promise<TreeViewItemModel[]>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a item request to load its subitems.\"\n }\n },\n \"modifyItemCaptionCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n treeItemId: string,\\n newCaption: string\\n ) => Promise<TreeViewOperationStatusModifyCaption>\",\n \"resolved\": \"(treeItemId: string, newCaption: string) => Promise<TreeViewOperationStatusModifyCaption>\",\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewOperationStatusModifyCaption\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when a item request to modify its caption.\"\n }\n },\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 \"renderItem\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(\\n itemModel: TreeViewItemModel,\\n treeState: ChTreeViewRender,\\n treeHasFilter: boolean,\\n lastItem: boolean,\\n level: number\\n ) => any\",\n \"resolved\": \"(itemModel: TreeViewItemModel, treeState: ChTreeViewRender, treeHasFilter: boolean, lastItem: boolean, level: number) => any\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n },\n \"ChTreeViewRender\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/tree-view-render\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property allows us to implement custom rendering of tree items.\"\n },\n \"defaultValue\": \"defaultRenderItem\"\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\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\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\": \"\\\"all\\\"\"\n },\n \"sortItemsCallback\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"(subModel: TreeViewItemModel[]) => void\",\n \"resolved\": \"(subModel: TreeViewItemModel[]) => void\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Callback that is executed when the treeModel is changed to order its items.\"\n }\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.\\nThis attribute will be used in all items by default.\"\n },\n \"attribute\": \"toggle-checkboxes\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"treeModel\": {\n \"type\": \"unknown\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TreeViewItemModel[]\",\n \"resolved\": \"TreeViewItemModel[]\",\n \"references\": {\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property lets you define the model of the ch-tree-x control.\"\n },\n \"defaultValue\": \"[]\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"checkedItemsChange\",\n \"name\": \"checkedItemsChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the checked items change.\\nThis event does take into account the currently filtered items.\"\n },\n \"complexType\": {\n \"original\": \"Map<string, TreeViewItemModelExtended>\",\n \"resolved\": \"Map<string, TreeViewItemModelExtended>\",\n \"references\": {\n \"Map\": {\n \"location\": \"global\",\n \"id\": \"global::Map\"\n },\n \"TreeViewItemModelExtended\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\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\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n }\n }\n }, {\n \"method\": \"itemOpenReference\",\n \"name\": \"itemOpenReference\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Fired when the user interacts with an item 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\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\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.\\nThis event can be fired by the following conditions:\\n 1. A user changes the selected items interacting with the Tree View.\\n\\n 2. The `multiSelection` value is changed from `true` to `false`.\\n\\n 3. A selected item is no longer rendered because it does not satisfies a\\n filter condition.\\n\\n 4. TODO: The `treeModel` property is updated and contains different selected\\n items. Even if it does not contains different selected items, this\\n event is fired because the selected items can have a different path\\n than before the `treeModel` update.\\n\\n 5. The `updateItemsProperties` method is executed, changing the item\\n selection.\\n\\n 6. A selected item is removed.\\n\\n 7. TODO: A selected item is moved into a new parent with drag and drop.\\n In this case, since the detail of the event contains the information\\n of the parent, this event must be fired to update the information.\\n\\n 8. Executing `scrollIntoVisible` method and updating the selected value\\n of the scrolled item.\\n\\n 9. TODO: An external item is dropped into the Tree View and the item is\\n selected.\\n\\n 10. TODO: Lazy loading content that has selected items?\\n\\nThing that does not fire this event:\\n - TODO: Renaming a selected item.\\n\\n - TODO: Applying a filter that keeps all selected items rendered.\"\n },\n \"complexType\": {\n \"original\": \"TreeViewItemModelExtended[]\",\n \"resolved\": \"TreeViewItemModelExtended[]\",\n \"references\": {\n \"TreeViewItemModelExtended\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/renders/tree-view/types\",\n \"id\": \"\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"loadLazyContent\": {\n \"complexType\": {\n \"signature\": \"(itemId: string, items?: TreeViewItemModel[], downloading?: boolean, lazy?: boolean) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"itemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }, {\n \"name\": \"items\",\n \"type\": \"TreeViewItemModel[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"downloading\",\n \"type\": \"boolean\",\n \"docs\": \"\"\n }, {\n \"name\": \"lazy\",\n \"type\": \"boolean\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id, an array of items to add, the download status and the\\nlazy state, updates the item's UI Model.\",\n \"tags\": []\n }\n },\n \"removeItems\": {\n \"complexType\": {\n \"signature\": \"(items: string[]) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"items\",\n \"type\": \"string[]\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a list of ids, removes the items and their children in the tree.\",\n \"tags\": []\n }\n },\n \"reloadItems\": {\n \"complexType\": {\n \"signature\": \"(itemId: string, beforeProperties?: Partial<TreeViewItemModel>, afterProperties?: Partial<TreeViewItemModel>) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"itemId\",\n \"type\": \"string\",\n \"docs\": \"\"\n }, {\n \"name\": \"beforeProperties\",\n \"type\": \"{ id?: string; caption?: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; expandableButton?: \\\"action\\\" \| \\\"no\\\" \| \\\"decorative\\\"; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }, {\n \"name\": \"afterProperties\",\n \"type\": \"{ id?: string; caption?: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; expandableButton?: \\\"action\\\" \| \\\"no\\\" \| \\\"decorative\\\"; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"Partial\": {\n \"location\": \"global\",\n \"id\": \"global::Partial\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given an item id and the additional properties to update before and after\\nreload, it reloads the items of the `itemId` node by using the\\n`lazyLoadTreeItemsCallback` property.\",\n \"tags\": []\n }\n },\n \"scrollIntoVisible\": {\n \"complexType\": {\n \"signature\": \"(path: string \| string[], afterProperties?: Partial<TreeViewItemModel>) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"path\",\n \"type\": \"string \| string[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"afterProperties\",\n \"type\": \"{ id?: string; caption?: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; expandableButton?: \\\"action\\\" \| \\\"no\\\" \| \\\"decorative\\\"; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"Partial\": {\n \"location\": \"global\",\n \"id\": \"global::Partial\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given the path of the item (represent by a sorted array containing all ids\\nfrom the root to the item) and the additional properties to update after,\\nit displays and scrolls into the item view.\\nThe path can also be a string representing the id of the item to scroll\\ninto.\",\n \"tags\": []\n }\n },\n \"toggleItems\": {\n \"complexType\": {\n \"signature\": \"(treeItemIds: string[], expand?: boolean) => Promise<TreeViewItemExpandedInfo[]>\",\n \"parameters\": [{\n \"name\": \"treeItemIds\",\n \"type\": \"string[]\",\n \"docs\": \"An array id the tree items to be toggled.\"\n }, {\n \"name\": \"expand\",\n \"type\": \"boolean\",\n \"docs\": \"A boolean indicating that the tree item should be expanded or collapsed. (optional)\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemExpandedInfo\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<TreeViewItemExpandedInfo[]>\"\n },\n \"docs\": {\n \"text\": \"This method is used to toggle a tree item by the tree item id/ids.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"treeItemIds An array id the tree items to be toggled.\"\n }, {\n \"name\": \"param\",\n \"text\": \"expand A boolean indicating that the tree item should be expanded or collapsed. (optional)\"\n }, {\n \"name\": \"returns\",\n \"text\": \"The modified items after the method was called.\"\n }]\n }\n },\n \"updateAllItemsProperties\": {\n \"complexType\": {\n \"signature\": \"(properties: { expanded?: boolean; checked?: boolean; }) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"properties\",\n \"type\": \"{ expanded?: boolean; checked?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a subset of item's properties, it updates all item UI models.\",\n \"tags\": []\n }\n },\n \"updateItemsProperties\": {\n \"complexType\": {\n \"signature\": \"(items: string[], properties: TreeViewItemModel) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"items\",\n \"type\": \"string[]\",\n \"docs\": \"\"\n }, {\n \"name\": \"properties\",\n \"type\": \"{ id: string; caption: string; checkbox?: boolean; checked?: boolean; class?: string; disabled?: boolean; downloading?: boolean; dragDisabled?: boolean; dropDisabled?: boolean; editable?: boolean; expanded?: boolean; expandableButton?: \\\"action\\\" \| \\\"no\\\" \| \\\"decorative\\\"; lastItemId?: string; lazy?: boolean; leaf?: boolean; leftImgSrc?: string; indeterminate?: boolean; items?: TreeViewItemModel[]; metadata?: string; order?: number; render?: boolean; rightImgSrc?: string; selected?: boolean; toggleCheckboxes?: boolean; }\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"TreeViewItemModel\": {\n \"location\": \"import\",\n \"path\": \"@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types\",\n \"id\": \"\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Given a item list and the properties to update, it updates the properties\\nof the items in the list.\",\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\": \"@genexus/chameleon-controls-library/dist/types/common/types\",\n \"id\": \"\"\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}\n//# sourceMappingURL=tree-view.js.map\n"],"version":3}

package/dist/components/utils.js CHANGED Viewed

@@ -40,7 +40,13 @@ function overrideMethod(component, methodName, { before, after }) {
 const tokenMap = (tokens) => Object.keys(tokens)
     .filter(key => tokens[key])
     .join(" ");
+/**
+ * `true` if `x` <= `y` <= `z`
+ */
+const inBetween = (x, y, z) => x <= y && y <= z;
+const resetDragImage = new Image();
+const removeDragImage = (event) => event.dataTransfer.setDragImage(resetDragImage, 0, 0);
-export { debounce as d, isRTL as i, overrideMethod as o, tokenMap as t };
+export { isRTL as a, debounce as d, inBetween as i, overrideMethod as o, removeDragImage as r, tokenMap as t };
 //# sourceMappingURL=utils.js.map

package/dist/components/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"utils.js","mappings":"AAAO,SAAS,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,GAAG,KAAK,EAAE;AACxD,IAAI,IAAI,OAAO,CAAC;AAChB,IAAI,OAAO,UAAU,GAAG,IAAI,EAAE;AAC9B,QAAQ,MAAM,KAAK,GAAG,YAAY;AAClC,YAAY,OAAO,GAAG,IAAI,CAAC;AAC3B,YAAY,IAAI,CAAC,SAAS,EAAE;AAC5B,gBAAgB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACvC,aAAa;AACb,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrB,QAAQ,MAAM,OAAO,GAAG,SAAS,IAAI,CAAC,OAAO,CAAC;AAC9C,QAAQ,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9B,QAAQ,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAC1C,QAAQ,IAAI,OAAO,EAAE;AACrB,YAAY,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnC,SAAS;AACT,KAAK,CAAC;AACN,CAAC;AACW,MAAC,KAAK,GAAG,MAAM,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,MAAM;AAClE;AACA;AACA;AACO,SAAS,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AACzE,IAAI,MAAM,SAAS,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAC5C,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,MAAM;AAClC,QAAQ,IAAI,MAAM,KAAK,SAAS,EAAE;AAClC,YAAY,MAAM,EAAE,CAAC;AACrB,SAAS;AACT,QAAQ,IAAI,SAAS,KAAK,SAAS,EAAE;AACrC,YAAY,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACtC,SAAS;AACT,QAAQ,IAAI,KAAK,KAAK,SAAS,EAAE;AACjC,YAAY,KAAK,EAAE,CAAC;AACpB,SAAS;AACT,KAAK,CAAC;AACN,CAAC;AACD;AACA;AACA;AACA;AACY,MAAC,QAAQ,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;AACvD,KAAK,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;AAC/B,KAAK,IAAI,CAAC,GAAG;;;;","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/common/utils.js"],"sourcesContent":["export function debounce(func, wait, immediate = false) {\n let timeout;\n return function (...args) {\n const later = function () {\n timeout = null;\n if (!immediate) {\n func.apply(this, args);\n }\n }.bind(this);\n const callNow = immediate && !timeout;\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n if (callNow) {\n func.apply(this, args);\n }\n };\n}\nexport const isRTL = () => document.documentElement.dir === \"rtl\";\n/* This functions overrides a method adding calls before (`before()`) and\n after (`after()`)\n/\nexport function overrideMethod(component, methodName, { before, after }) {\n const oldMethod = component[methodName];\n component[methodName] = () => {\n if (before !== undefined) {\n before();\n }\n if (oldMethod !== undefined) {\n oldMethod.call(component);\n }\n if (after !== undefined) {\n after();\n }\n };\n}\n/\n Converts an object mapping token keys to booleans into a space-separated\n * string containing the token keys that map to truthy values.\n */\nexport const tokenMap = (tokens) => Object.keys(tokens)\n .filter(key => tokens[key])\n .join(\" \");\n//# sourceMappingURL=utils.js.map\n"],"version":3}
1	+ {"file":"utils.js","mappings":"AAAO,SAAS,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,GAAG,KAAK,EAAE;AACxD,IAAI,IAAI,OAAO,CAAC;AAChB,IAAI,OAAO,UAAU,GAAG,IAAI,EAAE;AAC9B,QAAQ,MAAM,KAAK,GAAG,YAAY;AAClC,YAAY,OAAO,GAAG,IAAI,CAAC;AAC3B,YAAY,IAAI,CAAC,SAAS,EAAE;AAC5B,gBAAgB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACvC,aAAa;AACb,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrB,QAAQ,MAAM,OAAO,GAAG,SAAS,IAAI,CAAC,OAAO,CAAC;AAC9C,QAAQ,YAAY,CAAC,OAAO,CAAC,CAAC;AAC9B,QAAQ,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;AAC1C,QAAQ,IAAI,OAAO,EAAE;AACrB,YAAY,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACnC,SAAS;AACT,KAAK,CAAC;AACN,CAAC;AACW,MAAC,KAAK,GAAG,MAAM,QAAQ,CAAC,eAAe,CAAC,GAAG,KAAK,MAAM;AAClE;AACA;AACA;AACO,SAAS,cAAc,CAAC,SAAS,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE;AACzE,IAAI,MAAM,SAAS,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;AAC5C,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,MAAM;AAClC,QAAQ,IAAI,MAAM,KAAK,SAAS,EAAE;AAClC,YAAY,MAAM,EAAE,CAAC;AACrB,SAAS;AACT,QAAQ,IAAI,SAAS,KAAK,SAAS,EAAE;AACrC,YAAY,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACtC,SAAS;AACT,QAAQ,IAAI,KAAK,KAAK,SAAS,EAAE;AACjC,YAAY,KAAK,EAAE,CAAC;AACpB,SAAS;AACT,KAAK,CAAC;AACN,CAAC;AACD;AACA;AACA;AACA;AACY,MAAC,QAAQ,GAAG,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC;AACvD,KAAK,MAAM,CAAC,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC;AAC/B,KAAK,IAAI,CAAC,GAAG,EAAE;AACf;AACA;AACA;AACY,MAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;AACvD,MAAM,cAAc,GAAG,IAAI,KAAK,EAAE,CAAC;AACvB,MAAC,eAAe,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC,EAAE,CAAC;;;;","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/common/utils.js"],"sourcesContent":["export function debounce(func, wait, immediate = false) {\n let timeout;\n return function (...args) {\n const later = function () {\n timeout = null;\n if (!immediate) {\n func.apply(this, args);\n }\n }.bind(this);\n const callNow = immediate && !timeout;\n clearTimeout(timeout);\n timeout = setTimeout(later, wait);\n if (callNow) {\n func.apply(this, args);\n }\n };\n}\nexport const isRTL = () => document.documentElement.dir === \"rtl\";\n/* This functions overrides a method adding calls before (`before()`) and\n after (`after()`)\n/\nexport function overrideMethod(component, methodName, { before, after }) {\n const oldMethod = component[methodName];\n component[methodName] = () => {\n if (before !== undefined) {\n before();\n }\n if (oldMethod !== undefined) {\n oldMethod.call(component);\n }\n if (after !== undefined) {\n after();\n }\n };\n}\n/\n Converts an object mapping token keys to booleans into a space-separated\n * string containing the token keys that map to truthy values.\n /\nexport const tokenMap = (tokens) => Object.keys(tokens)\n .filter(key => tokens[key])\n .join(\" \");\n/\n `true` if `x` <= `y` <= `z`\n */\nexport const inBetween = (x, y, z) => x <= y && y <= z;\nconst resetDragImage = new Image();\nexport const removeDragImage = (event) => event.dataTransfer.setDragImage(resetDragImage, 0, 0);\n//# sourceMappingURL=utils.js.map\n"],"version":3}

package/dist/components/utils2.js ADDED Viewed

@@ -0,0 +1,52 @@
+// Classes and parts
+const BUTTON_CLASS = (direction) => `${direction}__button`;
+const IMAGE_CLASS = (direction) => `${direction}__img`;
+const PAGE_CLASS = (direction) => `${direction}__page`;
+const PAGE_CONTAINER_CLASS = (direction) => `${direction}__page-container`;
+const PAGE_NAME_CLASS = (direction) => `${direction}__page-name`;
+const TAB_LIST_CLASS = (direction) => `${direction}__tab-list`;
+// Ids
+const CAPTION_ID = (name) => `caption-${name}`;
+const PAGE_ID = (name) => `page-${name}`;
+// Export part functions
+const CLOSE_BUTTON_PART = "close-button";
+const DRAG_PREVIEW = "drag-preview";
+const DRAG_PREVIEW_ELEMENT = "drag-preview-element";
+const DRAG_PREVIEW_OUTSIDE = "drag-preview--outside-tab-list";
+const DRAG_PREVIEW_INSIDE_BLOCK = "drag-preview--inside-tab-list__block";
+const DRAG_PREVIEW_INSIDE_INLINE = "drag-preview--inside-tab-list__inline";
+const SELECTED_PART = "selected";
+const additionalParts = [
+    CLOSE_BUTTON_PART,
+    DRAG_PREVIEW,
+    DRAG_PREVIEW_ELEMENT,
+    DRAG_PREVIEW_OUTSIDE,
+    DRAG_PREVIEW_INSIDE_BLOCK,
+    DRAG_PREVIEW_INSIDE_INLINE,
+    SELECTED_PART
+].join(",");
+const TAB_TYPE_PARTS = [
+    BUTTON_CLASS,
+    IMAGE_CLASS,
+    PAGE_CLASS,
+    PAGE_CONTAINER_CLASS,
+    PAGE_NAME_CLASS,
+    TAB_LIST_CLASS
+];
+const BLOCK_PARTS = TAB_TYPE_PARTS.map(partFunction => partFunction("block")).join(",");
+const INLINE_PARTS = TAB_TYPE_PARTS.map(partFunction => partFunction("inline")).join(",");
+const INLINE_START_PARTS = INLINE_PARTS + ",inlineStart," + additionalParts;
+const MAIN_PARTS = BLOCK_PARTS + ",main," + additionalParts;
+const INLINE_END_PARTS = INLINE_PARTS + ",inlineEnd," + additionalParts;
+const BLOCK_END_PARTS = BLOCK_PARTS + ",blockEnd," + additionalParts;
+const CAPTION_PARTS = (widgets) => widgets.map(item => CAPTION_ID(item.id)).join(",");
+const tabTypeToPart = {
+    inlineStart: widgets => INLINE_START_PARTS + "," + CAPTION_PARTS(widgets),
+    main: widgets => MAIN_PARTS + "," + CAPTION_PARTS(widgets),
+    inlineEnd: widgets => INLINE_END_PARTS + "," + CAPTION_PARTS(widgets),
+    blockEnd: widgets => BLOCK_END_PARTS + "," + CAPTION_PARTS(widgets)
+};
+export { BUTTON_CLASS as B, CAPTION_ID as C, DRAG_PREVIEW as D, IMAGE_CLASS as I, PAGE_ID as P, SELECTED_PART as S, TAB_LIST_CLASS as T, CLOSE_BUTTON_PART as a, DRAG_PREVIEW_OUTSIDE as b, DRAG_PREVIEW_INSIDE_INLINE as c, DRAG_PREVIEW_INSIDE_BLOCK as d, DRAG_PREVIEW_ELEMENT as e, PAGE_CLASS as f, PAGE_CONTAINER_CLASS as g, PAGE_NAME_CLASS as h, tabTypeToPart as t };
+//# sourceMappingURL=utils2.js.map

package/dist/components/utils2.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"utils2.js","mappings":"AAAA;AACY,MAAC,YAAY,GAAG,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS,CAAC,QAAQ,EAAE;AACtD,MAAC,WAAW,GAAG,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE;AAClD,MAAC,UAAU,GAAG,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE;AAClD,MAAC,oBAAoB,GAAG,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS,CAAC,gBAAgB,EAAE;AACtE,MAAC,eAAe,GAAG,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE;AAC5D,MAAC,cAAc,GAAG,CAAC,SAAS,KAAK,CAAC,EAAE,SAAS,CAAC,UAAU,EAAE;AACtE;AACY,MAAC,UAAU,GAAG,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE;AAC1C,MAAC,OAAO,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE;AAChD;AACY,MAAC,iBAAiB,GAAG,eAAe;AACpC,MAAC,YAAY,GAAG,eAAe;AAC/B,MAAC,oBAAoB,GAAG,uBAAuB;AAC/C,MAAC,oBAAoB,GAAG,iCAAiC;AACzD,MAAC,yBAAyB,GAAG,uCAAuC;AACpE,MAAC,0BAA0B,GAAG,wCAAwC;AACtE,MAAC,aAAa,GAAG,WAAW;AACxC,MAAM,eAAe,GAAG;AACxB,IAAI,iBAAiB;AACrB,IAAI,YAAY;AAChB,IAAI,oBAAoB;AACxB,IAAI,oBAAoB;AACxB,IAAI,yBAAyB;AAC7B,IAAI,0BAA0B;AAC9B,IAAI,aAAa;AACjB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACL,MAAM,cAAc,GAAG;AAC9B,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,UAAU;AACd,IAAI,oBAAoB;AACxB,IAAI,eAAe;AACnB,IAAI,cAAc;AAClB,CAAC,CAAC;AACF,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,YAAY,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxF,MAAM,YAAY,GAAG,cAAc,CAAC,GAAG,CAAC,YAAY,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnF,MAAM,kBAAkB,GAAG,YAAY,GAAG,eAAe,GAAG,eAAe,CAAC;AAC5E,MAAM,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,eAAe,CAAC;AAC5D,MAAM,gBAAgB,GAAG,YAAY,GAAG,aAAa,GAAG,eAAe,CAAC;AACxE,MAAM,eAAe,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAC;AACrE,MAAM,aAAa,GAAG,CAAC,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACjF,MAAC,aAAa,GAAG;AAC7B,IAAI,WAAW,EAAE,OAAO,IAAI,kBAAkB,GAAG,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC;AAC7E,IAAI,IAAI,EAAE,OAAO,IAAI,UAAU,GAAG,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC;AAC9D,IAAI,SAAS,EAAE,OAAO,IAAI,gBAAgB,GAAG,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC;AACzE,IAAI,QAAQ,EAAE,OAAO,IAAI,eAAe,GAAG,GAAG,GAAG,aAAa,CAAC,OAAO,CAAC;AACvE;;;;","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/tab/utils.js"],"sourcesContent":["// Classes and parts\nexport const BUTTON_CLASS = (direction) => `${direction}__button`;\nexport const IMAGE_CLASS = (direction) => `${direction}__img`;\nexport const PAGE_CLASS = (direction) => `${direction}__page`;\nexport const PAGE_CONTAINER_CLASS = (direction) => `${direction}__page-container`;\nexport const PAGE_NAME_CLASS = (direction) => `${direction}__page-name`;\nexport const TAB_LIST_CLASS = (direction) => `${direction}__tab-list`;\n// Ids\nexport const CAPTION_ID = (name) => `caption-${name}`;\nexport const PAGE_ID = (name) => `page-${name}`;\n// Export part functions\nexport const CLOSE_BUTTON_PART = \"close-button\";\nexport const DRAG_PREVIEW = \"drag-preview\";\nexport const DRAG_PREVIEW_ELEMENT = \"drag-preview-element\";\nexport const DRAG_PREVIEW_OUTSIDE = \"drag-preview--outside-tab-list\";\nexport const DRAG_PREVIEW_INSIDE_BLOCK = \"drag-preview--inside-tab-list__block\";\nexport const DRAG_PREVIEW_INSIDE_INLINE = \"drag-preview--inside-tab-list__inline\";\nexport const SELECTED_PART = \"selected\";\nconst additionalParts = [\n CLOSE_BUTTON_PART,\n DRAG_PREVIEW,\n DRAG_PREVIEW_ELEMENT,\n DRAG_PREVIEW_OUTSIDE,\n DRAG_PREVIEW_INSIDE_BLOCK,\n DRAG_PREVIEW_INSIDE_INLINE,\n SELECTED_PART\n].join(\",\");\nexport const TAB_TYPE_PARTS = [\n BUTTON_CLASS,\n IMAGE_CLASS,\n PAGE_CLASS,\n PAGE_CONTAINER_CLASS,\n PAGE_NAME_CLASS,\n TAB_LIST_CLASS\n];\nconst BLOCK_PARTS = TAB_TYPE_PARTS.map(partFunction => partFunction(\"block\")).join(\",\");\nconst INLINE_PARTS = TAB_TYPE_PARTS.map(partFunction => partFunction(\"inline\")).join(\",\");\nexport const INLINE_START_PARTS = INLINE_PARTS + \",inlineStart,\" + additionalParts;\nexport const MAIN_PARTS = BLOCK_PARTS + \",main,\" + additionalParts;\nexport const INLINE_END_PARTS = INLINE_PARTS + \",inlineEnd,\" + additionalParts;\nexport const BLOCK_END_PARTS = BLOCK_PARTS + \",blockEnd,\" + additionalParts;\nexport const CAPTION_PARTS = (widgets) => widgets.map(item => CAPTION_ID(item.id)).join(\",\");\nexport const tabTypeToPart = {\n inlineStart: widgets => INLINE_START_PARTS + \",\" + CAPTION_PARTS(widgets),\n main: widgets => MAIN_PARTS + \",\" + CAPTION_PARTS(widgets),\n inlineEnd: widgets => INLINE_END_PARTS + \",\" + CAPTION_PARTS(widgets),\n blockEnd: widgets => BLOCK_END_PARTS + \",\" + CAPTION_PARTS(widgets)\n};\n//# sourceMappingURL=utils.js.map\n"],"version":3}

package/dist/esm/array-e181c3b5.js ADDED Viewed

@@ -0,0 +1,9 @@
+const insertIntoIndex = (array, element, index) => array.splice(index, 0, element);
+/**
+ * Removes an element from an array, returning the deleted element.
+ */
+const removeElement = (array, index) => array.splice(index, 1)[0];
+export { insertIntoIndex as i, removeElement as r };
+//# sourceMappingURL=array-e181c3b5.js.map

package/dist/esm/array-e181c3b5.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"array-e181c3b5.js","mappings":"AAAY,MAAC,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE;AAC1F;AACA;AACA;AACY,MAAC,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;;;;","names":[],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/common/array.js"],"sourcesContent":["export const insertIntoIndex = (array, element, index) => array.splice(index, 0, element);\n/**\n * Removes an element from an array, returning the deleted element.\n */\nexport const removeElement = (array, index) => array.splice(index, 1)[0];\n//# sourceMappingURL=array.js.map\n"],"version":3}

package/dist/esm/ch-accordion.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d51259e.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-692bb924.js';
 const accordionCss = ":where(button){all:unset}*,::before,::after{box-sizing:border-box}:host{--chevron:url('data:image/svg+xml,<svg width=\"14\" height=\"8\" viewBox=\"0 0 14 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1.645 0.5L7 4.83019L12.355 0.5L14 1.83962L7 7.5L0 1.83962L1.645 0.5Z\" fill=\"%23000\"/></svg>');display:grid;grid-template-rows:min-content min-content;width:100%;height:100%;text-align:start}.header{display:grid;grid-template-columns:1fr min-content;grid-template-rows:1fr;text-align:start;cursor:pointer}.chevron{align-self:center;width:14px;height:8px;-webkit-mask:var(--chevron);background-color:#000;transition:transform 250ms}.chevron--expanded{transform:rotate(180deg)}.expandable{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 250ms}.expanded{visibility:visible;grid-template-rows:1fr}.expandable ::slotted(*){height:100%;overflow:hidden}";

package/dist/esm/ch-action-group-render.entry.js CHANGED Viewed

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

package/dist/esm/ch-action-group_2.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-2d51259e.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-692bb924.js';
 const actionGroupCss = "*,::after,::before{box-sizing:border-box}:host{display:grid;position:relative;inline-size:100%;block-size:100%;grid-template:\"more-actions actions\" 1fr/min-content 1fr;overflow:hidden}.more-actions{grid-area:more-actions}.more-actions::part(expandable-button){width:1.375em;height:1.375em}.more-actions::part(expandable-button)::before{content:\"\";width:100%;height:100%;background-color:currentColor;-webkit-mask:url('data:image/svg+xml,<svg viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M5.26837 10.5625C4.16837 10.5625 3.26837 11.4625 3.26837 12.5625C3.26837 13.6625 4.16837 14.5625 5.26837 14.5625C6.36837 14.5625 7.26837 13.6625 7.26837 12.5625C7.26837 11.4625 6.36837 10.5625 5.26837 10.5625ZM19.2684 10.5625C18.1684 10.5625 17.2684 11.4625 17.2684 12.5625C17.2684 13.6625 18.1684 14.5625 19.2684 14.5625C20.3684 14.5625 21.2684 13.6625 21.2684 12.5625C21.2684 11.4625 20.3684 10.5625 19.2684 10.5625ZM12.2684 10.5625C11.1684 10.5625 10.2684 11.4625 10.2684 12.5625C10.2684 13.6625 11.1684 14.5625 12.2684 14.5625C13.3684 14.5625 14.2684 13.6625 14.2684 12.5625C14.2684 11.4625 13.3684 10.5625 12.2684 10.5625Z\"/></svg>') 50% 50%/1.25em 1.25em no-repeat}.actions{grid-area:actions;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;width:100%;max-width:100%}.actions--responsive{position:absolute;inset:0}.actions--scroll{overflow-x:auto}.actions--multiline{display:flex;flex-wrap:wrap}";

package/dist/esm/ch-alert.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d51259e.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-692bb924.js';
 const alertCss = ":host{display:grid;width:100%;height:100%;grid-template:\"img content button\" 1fr \"progress-bar progress-bar progress-bar\" min-content/min-content 1fr min-content}:host(.pause-on-hover:hover) ::part(indicator){animation-play-state:paused}::slotted([slot=button]){pointer-events:none}.image{max-width:40px;height:40px;grid-area:img;align-self:center}.content{grid-area:content}.close-button{grid-area:button}.close-button .close-button-img{-webkit-mask:url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 18L6.75 16.875L11.25 12.375L6.75 7.875L7.875 6.75L12.375 11.25L16.875 6.75L18 7.875L13.5 12.375L18 16.875L16.875 18L12.375 13.5L7.875 18Z'/%3E%3C/svg%3E\") 50% 50%/24px 24px no-repeat;width:24px;height:24px;background-color:currentColor}.indicator-container{grid-area:progress-bar}:where(button){all:unset;display:flex;align-items:center;cursor:pointer}";