@genexus/genexus-ide-ui 0.0.92 → 0.0.94

package/dist/genexus-ide-ui/p-635dacc5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["listBoxCss","GxgListBox","constructor","hostRef","this","userUsedKeyboard","firstChange","formMessageLogic","initialSetup","allItems","getAllItems","length","forEach","item","i","index","selectItem","allowsEmpty","selectedItemsLength","unselectItems","singleSelection","setCheckbox","checkboxes","disableListbox","disabled","doSetup","enabledItems","getEnabledItems","selectedItems","getSelectedItemsFunc","firstDeselectedItem","find","selected","checkbox","disableSuggestions","emitCheckboxChange","updateSelectedItems","setInitialActive","firstSelectedItem","getFirstSelectedItem","setActiveItem","handleKeyDown","e","ctrlKey","cmdKey","metaKey","shiftKey","activeItemIndex","getIndexByElement","activeItem","code","preventDefault","HandleArrow","changedLength","setCheckboxState","getHighlightedItems","hideKeyboardSuggestions","unselectHighlightedItems","clearSelectedItems","selectItems","clearHighlightedItems","selectHighlightedItems","highlightAll","direction","newElement","getNextItem","getPrevItem","getFirstEnabledItem","unhighlightAll","highlightItem","repositionScroll","main","setSiblingSelected","async","siblingIsSelected","el","element","selectedItemsArray","push","active","checked","value","textContent","allItemsArray","querySelectorAll","theTitle","undefined","emitEmptySelection","keyboardSuggestions","checkCheckbox","uncheckCheckbox","noBorder","borderTop","borderEnd","borderBottom","borderStart","checkedItems","headerHeight","required","validationStatus","validationMessage","informationMessage","getSelectedItems","selectedItemsInformation","selectedItem","componentDidRender","header","clientHeight","componentWillLoad","componentDidLoad","itemLoadedHandler","itemClickedHandler","event","containerEl","focus","clickedItem","fromIndex","toIndex","selectMultipleItems","unhighlightItem","toggleItem","selectedItemsHandler","newArray","selectionChanged","emit","items","checkedItemsHandler","checkedChanged","disabledHandler","disabledItems","getDisabledItems","hideKeyboardSuggestionsHandler","newValue","oldValue","localStorage","setItem","itemSelectedHandler","checkboxStateChangedHandler","checkedItemEl","detail","checkedItem","checkedItemValue","checkedItemsArray","enabledItem","localStorageExists","getItem","ignoreHighlighted","actualSelectedItems","doNotActivate","highlighted","ignoreActiveItem","toggleHighlightedItems","highlightedItems","highlightedItemsArray","getHighlightedItemsLength","highlightedItemsLength","getItemByIndex","itemByIndex","allItemsLength","nextItemIndex","prevItemIndex","Array","isArray","unselected","getActiveItem","clearActiveItem","enabledItemsArray","disabledItemsArray","check","changed","comparator","fromIndexCopy","renderKeyboardSuggestions","Object","keys","itemsArray","key","listItem","h","class","type","icon","onClick","render","Host","large","state","formClasses","commonClassesNames","onKeyDown","container","tabindex","ref","style","height","listBoxItemCss","GxgListboxItem","parts","handleCheckboxClick","stopPropagation","target","attachExportParts","part","getAttribute","exportPartsResult","exportParts","exportparts","mouseOver","watchPropHandler","itemSelected","checkboxChangedHandler","checkboxStateChanged","iconColor","itemLoaded","itemClickedFunc","itemClicked","onMouseOver","onMouseOut","bind","color","size"],"sources":["node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css?tag=gxg-list-box&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.js","node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css?tag=gxg-list-box-item&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.js"],"sourcesContent":[":host(.gxg--disabled) .form-element,\n:host(.gxg--disabled.form-element) {\n  pointer-events: none;\n  background-color: var(--gxg-background-color--disabled) !important;\n  color: var(--gxg-color--disabled) !important;\n  border-color: var(--gxg-border-color--disabled) !important;\n  cursor: default !important;\n}\n\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/*Warning*/\n:host(.gxg-validation--warning) .form-element {\n  border-color: var(--color-warning-dark);\n}\n:host(.gxg-validation--warning) .form-element:focus {\n  outline-color: var(--color-warning-dark);\n  border-color: var(--color-warning-dark);\n}\n:host(.gxg-validation--warning) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--color-warning-dark);\n}\n\n/*Error*/\n:host(.gxg-validation--error) .form-element {\n  border-color: var(--color-error-dark);\n}\n:host(.gxg-validation--error) .form-element:focus {\n  outline-color: var(--color-error-dark);\n  border-color: var(--color-error-dark);\n}\n:host(.gxg-validation--error) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--color-error-dark);\n}\n\n/*Success*/\n:host(.gxg-validation--success) .form-element {\n  border-color: var(--color-success-dark);\n}\n:host(.gxg-validation--success) .form-element:focus {\n  outline-color: var(--color-success-dark);\n  border-color: var(--color-success-dark);\n}\n:host(.gxg-validation--success) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--color-success-dark);\n}\n\n/*Tooltip*/\n.tooltip-outer-wrapper {\n  display: grid;\n  grid-template-columns: 0fr;\n  transition: grid-template-columns var(--timing-02);\n}\n\n:host(.tooltip--visible) .tooltip-outer-wrapper {\n  grid-template-columns: 1fr;\n}\n\n.tooltip-inner-wrapper {\n  overflow: hidden;\n  transition: 150ms width;\n  width: 0;\n}\n.tooltip-inner-wrapper gxg-icon {\n  display: flex;\n  position: relative !important;\n  top: 0 !important;\n  transform: none !important;\n  margin-inline-start: var(--spacing-comp-01);\n}\n.tooltip-inner-wrapper--visible {\n  width: 24px;\n}\n.tooltip-inner-wrapper--hidden {\n  display: none;\n}\n\n:host {\n  display: block;\n  font-size: var(--font-size-sm);\n  font-family: var(--font-family-primary);\n  background-color: var(--color-background);\n  color: var(--color-on-background);\n  height: 100%;\n}\n:host .container {\n  height: 100%;\n  border: var(--border-radius-xs) var(--border-style-regular) var(--gxg-border-color--regular);\n  border-radius: var(--border-radius-sm);\n  overflow: hidden;\n}\n:host .header {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n  background-color: var(--gray-01);\n  border-bottom: var(--gxg-border-common-styles);\n  padding: var(--spacing-comp-01) var(--spacing-comp-02);\n  text-transform: capitalize;\n  font-size: inherit;\n  font-weight: var(--font-weight-semibold);\n  color: var(--color-on-background);\n}\n:host .icon {\n  margin-inline-end: var(--spacing-comp-01);\n}\n:host .checkbox {\n  margin-inline-end: var(--spacing-comp-01);\n}\n:host.selected {\n  background-color: var(--color-secondary-active);\n  color: var(--color-always-white);\n}\n\n.main {\n  overflow-y: auto;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  cursor: initial;\n}\n.main::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width, 6px);\n  height: var(--gxg-scrollbar-width, 6px);\n}\n.main::-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.main::-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.main::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n.main--no-border {\n  border: none;\n}\n\n.container:focus-within {\n  outline: none;\n}\n\n.container:not(:focus-within) {\n  --gxg-border-color--focused: transparent;\n}\n\n:host([no-border]) .container {\n  border: none;\n}\n\n/*SUGGESTION LIST*/\n.suggestions__container {\n  background-color: var(--gray-01);\n  color: var(--gray-06);\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  padding: var(--spacing-comp-01) var(--spacing-comp-02);\n  display: flex;\n  gap: var(--spacing-comp-01);\n  align-items: center;\n}\n.suggestions__list {\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  flex-grow: 1;\n}\n/*BORDERS*/\n:host([no-border]) .container {\n  border: none;\n}\n\n:host([border-top]) .container {\n  border-top: 1px solid var(--gxg-border-color--regular);\n}\n\n:host([border-end]) .container {\n  border-inline-end: 1px solid var(--gxg-border-color--regular);\n}\n\n:host([border-bottom]) .container {\n  border-bottom: 1px solid var(--gxg-border-color--regular);\n}\n\n:host([border-start]) .container {\n  border-inline-start: 1px solid var(--gxg-border-color--regular);\n}\n\n/*Disabled*/\n:host(.gxg--disabled) .header {\n  color: var(--gxg-color--disabled);\n  border-bottom-color: var(--gxg-border-color--disabled);\n}\n\n/*********************************************\nVALIDATION\n**********************************************/\n.messages-wrapper {\n  margin-top: var(--spacing-comp-02);\n  display: flex;\n  gap: var(--spacing-comp-01);\n  flex-direction: column;\n}\n\n:host(.large) {\n  font-size: var(--font-size-lg);\n}","import { Host, h, } from \"@stencil/core\";\nimport { formMessageLogic } from \"../../common/form\";\nimport { formClasses } from \"../../common/classesNames\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nimport { repositionScroll } from \"../../common/reposition-scroll\";\nimport state from \"../store\";\nexport class GxgListBox {\n    constructor() {\n        this.theTitle = undefined;\n        this.checkboxes = false;\n        this.singleSelection = false;\n        this.allowsEmpty = false;\n        this.emitEmptySelection = false;\n        this.keyboardSuggestions = {\n            checkCheckbox: \"to check a checkbox press (shift + space)\",\n            uncheckCheckbox: \"to uncheck a checkbox press (shift + ctrl + space)\",\n        };\n        this.disableSuggestions = false;\n        this.noBorder = false;\n        this.borderTop = false;\n        this.borderEnd = false;\n        this.borderBottom = false;\n        this.borderStart = false;\n        this.selectedItems = [];\n        this.checkedItems = [];\n        this.hideKeyboardSuggestions = true;\n        this.headerHeight = 0;\n        this.disabled = false;\n        this.required = false;\n        this.validationStatus = \"indeterminate\";\n        this.validationMessage = undefined;\n        this.informationMessage = undefined;\n    }\n    /**\n     * This event emits the items that are currently selected. event.detail contains the selected items as objects. Each object contains the item idex and the item value. If value was not provided, the value will be the item innerText.\n     */\n    selectionChanged;\n    checkedChanged;\n    el;\n    header;\n    main;\n    containerEl;\n    /**\n     * This is needed to evaluate if keyboard suggestions should be displayed.\n     */\n    userUsedKeyboard = false;\n    firstChange = true;\n    activeItem;\n    /*VALIDATION*/\n    formMessageLogic = formMessageLogic;\n    /*********************************\n    METHODS\n    *********************************/\n    async getSelectedItems() {\n        const selectedItems = this.getSelectedItemsFunc();\n        const selectedItemsInformation = [];\n        selectedItems.forEach((selectedItem) => {\n            selectedItemsInformation.push({\n                active: selectedItem.active,\n                selected: selectedItem.selected,\n                checked: selectedItem.checked,\n                index: selectedItem.index,\n                value: selectedItem.value,\n            });\n        });\n        return selectedItemsInformation;\n    }\n    componentDidRender() {\n        if (this.theTitle) {\n            this.headerHeight = this.header.clientHeight;\n        }\n    }\n    componentWillLoad() {\n        this.initialSetup();\n    }\n    componentDidLoad() {\n        this.setInitialActive();\n    }\n    initialSetup = () => {\n        /*set index to every item*/\n        const allItems = this.getAllItems();\n        if (allItems?.length)\n            allItems.forEach((item, i) => {\n                item.index = i;\n            });\n        /*conditions to do setup*/\n        const selectItem = !this.allowsEmpty && this.selectedItemsLength() === 0;\n        const unselectItems = this.singleSelection && this.selectedItemsLength() > 1;\n        const setCheckbox = this.checkboxes;\n        const disableListbox = this.disabled;\n        const doSetup = selectItem || setCheckbox || unselectItems || disableListbox;\n        /*/conditions to do setup*/\n        if (doSetup) {\n            const enabledItems = this.getEnabledItems();\n            const selectedItems = this.getSelectedItemsFunc();\n            if (selectItem) {\n                const firstDeselectedItem = enabledItems.find((item) => {\n                    return !item.selected;\n                });\n                firstDeselectedItem && (firstDeselectedItem.selected = true);\n            }\n            else if (unselectItems) {\n                if (selectedItems?.length) {\n                    selectedItems.forEach((item, i) => {\n                        /*keep only the first one selected*/\n                        i !== 0 && (item.selected = false);\n                    });\n                }\n            }\n            if (setCheckbox) {\n                enabledItems.forEach((item) => {\n                    item.checkbox = true;\n                    !this.disableSuggestions && (item.emitCheckboxChange = true);\n                });\n            }\n            if (disableListbox) {\n                enabledItems.forEach((item) => {\n                    item.disabled = true;\n                });\n            }\n        }\n        /*Do updateSelectedItems to initialize this.getSelectedItems array*/\n        this.selectedItemsLength() > 0 && this.updateSelectedItems();\n    };\n    setInitialActive = () => {\n        const firstSelectedItem = this.getFirstSelectedItem();\n        if (firstSelectedItem) {\n            this.setActiveItem(firstSelectedItem);\n        }\n    };\n    itemLoadedHandler() {\n        //this.initialSetup();\n    }\n    itemClickedHandler(event) {\n        this.containerEl.focus();\n        const { clickedItem, ctrlKey, cmdKey, shiftKey, index } = event[\"detail\"];\n        //this.clearActiveItem();\n        if (this.singleSelection) {\n            if (this.activeItem === clickedItem && !this.allowsEmpty) {\n                /*same item. do nothing.*/\n                return;\n            }\n            if (this.allowsEmpty && (ctrlKey || cmdKey)) {\n                this.unselectItems(clickedItem);\n            }\n            else {\n                this.clearHighlightedItems();\n                this.clearSelectedItems();\n                this.selectItems(clickedItem);\n                this.highlightItem(clickedItem);\n            }\n        }\n        else {\n            /*multiple-selection allowed*/\n            if (shiftKey || !ctrlKey) {\n                this.clearHighlightedItems();\n                this.clearSelectedItems();\n            }\n            if (shiftKey) {\n                if (this.activeItem === clickedItem)\n                    return;\n                let fromIndex;\n                const toIndex = index;\n                if (this.activeItem) {\n                    const activeItemIndex = this.getIndexByElement(this.activeItem);\n                    if (index === activeItemIndex) {\n                        return;\n                    }\n                    fromIndex = activeItemIndex;\n                }\n                else {\n                    fromIndex = 0;\n                }\n                this.selectMultipleItems(fromIndex, toIndex);\n            }\n            else if (ctrlKey) {\n                if (!this.allowsEmpty &&\n                    this.selectedItemsLength() === 1 &&\n                    clickedItem.selected) {\n                    return;\n                }\n                this.unhighlightItem(this.activeItem);\n                this.toggleItem(clickedItem);\n                this.highlightItem(clickedItem);\n            }\n            else {\n                this.selectItems(clickedItem);\n                this.highlightItem(clickedItem);\n            }\n        }\n        this.setActiveItem(clickedItem);\n    }\n    selectedItemsHandler(newArray) {\n        if (!this.firstChange && (newArray.length > 0 || this.emitEmptySelection)) {\n            this.selectionChanged.emit({ items: newArray });\n        }\n        this.firstChange = false;\n    }\n    checkedItemsHandler(newArray) {\n        this.checkedChanged.emit(newArray);\n    }\n    disabledHandler(disabled) {\n        if (disabled) {\n            const enabledItems = this.getEnabledItems();\n            enabledItems?.forEach((item) => {\n                item.disabled = true;\n            });\n        }\n        else {\n            const disabledItems = this.getDisabledItems();\n            disabledItems?.forEach((item) => {\n                item.disabled = false;\n            });\n        }\n    }\n    hideKeyboardSuggestionsHandler(newValue, oldValue) {\n        newValue === true &&\n            oldValue === false &&\n            localStorage.setItem(\"gxg-list-box-hide-keyboard-suggestions\", \"true\");\n    }\n    itemSelectedHandler() {\n        this.setSiblingSelected();\n    }\n    checkboxStateChangedHandler(e) {\n        const checkedItemEl = e.detail.checkedItem;\n        const checkedItemValue = e.detail.checked;\n        /*Update checkboxes array*/\n        const checkedItemsArray = [];\n        const enabledItems = this.getEnabledItems();\n        if (enabledItems?.length) {\n            enabledItems.forEach((enabledItem) => {\n                let item;\n                if (enabledItem === checkedItemEl) {\n                    item = checkedItemEl;\n                }\n                else {\n                    item = enabledItem;\n                }\n                const checked = enabledItem === checkedItemEl ? checkedItemValue : item.checked;\n                if (item && checked) {\n                    checkedItemsArray.push({\n                        active: item.active,\n                        selected: item.selected,\n                        checked: checked,\n                        index: item.index,\n                        value: item.value || item.textContent,\n                    });\n                }\n            });\n            this.checkedItems = checkedItemsArray;\n        }\n        /*Local Storage*/\n        const localStorageExists = localStorage.getItem(\"gxg-list-box-hide-keyboard-suggestions\");\n        if (!localStorageExists &&\n            !this.disableSuggestions &&\n            this.userUsedKeyboard) {\n            this.hideKeyboardSuggestions = false;\n        }\n    }\n    handleKeyDown = (e) => {\n        this.userUsedKeyboard = true;\n        const ctrlKey = e.ctrlKey;\n        const cmdKey = e.metaKey;\n        const shiftKey = e.shiftKey;\n        const activeItemIndex = this.getIndexByElement(this.activeItem);\n        if (e.code === \"ArrowDown\" ||\n            e.code === \"ArrowUp\" ||\n            e.code === \"Space\" ||\n            e.code === \"Backspace\" ||\n            e.code === \"Delete\" ||\n            e.code === \"KeyA\") {\n            e.preventDefault();\n        }\n        if (e.code === \"ArrowDown\" || e.code === \"ArrowUp\") {\n            this.HandleArrow(e.code, shiftKey, activeItemIndex);\n        }\n        else if (e.code === \"Space\") {\n            if (shiftKey && ctrlKey) {\n                /*uncheck checkbox*/\n                const changedLength = this.setCheckboxState(this.getHighlightedItems(), false);\n                changedLength > 0 && (this.hideKeyboardSuggestions = true);\n            }\n            else if (shiftKey && !ctrlKey) {\n                const changedLength = this.setCheckboxState(this.getHighlightedItems(), true);\n                changedLength > 0 && (this.hideKeyboardSuggestions = true);\n            }\n            else if (!shiftKey &&\n                (ctrlKey || cmdKey) &&\n                this.selectedItemsLength() >= 1) {\n                this.unselectHighlightedItems();\n            }\n            else if (!ctrlKey && !cmdKey) {\n                if (this.singleSelection) {\n                    if (this.activeItem === this.getSelectedItemsFunc()[0]) {\n                        return;\n                    }\n                    this.clearSelectedItems();\n                    this.selectItems(this.activeItem);\n                }\n                else {\n                    /*multi-select allowed*/\n                    if (ctrlKey || cmdKey) {\n                        this.clearHighlightedItems();\n                    }\n                    else {\n                        this.selectHighlightedItems();\n                    }\n                }\n            }\n        }\n        else if (e.code === \"KeyA\" &&\n            (ctrlKey || cmdKey) &&\n            !this.singleSelection) {\n            /*highlight all*/\n            this.highlightAll();\n        }\n        else if (e.code === \"Delete\" || e.code === \"Backspace\") {\n            /*Deselect highlighted items*/\n            this.unselectHighlightedItems();\n        }\n    };\n    HandleArrow = (direction, shiftKey, activeItemIndex) => {\n        /*Get the next element*/\n        let newElement;\n        if (activeItemIndex >= 0) {\n            direction === \"ArrowDown\"\n                ? (newElement = this.getNextItem(activeItemIndex))\n                : (newElement = this.getPrevItem(activeItemIndex));\n        }\n        else {\n            direction === \"ArrowDown\"\n                ? (newElement = this.getFirstEnabledItem())\n                : null;\n        }\n        /*Handle*/\n        if (newElement) {\n            this.singleSelection &&\n                !this.allowsEmpty &&\n                newElement !== this.getSelectedItemsFunc()[0] &&\n                this.clearSelectedItems();\n            if (shiftKey && !this.singleSelection) {\n                !this.activeItem.selected && this.selectItems(this.activeItem);\n                !newElement.selected && this.selectItems(newElement);\n            }\n            this.unhighlightAll();\n            this.setActiveItem(newElement);\n            this.highlightItem(newElement);\n            if (shiftKey && !this.singleSelection) {\n                //this.selectItems(this.activeItem);\n            }\n            if ((this.singleSelection || (!this.singleSelection && shiftKey)) &&\n                !newElement.selected &&\n                !this.allowsEmpty) {\n                this.selectItems(newElement);\n            }\n            else if (this.singleSelection) {\n            }\n            repositionScroll(this.main, newElement, direction);\n        }\n    };\n    /* SELECTED */\n    setSiblingSelected = async () => {\n        const allItems = this.getAllItems();\n        allItems.forEach((item, i) => {\n            if (i === allItems.length - 1) {\n                item.siblingIsSelected = false;\n            }\n            else {\n                if (allItems[i + 1].selected) {\n                    item.siblingIsSelected = true;\n                }\n                else {\n                    item.siblingIsSelected = false;\n                }\n            }\n        });\n    };\n    clearSelectedItems(ignoreHighlighted = false) {\n        const actualSelectedItems = ignoreHighlighted\n            ? this.el.querySelectorAll(\"gxg-list-box-item[selected]:not([highlighted])\")\n            : this.el.querySelectorAll(\"gxg-list-box-item[selected]\");\n        if (actualSelectedItems.length > 0) {\n            actualSelectedItems.forEach((item) => {\n                this.unselectItems(item);\n            });\n        }\n    }\n    selectedItemsLength = () => {\n        return this.getSelectedItemsFunc().length;\n    };\n    getSelectedItemsFunc() {\n        const selectedItemsArray = [];\n        const enabledItems = this.getAllItems();\n        if (enabledItems?.length) {\n            enabledItems.forEach((item) => {\n                item.selected && selectedItemsArray.push(item);\n            });\n        }\n        return selectedItemsArray;\n    }\n    /* HIGHLIGHTED */\n    highlightItem(item, doNotActivate = false) {\n        if (item) {\n            this.singleSelection && this.clearHighlightedItems();\n            item.highlighted = true;\n            !doNotActivate && (this.activeItem = item);\n        }\n    }\n    unhighlightItem(item) {\n        if (item) {\n            item.highlighted = false;\n        }\n    }\n    unhighlightAll(ignoreActiveItem = false) {\n        const enabledItems = this.getEnabledItems();\n        if (enabledItems?.length) {\n            enabledItems.forEach((item) => {\n                ignoreActiveItem && item === this.activeItem\n                    ? null\n                    : (item.highlighted = false);\n            });\n            return enabledItems.length;\n        }\n        return 0;\n    }\n    toggleHighlightedItems() {\n        const highlightedItems = this.getHighlightedItems();\n        highlightedItems.forEach((item) => {\n            this.toggleItem(item);\n        });\n    }\n    selectHighlightedItems() {\n        const selectedItems = this.selectItems(this.getHighlightedItems());\n        return selectedItems;\n    }\n    unselectHighlightedItems() {\n        const length = this.unselectItems(this.getHighlightedItems());\n        return length;\n    }\n    clearHighlightedItems() {\n        const enabledItems = this.getEnabledItems();\n        if (enabledItems?.length) {\n            enabledItems.forEach((item) => {\n                item.highlighted && this.unhighlightItem(item);\n            });\n        }\n    }\n    getHighlightedItems() {\n        const highlightedItemsArray = [];\n        const enabledItems = this.getEnabledItems();\n        if (enabledItems?.length) {\n            enabledItems.forEach((item) => {\n                item.highlighted && highlightedItemsArray.push(item);\n            });\n        }\n        return highlightedItemsArray;\n    }\n    getHighlightedItemsLength() {\n        return this.getHighlightedItems().length;\n    }\n    highlightAll() {\n        let highlightedItemsLength = 0;\n        const enabledItems = this.getEnabledItems();\n        if (enabledItems?.length) {\n            enabledItems.forEach((item) => {\n                this.highlightItem(item, true);\n                highlightedItemsLength++;\n            });\n        }\n        return highlightedItemsLength;\n    }\n    /* INDEX */\n    getItemByIndex(index) {\n        const enabledItems = this.getEnabledItems();\n        let itemByIndex;\n        if (enabledItems?.length) {\n            itemByIndex = enabledItems.find((item) => item.index === index);\n        }\n        return itemByIndex;\n    }\n    getIndexByElement = (el) => {\n        let index;\n        const enabledItems = this.getEnabledItems();\n        if (enabledItems?.length) {\n            const element = enabledItems.find((item) => item === el);\n            element && (index = element.index);\n        }\n        return index;\n    };\n    /* PREV/NEXT */\n    getNextItem(index) {\n        const allItems = this.getAllItems();\n        if (index === -1) {\n            return allItems[0];\n        }\n        const allItemsLength = allItems.length;\n        let nextItemIndex = index + 1;\n        while (nextItemIndex < allItemsLength && allItems[nextItemIndex].disabled) {\n            nextItemIndex++;\n        }\n        if (nextItemIndex < allItemsLength && !allItems[nextItemIndex].disabled) {\n            return allItems[nextItemIndex];\n        }\n        return null;\n    }\n    getPrevItem(index) {\n        const allItems = this.getAllItems();\n        let prevItemIndex = index - 1;\n        while (prevItemIndex > -1 && allItems[prevItemIndex].disabled) {\n            prevItemIndex--;\n        }\n        if (prevItemIndex > -1 && !allItems[prevItemIndex].disabled) {\n            return allItems[prevItemIndex];\n        }\n        return null;\n    }\n    /* SELECTED */\n    selectItems(items) {\n        let selected = 0;\n        if (items && Array.isArray(items) && items.length > 0) {\n            items.forEach((item) => {\n                if (!item.selected && !item.disabled) {\n                    (item.selected = true) && selected++;\n                }\n                this.activeItem !== item && this.unhighlightItem(item);\n            });\n        }\n        else if (items && !Array.isArray(items)) {\n            if (!items.selected && !items.disabled) {\n                (items.selected = true) && selected++;\n            }\n            this.activeItem !== items && this.unhighlightItem(items);\n        }\n        this.updateSelectedItems();\n        return selected;\n    }\n    unselectItems(items) {\n        let unselected = 0;\n        let selectedItemsLength = this.selectedItemsLength();\n        if (items &&\n            Array.isArray(items) &&\n            items.length > 0 &&\n            selectedItemsLength > 0) {\n            items.forEach((item) => {\n                if (item.selected && !item.disabled) {\n                    if (this.allowsEmpty) {\n                        item.selected = false;\n                        unselected++;\n                    }\n                    else {\n                        /*al least one item has to stay selected*/\n                        if (selectedItemsLength > 1) {\n                            item.selected = false;\n                            unselected++;\n                            selectedItemsLength--;\n                        }\n                    }\n                }\n                this.activeItem !== item && this.unhighlightItem(item);\n            });\n        }\n        else if (items && !Array.isArray(items)) {\n            if (items.selected && !items.disabled) {\n                items.selected = false;\n                unselected++;\n            }\n            this.activeItem !== items && this.unhighlightItem(items);\n        }\n        unselected > 0 && this.updateSelectedItems();\n        return unselected;\n    }\n    toggleItem(item) {\n        if (item?.selected) {\n            this.unselectItems(item);\n        }\n        else {\n            this.selectItems(item);\n        }\n    }\n    updateSelectedItems = () => {\n        const selectedItemsArray = [];\n        const selectedItems = this.getSelectedItemsFunc();\n        selectedItems.forEach((item) => {\n            selectedItemsArray.push({\n                active: item.active,\n                selected: item.selected,\n                checked: item.checked,\n                index: item.index,\n                value: item.value || item.textContent,\n            });\n        });\n        this.selectedItems = [...selectedItemsArray];\n    };\n    /* ACTIVE */\n    getActiveItem() {\n        const enabledItems = this.getEnabledItems();\n        return enabledItems.find((item) => item.active);\n    }\n    setActiveItem(item) {\n        if (item) {\n            this.clearActiveItem(); /*Only one active item allowed at a time*/\n            item.active = true;\n            this.activeItem = item;\n            return true;\n        }\n        return false;\n    }\n    clearActiveItem() {\n        const activeItem = this.getActiveItem();\n        if (activeItem) {\n            activeItem.active = false;\n            return true;\n        }\n        return false;\n    }\n    /* ENABLED */\n    getEnabledItems() {\n        const enabledItemsArray = [];\n        const enabledItems = this.el.querySelectorAll(\"gxg-list-box-item\");\n        enabledItems.forEach((item) => {\n            !item.disabled && enabledItemsArray.push(item);\n        });\n        return enabledItemsArray;\n    }\n    /* DISABLED*/\n    getDisabledItems() {\n        const disabledItemsArray = [];\n        const allItems = this.el.querySelectorAll(\"gxg-list-box-item\");\n        allItems.forEach((item) => {\n            item.disabled && disabledItemsArray.push(item);\n        });\n        return disabledItemsArray;\n    }\n    /* CHECKBOX */\n    setCheckboxState(items, check = true) {\n        if (items && Array.isArray(items) && items.length !== 0) {\n            let changed = 0;\n            items.forEach((item) => {\n                if (!item.checked && check) {\n                    item.checked = true;\n                    changed++;\n                }\n                else if (item.checked && !check) {\n                    item.checked = false;\n                    changed++;\n                }\n            });\n            return changed;\n        }\n        else if (!(items && Array.isArray(items))) {\n            const item = items;\n            if (!item.checked && check) {\n                item.checked = true;\n                return 1;\n            }\n            else if (item.checked && !check) {\n                item.checked = false;\n                return 1;\n            }\n        }\n        return 0;\n    }\n    /* OTHER */\n    getAllItems = () => {\n        const allItemsArray = [];\n        const allItems = this.el.querySelectorAll(\"gxg-list-box-item\");\n        if (allItems?.length) {\n            allItems.forEach((item) => {\n                allItemsArray.push(item);\n            });\n        }\n        return allItemsArray;\n    };\n    getFirstEnabledItem() {\n        return this.getEnabledItems()[0] || null;\n    }\n    getFirstSelectedItem() {\n        const enabledItems = this.getEnabledItems();\n        if (enabledItems?.length && enabledItems[0].selected) {\n            return enabledItems[0];\n        }\n        return undefined;\n    }\n    selectMultipleItems(fromIndex, toIndex) {\n        let comparator = toIndex;\n        const selectedItems = [];\n        if (fromIndex === toIndex) {\n            return;\n        }\n        else if (fromIndex > toIndex) {\n            const fromIndexCopy = fromIndex;\n            fromIndex = toIndex;\n            toIndex = fromIndexCopy;\n            comparator = fromIndex;\n        }\n        for (let i = fromIndex; i <= toIndex; i++) {\n            const item = this.getItemByIndex(i);\n            item && selectedItems.push(item);\n            if (i === comparator) {\n                this.highlightItem(item);\n            }\n        }\n        if (selectedItems?.length > 0) {\n            this.selectItems(selectedItems);\n        }\n    }\n    renderKeyboardSuggestions() {\n        if (Object.keys(this.keyboardSuggestions).length) {\n            const itemsArray = [];\n            for (const key in this.keyboardSuggestions) {\n                const listItem = (h(\"li\", { class: \"suggestions-__list-item\" }, this.keyboardSuggestions[key]));\n                itemsArray.push(listItem);\n            }\n            return (h(\"div\", { class: \"suggestions suggestions__container\" }, h(\"ul\", { class: \"suggestions__list\" }, itemsArray), h(\"gxg-button\", { class: \"suggestions__button\", type: \"secondary-icon-only\", icon: \"gemini-tools/close\", onClick: () => (this.hideKeyboardSuggestions = true) })));\n        }\n    }\n    /* RENDER */\n    render() {\n        return (h(Host, { class: {\n                large: state.large,\n                \"has-title\": !!this.theTitle,\n                [formClasses[\"VALIDATION_INDETERMINATE_CLASS\"]]: this.validationStatus === \"indeterminate\",\n                [formClasses[\"VALIDATION_WARNING_CLASS\"]]: this.validationStatus === \"warning\",\n                [formClasses[\"VALIDATION_ERROR_CLASS\"]]: this.validationStatus === \"error\",\n                [formClasses[\"VALIDATION_SUCCESS_CLASS\"]]: this.validationStatus === \"success\",\n                [commonClassesNames[\"DISABLED_CLASS\"]]: this.disabled,\n            }, onKeyDown: this.handleKeyDown }, h(\"div\", { class: { container: true, \"form-element\": true }, tabindex: this.disabled ? \"-1\" : \"0\", ref: (el) => (this.containerEl = el) }, this.theTitle ? (h(\"header\", { class: { header: true }, ref: (el) => (this.header = el) }, this.theTitle)) : null, !this.disableSuggestions && !this.hideKeyboardSuggestions\n            ? this.renderKeyboardSuggestions()\n            : null, h(\"main\", { class: {\n                main: true,\n            }, style: {\n                height: `calc(100% - ${this.headerHeight}px)`,\n            }, ref: (el) => (this.main = el) }, h(\"slot\", null))), formMessageLogic(this)));\n    }\n    static get is() { return \"gxg-list-box\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"list-box.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"list-box.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"theTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The listbox title that appears on the header\"\n                },\n                \"attribute\": \"the-title\",\n                \"reflect\": false\n            },\n            \"checkboxes\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute will display a checkbox for every item\"\n                },\n                \"attribute\": \"checkboxes\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"singleSelection\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute will deactivate multi-selection\"\n                },\n                \"attribute\": \"single-selection\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"allowsEmpty\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute allows the list-box to not have any list-box-item selected\"\n                },\n                \"attribute\": \"allows-empty\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"emitEmptySelection\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute prevents 'selectionChanged' event from being emitted if the selection is empty.\"\n                },\n                \"attribute\": \"emit-empty-selection\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"keyboardSuggestions\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"KeyboardSuggestions\",\n                    \"resolved\": \"{ checkCheckbox: string; uncheckCheckbox: string; }\",\n                    \"references\": {\n                        \"KeyboardSuggestions\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/list-box/list-box.tsx\",\n                            \"id\": \"src/components/list-box/list-box.tsx::KeyboardSuggestions\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An object with suggestions about the possible keyboard combinations\"\n                },\n                \"defaultValue\": \"{\\n    checkCheckbox: \\\"to check a checkbox press (shift + space)\\\",\\n    uncheckCheckbox: \\\"to uncheck a checkbox press (shift + ctrl + space)\\\",\\n  }\"\n            },\n            \"disableSuggestions\": {\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\": \"Disable suggestions about keyboard combinations\"\n                },\n                \"attribute\": \"disable-suggestions\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"noBorder\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute disables the border all around\"\n                },\n                \"attribute\": \"no-border\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"borderTop\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute adds a border to the top\"\n                },\n                \"attribute\": \"border-top\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"borderEnd\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute adds a border to the end\"\n                },\n                \"attribute\": \"border-end\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"borderBottom\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute adds a border to the bottom\"\n                },\n                \"attribute\": \"border-bottom\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"borderStart\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute adds a border to the start\"\n                },\n                \"attribute\": \"border-start\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute makes the component disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"required\": {\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\": \"Make the radio-buttons required\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"ValidationStatus\",\n                    \"resolved\": \"\\\"error\\\" | \\\"indeterminate\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"ValidationStatus\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../common/types\",\n                            \"id\": \"src/common/types.ts::ValidationStatus\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status\"\n                },\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"indeterminate\\\"\"\n            },\n            \"validationMessage\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The required message if this input is required and no value is provided (optional). If this is not provided, the default browser required message will show up\"\n                },\n                \"attribute\": \"validation-message\",\n                \"reflect\": false\n            },\n            \"informationMessage\": {\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\": \"An informative message to help the user filling the information\"\n                },\n                \"attribute\": \"information-message\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"selectedItems\": {},\n            \"checkedItems\": {},\n            \"hideKeyboardSuggestions\": {},\n            \"headerHeight\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"selectionChanged\",\n                \"name\": \"selectionChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event emits the items that are currently selected. event.detail contains the selected items as objects. Each object contains the item idex and the item value. If value was not provided, the value will be the item innerText.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SelectionChangedEvent\",\n                    \"resolved\": \"{ items: ItemsInformation[]; }\",\n                    \"references\": {\n                        \"SelectionChangedEvent\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/list-box/list-box.tsx\",\n                            \"id\": \"src/components/list-box/list-box.tsx::SelectionChangedEvent\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"checkedChanged\",\n                \"name\": \"checkedChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"getSelectedItems\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<ItemsInformation[]>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"ItemsInformation\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/list-box/list-box.tsx\",\n                            \"id\": \"src/components/list-box/list-box.tsx::ItemsInformation\"\n                        },\n                        \"HTMLGxgListBoxItemElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLGxgListBoxItemElement\"\n                        }\n                    },\n                    \"return\": \"Promise<ItemsInformation[]>\"\n                },\n                \"docs\": {\n                    \"text\": \"*******************************\\nMETHODS\\n*******************************\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"selectedItems\",\n                \"methodName\": \"selectedItemsHandler\"\n            }, {\n                \"propName\": \"checkedItems\",\n                \"methodName\": \"checkedItemsHandler\"\n            }, {\n                \"propName\": \"disabled\",\n                \"methodName\": \"disabledHandler\"\n            }, {\n                \"propName\": \"hideKeyboardSuggestions\",\n                \"methodName\": \"hideKeyboardSuggestionsHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"itemLoaded\",\n                \"method\": \"itemLoadedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"itemClicked\",\n                \"method\": \"itemClickedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"itemSelected\",\n                \"method\": \"itemSelectedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"checkboxStateChanged\",\n                \"method\": \"checkboxStateChangedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=list-box.js.map\n",":host(.gxg--disabled) .form-element,\n:host(.gxg--disabled.form-element) {\n  pointer-events: none;\n  background-color: var(--gxg-background-color--disabled) !important;\n  color: var(--gxg-color--disabled) !important;\n  border-color: var(--gxg-border-color--disabled) !important;\n  cursor: default !important;\n}\n\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:host {\n  display: block;\n  font-family: var(--font-family-primary);\n  font-size: inherit;\n  color: inherit;\n  display: flex;\n  box-sizing: border-box;\n  align-items: center;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  -o-user-select: none;\n  outline: none;\n  border-bottom: 1px solid transparent;\n}\n:host .container {\n  display: flex;\n  align-items: center;\n  padding: var(--spacing-comp-00) var(--spacing-comp-02);\n  width: 100%;\n  height: var(--gxg-list-item-height--spaced);\n  box-sizing: border-box;\n}\n:host .icon {\n  margin-inline-end: var(--spacing-comp-01);\n  flex-shrink: 0;\n}\n:host gxg-form-checkbox {\n  margin-inline-end: var(--spacing-comp-01);\n}\n:host gxg-form-checkbox::part(box) {\n  outline: none;\n}\n\n:host(:not([disabled])) {\n  cursor: pointer !important;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n  border-bottom: transparent;\n}\n\n:host(:hover:not([selected])) {\n  background-color: var(--gxg-background-color--hover);\n}\n\n:host(.has-icon.no-checkbox) .container {\n  padding-inline-start: calc(var(--spacing-comp-01) * 1.5);\n}\n\n.description {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n  /* Adjust as needed */\n}\n\n/*HIGHLIGHTED*/\n/*ACTIVE*/\n:host([active]) {\n  outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n  outline-offset: -2px;\n  background-color: var(--gxg-background-color--hover);\n  color: var(--gxg-color--hover);\n}\n\n/*SELECTED*/\n:host([selected]:not(.gxg--disabled)) {\n  background-color: var(--gxg-background-color--selected);\n  color: var(--gxg-color--selected);\n}\n\n:host([selected][sibling-is-selected]:not(.gxg--disabled)) {\n  border-bottom-color: var(--gxg-border-color--selected);\n}\n\n:host([selected]:hover) {\n  background-color: var(--gxg-background-color--selected-hover);\n}\n\n:host(:not([sibling-is-selected])) {\n  border-bottom-color: transparent;\n}\n\n/*********************************************\nLARGE VERSION (html tag has 'gxg-large' class)\n**********************************************/\n:host(.large) .container {\n  padding: var(--spacing-comp-01) var(--spacing-comp-02);\n}","import { Host, h, } from \"@stencil/core\";\nimport state from \"../store\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgListboxItem {\n    constructor() {\n        this.disabled = undefined;\n        this.icon = undefined;\n        this.selected = false;\n        this.siblingIsSelected = false;\n        this.highlighted = false;\n        this.active = false;\n        this.index = null;\n        this.emitCheckboxChange = true;\n        this.value = undefined;\n        this.checkbox = false;\n        this.checked = false;\n        this.mouseOver = false;\n    }\n    parts = {\n        checkbox: \"checkbox\",\n    };\n    exportparts;\n    el;\n    /**\n     * (This event is for internal use.)\n     */\n    itemClicked;\n    /**\n     * (This event is for internal use.)\n     */\n    itemLoaded;\n    /**\n     * (This event is for internal use.)\n     */\n    itemSelected;\n    /**\n     * (This event is for internal use.)\n     */\n    checkboxStateChanged;\n    watchPropHandler() {\n        this.itemSelected.emit();\n    }\n    checkboxChangedHandler(e) {\n        const checked = e.detail.value;\n        this.emitCheckboxChange &&\n            this.checkboxStateChanged.emit({\n                checkedItem: this.el,\n                checked: checked,\n            });\n    }\n    handleCheckboxClick = (e) => {\n        e.stopPropagation();\n        e.target.checked\n            ? (this.checked = true)\n            : (this.checked = false);\n    };\n    iconColor() {\n        if (this.disabled) {\n            return \"disabled\";\n        }\n        else if (this.selected) {\n            return \"primary-enabled\";\n        }\n        else {\n            return \"auto\";\n        }\n    }\n    componentWillLoad() {\n        this.attachExportParts();\n    }\n    attachExportParts = () => {\n        const part = this.el.getAttribute(\"part\");\n        const exportPartsResult = exportParts(part, this.parts);\n        exportPartsResult.length && (this.exportparts = exportPartsResult);\n    };\n    componentDidLoad() {\n        this.itemLoaded.emit();\n    }\n    itemClickedFunc(e) {\n        this.itemClicked.emit({\n            clickedItem: this.el,\n            ctrlKey: e.ctrlKey,\n            cmdKey: e.metaKey,\n            shiftKey: e.shiftKey,\n            index: this.index,\n        });\n    }\n    onMouseOver() {\n        this.mouseOver = true;\n    }\n    onMouseOut() {\n        this.mouseOver = false;\n    }\n    render() {\n        return (h(Host, { class: {\n                \"has-icon\": this.icon !== undefined,\n                \"no-checkbox\": !this.checkbox,\n                large: state.large,\n                [commonClassesNames[\"DISABLED_CLASS\"]]: this.disabled,\n            }, onClick: this.itemClickedFunc.bind(this),\n            // onMouseOver={this.onMouseOver.bind(this)}\n            // onMouseOut={this.onMouseOut.bind(this)}\n            exportParts: this.exportparts ? this.exportparts : null }, h(\"div\", { class: { container: true, \"form-element\": true } }, this.checkbox && !this.disabled ? (h(\"gxg-form-checkbox\", { tabindex: \"-1\", checked: this.checked, onClick: this.handleCheckboxClick, disabled: this.disabled, part: this.parts.checkbox })) : null, this.icon !== undefined ? (h(\"gxg-icon\", { class: \"icon\", color: this.iconColor(), size: \"regular\", type: this.icon })) : null, h(\"div\", { class: \"description\" }, h(\"slot\", null)))));\n    }\n    static get is() { return \"gxg-list-box-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"list-box-item.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"list-box-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute disabled the list-box-item\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true\n            },\n            \"icon\": {\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\": \"Any icon that belongs to Gemini icon library: https://gx-gemini.netlify.app/?path=/story/icons\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute sets this item as selected\"\n                },\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"siblingIsSelected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property is for internal use\"\n                },\n                \"attribute\": \"sibling-is-selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"highlighted\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute sets this item as highlighted\"\n                },\n                \"attribute\": \"highlighted\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"active\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute sets this item as active (it is as if it was focused)\\nOnly one item at a time should be active.\"\n                },\n                \"attribute\": \"active\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"index\": {\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 is set by the list-box item. It should not be set by the user.\"\n                },\n                \"attribute\": \"index\",\n                \"reflect\": true,\n                \"defaultValue\": \"null\"\n            },\n            \"emitCheckboxChange\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute emits the 'checkboxChanged' event every time a checkbox value is changed.\"\n                },\n                \"attribute\": \"emit-checkbox-change\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The item value. If value is not provided, the value will be the item innerHTML.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"checkbox\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute will add a checkbox to the item.\"\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\": \"The presence of this attribute will make the checkbox checked.\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"mouseOver\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"itemClicked\",\n                \"name\": \"itemClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"(This event is for internal use.)\"\n                },\n                \"complexType\": {\n                    \"original\": \"ItemClicked\",\n                    \"resolved\": \"{ clickedItem: HTMLGxgListBoxItemElement; ctrlKey: boolean; cmdKey: boolean; shiftKey: boolean; index: number; }\",\n                    \"references\": {\n                        \"ItemClicked\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/list-box-item/list-box-item.tsx\",\n                            \"id\": \"src/components/list-box-item/list-box-item.tsx::ItemClicked\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"itemLoaded\",\n                \"name\": \"itemLoaded\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"(This event is for internal use.)\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"itemSelected\",\n                \"name\": \"itemSelected\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"(This event is for internal use.)\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"checkboxStateChanged\",\n                \"name\": \"checkboxStateChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"(This event is for internal use.)\"\n                },\n                \"complexType\": {\n                    \"original\": \"ItemChecked\",\n                    \"resolved\": \"{ checkedItem: HTMLGxgListBoxItemElement; checked: boolean; }\",\n                    \"references\": {\n                        \"ItemChecked\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/list-box-item/list-box-item.tsx\",\n                            \"id\": \"src/components/list-box-item/list-box-item.tsx::ItemChecked\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"selected\",\n                \"methodName\": \"watchPropHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"change\",\n                \"method\": \"checkboxChangedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=list-box-item.js.map\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-6e6bbcea.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["treeViewRenderWrapperCss","DEFAULT_DRAG_DISABLED_VALUE","DEFAULT_DROP_DISABLED_VALUE","DEFAULT_EDITABLE_ITEMS_VALUE","defaultRenderItem","itemModel","treeState","treeHasFilter","lastItem","level","filterType","render","h","id","caption","checkbox","_a","checked","_b","class","disabled","downloading","dragDisabled","_c","dropDisabled","_d","editable","_e","editableItems","expanded","indeterminate","lazyLoad","lazy","leaf","leftImgSrc","metadata","rightImgSrc","selected","showExpandableButton","showLines","toggleCheckboxes","_f","items","map","subModel","index","lastItemId","length","ChTreeViewRenderWrapper","constructor","hostRef","this","checkDroppableZoneCallback","undefined","cssClass","dropItemsCallback","filter","filterList","filterOptions","lazyLoadTreeItemsCallback","modifyItemCaptionCallback","multiSelection","renderItem","sortItemsCallback","treeModel","loadLazyContent","itemId","treeRef","scrollIntoVisible","treeItemId","toggleItems","treeItemIds","expand","updateAllItemsProperties","properties","updateItemsProperties","updateValidDropZone","requestTimestamp","newContainerId","draggedItems","validDrop","updateCheckboxValue","event","stopPropagation","checkedItemsChange","emit","detail","handleOpenReference","itemOpenReference","ref","el"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.css?tag=ch-tree-view-render-wrapper","node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.js"],"sourcesContent":[null,"import { h } from \"@stencil/core\";\nconst DEFAULT_DRAG_DISABLED_VALUE = false;\nconst DEFAULT_DROP_DISABLED_VALUE = false;\nconst DEFAULT_EDITABLE_ITEMS_VALUE = true;\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, 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 &&\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 = undefined;\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.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 = \"none\";\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 an item id, it displays and scrolls into the item view.\n     */\n    async scrollIntoVisible(treeItemId) {\n        this.treeRef.scrollIntoVisible(treeItemId);\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    updateCheckboxValue(event) {\n        event.stopPropagation();\n        this.checkedItemsChange.emit(event.detail);\n    }\n    handleOpenReference(event) {\n        event.stopPropagation();\n        this.itemOpenReference.emit(event.detail);\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, 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 \"ch-tree-view-render-wrapper\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"tree-view-render-wrapper.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"tree-view-render-wrapper.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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDropCheckInfo\"\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            },\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewDataTransferInfo\"\n                        },\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"TreeViewItemModel\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\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            \"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\": \"../../renders/tree-view/types\",\n                            \"id\": \"src/components/renders/tree-view/types.ts::TreeViewFilterOptions\"\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\": \"../../renders/tree-view/types\",\n                            \"id\": \"src/components/renders/tree-view/types.ts::TreeViewFilterType\"\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\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\": \"../../renders/tree-view/types\",\n                            \"id\": \"src/components/renders/tree-view/types.ts::TreeViewOperationStatusModifyCaption\"\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\n                        },\n                        \"ChTreeViewRender\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../renders/tree-view/tree-view-render\",\n                            \"id\": \"src/components/renders/tree-view/tree-view-render.tsx::ChTreeViewRender\"\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewLines\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"`true` to display the relation between tree items and tree lists using\\nlines.\"\n                },\n                \"attribute\": \"show-lines\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"none\\\"\"\n            },\n            \"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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\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\": \"../../renders/tree-view/types\",\n                            \"id\": \"src/components/renders/tree-view/types.ts::TreeViewItemModelExtended\"\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemContextMenu\"\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemOpenReferenceInfo\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"selectedItemsChange\",\n                \"name\": \"selectedItemsChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Fired when the selected items change.\"\n                },\n                \"complexType\": {\n                    \"original\": \"Map<string, TreeViewItemSelectedInfo>\",\n                    \"resolved\": \"Map<string, TreeViewItemSelectedInfo>\",\n                    \"references\": {\n                        \"Map\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Map\"\n                        },\n                        \"TreeViewItemSelectedInfo\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemSelectedInfo\"\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\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            \"scrollIntoVisible\": {\n                \"complexType\": {\n                    \"signature\": \"(treeItemId: string) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"treeItemId\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Given an item id, it displays and scrolls into the item view.\",\n                    \"tags\": []\n                }\n            },\n            \"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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemExpandedInfo\"\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\": \"../../tree-view/tree-view/types\",\n                            \"id\": \"src/components/tree-view/tree-view/types.ts::TreeViewItemModel\"\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\": \"../../../common/types\",\n                            \"id\": \"src/common/types.ts::GxDataTransferInfo\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Update the information about the valid droppable zones.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"requestTimestamp Time where the request to the server was made. Useful to avoid having old information.\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"newContainerId ID of the container where the drag is trying to be made.\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"draggedItems Information about the dragged items.\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"validDrop Current state of the droppable zone.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"checkedItemsChange\",\n                \"method\": \"updateCheckboxValue\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"itemOpenReference\",\n                \"method\": \"handleOpenReference\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=tree-view-render-wrapper.js.map\n"],"mappings":"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"}