@genexus/genexus-ide-ui 0.0.93 → 0.0.94

package/dist/genexus-ide-ui/p-7c7c26ab.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["listBoxCss","GxgListBox","constructor","hostRef","this","userUsedKeyboard","selectedItemsState","formMessageLogic","setIndexes","allItems","getAllItems","forEach","item","i","index","initialSetup","enabledItems","getEnabledItems","selectedItemsLength","selectItem","allowsEmpty","firstDeselectedItem","find","selected","singleSelection","selectedItems","getSelectedItemsFunc","selectedItem","currentActiveItem","getActiveItem","firstEnabledItem","active","activeItem","disabled","disabledHandler","checkboxes","checkbox","handleKeyDown","e","ctrlKey","cmdKey","metaKey","shiftKey","code","preventDefault","handleArrow","changedLength","setCheckboxState","getHighlightedItems","hideKeyboardSuggestions","unselectHighlightedItems","clearSelectedItems","selectItems","clearHighlightedItems","highlightAll","evaluateSelectedItems","direction","newElement","activeElement","getNextItem","getPrevItem","unhighlightAll","setActiveItem","highlightItem","repositionScroll","main","setSiblingSelected","async","length","siblingIsSelected","getIndexByElement","el","element","selectedItemsArray","selectedItemsArrayFullInfo","getSelectedItems","then","result","push","value","checked","arraysDiffer","JSON","stringify","updateSelectedItems","allItemsArray","querySelectorAll","theTitle","undefined","emitEmptySelection","keyboardSuggestions","checkCheckbox","uncheckCheckbox","disableSuggestions","noBorder","borderTop","borderEnd","borderBottom","borderStart","checkedItems","headerHeight","required","validationStatus","validationMessage","informationMessage","selectedItemsInformation","textContent","componentDidRender","header","clientHeight","componentDidLoad","itemLoadedHandler","itemClickedHandler","event","clickedItem","containerEl","focus","unselectItems","fromIndex","toIndex","activeItemIndex","selectMultipleItems","unhighlightItem","toggleItem","selectedItemsHandler","newArray","selectionChanged","emit","items","checkedItemsHandler","checkedChanged","disabledItems","getDisabledItems","hideKeyboardSuggestionsHandler","newValue","oldValue","localStorage","setItem","itemSelectedHandler","checkboxStateChangedHandler","checkedItemEl","detail","checkedItem","checkedItemValue","checkedItemsArray","enabledItem","localStorageExists","getItem","ignoreHighlighted","actualSelectedItems","doNotActivate","highlighted","ignoreActiveItem","toggleHighlightedItems","highlightedItems","selectHighlightedItems","highlightedItemsArray","getHighlightedItemsLength","highlightedItemsLength","getItemByIndex","itemByIndex","currentActive","enabledActiveItemIndex","findIndex","Array","isArray","unselected","clearActiveItem","enabledItemsArray","disabledItemsArray","check","changed","getFirstEnabledItem","getFirstSelectedItem","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","emitCheckboxChange","mouseOver","watchPropHandler","itemSelected","checkboxChangedHandler","checkboxStateChanged","iconColor","componentWillLoad","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  display: none;\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    activeItem;\n    selectedItemsState = [];\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 || selectedItem.textContent\n            });\n        });\n        return selectedItemsInformation;\n    }\n    componentDidRender() {\n        if (this.theTitle) {\n            this.headerHeight = this.header.clientHeight;\n        }\n    }\n    componentDidLoad() {\n        //this.setInitialActive();\n    }\n    setIndexes = () => {\n        const allItems = this.getAllItems();\n        allItems.forEach((item, i) => {\n            item.index = i;\n        });\n    };\n    initialSetup = () => {\n        const enabledItems = this.getEnabledItems();\n        const selectedItemsLength = this.selectedItemsLength();\n        //1. Select item if allowsEmpty is false and no item is currently selected\n        const selectItem = !this.allowsEmpty && selectedItemsLength === 0;\n        if (selectItem) {\n            const firstDeselectedItem = enabledItems.find(item => {\n                return !item.selected;\n            });\n            firstDeselectedItem && (firstDeselectedItem.selected = true);\n        }\n        else if (this.singleSelection && selectedItemsLength > 1) {\n            //Only one item can be selected. Unselect every selected items, except the first one.\n            const selectedItems = this.getSelectedItemsFunc();\n            selectedItems.forEach((selectedItem, i) => {\n                if (i !== 0) {\n                    selectedItem.selected = false;\n                }\n            });\n        }\n        //2. Set active item, if not active item exists yet\n        const currentActiveItem = this.getActiveItem();\n        if (!currentActiveItem) {\n            const firstEnabledItem = this.getEnabledItems()[0];\n            if (firstEnabledItem) {\n                firstEnabledItem.active = true;\n                this.activeItem = firstEnabledItem;\n            }\n        }\n        //3. Set index on every item\n        this.setIndexes();\n        //4. disable items\n        if (this.disabled) {\n            this.disabledHandler(true);\n        }\n        //5. set checkboxes\n        if (this.checkboxes) {\n            const allItems = this.getAllItems();\n            allItems.forEach(item => {\n                item.checkbox = true;\n            });\n        }\n    };\n    itemLoadedHandler() {\n        this.initialSetup();\n        this.updateSelectedItems();\n    }\n    itemClickedHandler(event) {\n        const { clickedItem, ctrlKey, cmdKey, shiftKey, index } = event[\"detail\"];\n        if (this.singleSelection) {\n            this.setActiveItem(clickedItem);\n        }\n        this.containerEl.focus();\n        //this.clearActiveItem();\n        if (this.singleSelection) {\n            if (clickedItem.selected &&\n                !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 || (!cmdKey && !cmdKey)) {\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 || cmdKey) {\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        this.evaluateSelectedItems();\n    }\n    selectedItemsHandler(newArray) {\n        this.selectionChanged.emit({ items: newArray });\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);\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 || !cmdKey)) {\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.selectItems(this.activeItem);\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        this.evaluateSelectedItems();\n    };\n    handleArrow = (direction, shiftKey) => {\n        /*Get the next element*/\n        let newElement;\n        const activeElement = this.getActiveItem();\n        newElement =\n            direction === \"ArrowDown\"\n                ? (newElement = this.getNextItem(activeElement))\n                : (newElement = this.getPrevItem(activeElement));\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(currentActive) {\n        const enabledItems = this.getEnabledItems();\n        const enabledActiveItemIndex = enabledItems.findIndex(enabledItem => {\n            return enabledItem === currentActive;\n        });\n        //If is the last item, select the first one\n        if (enabledActiveItemIndex === enabledItems.length - 1) {\n            return enabledItems[0];\n        }\n        else {\n            return enabledItems[enabledActiveItemIndex + 1];\n        }\n    }\n    getPrevItem(currentActive) {\n        const enabledItems = this.getEnabledItems();\n        const enabledActiveItemIndex = enabledItems.findIndex(enabledItem => {\n            return enabledItem === currentActive;\n        });\n        //If is the first item, select the last one\n        if (enabledActiveItemIndex === 0) {\n            return enabledItems[enabledItems.length - 1];\n        }\n        else {\n            return enabledItems[enabledActiveItemIndex - 1];\n        }\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    evaluateSelectedItems = () => {\n        const selectedItemsArray = [];\n        const selectedItemsArrayFullInfo = [];\n        const selectedItems = this.getSelectedItems();\n        selectedItems.then(result => {\n            result.forEach(item => {\n                selectedItemsArray.push(item.value);\n                selectedItemsArrayFullInfo.push({\n                    active: item.active,\n                    selected: item.selected,\n                    checked: item.checked,\n                    index: item.index,\n                    value: item.value\n                });\n            });\n            const arraysDiffer = JSON.stringify(this.selectedItemsState) !==\n                JSON.stringify(selectedItemsArray);\n            if (arraysDiffer) {\n                this.selectedItemsState = selectedItemsArray;\n                this.selectedItems = [...selectedItemsArrayFullInfo];\n            }\n        });\n    };\n    updateSelectedItems = () => {\n        const selectedItemsArray = [];\n        const selectedItems = this.getSelectedItems();\n        selectedItems.then(result => {\n            result.forEach(item => {\n                selectedItemsArray.push(item.value);\n            });\n            const arraysDiffer = JSON.stringify(this.selectedItemsState) !==\n                JSON.stringify(selectedItemsArray);\n            if (arraysDiffer) {\n                this.selectedItemsState = selectedItemsArray;\n            }\n        });\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  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({ value: this.value });\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-97baa2a4.entry.js → p-7c8e949f.entry.js}

@@ -1,8 +1,8 @@
-import { r, c as t, g as o, h as e, H as a } from "./p-1e275d2c.js";
+import { r, c as t, g as o, h as e, H as a } from "./p-d8a08b43.js";
 
-import { a as i, b as n, r as l } from "./p-b78719d3.js";
+import { a as i, b as n, r as l } from "./p-5028570f.js";
 
-import { s } from "./p-e4c542c6.js";
+import { s } from "./p-7c350e3f.js";
 
 import { f as g, c } from "./p-537654ad.js";
 
@@ -10,7 +10,7 @@ import { e as h } from "./p-1a098c4f.js";
 
 const d = "/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .form-element-wrapper{position:relative;width:100%}:host label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host label .required{padding-left:2px}:host textarea{transition:height 200ms;width:100%;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-size:inherit}:host textarea{resize:none;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background)}:host textarea:focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host textarea--resize{resize:both}:host textarea[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host textarea.textarea--error{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host textarea.textarea--error:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host textarea.textarea--warning{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host textarea.textarea--warning:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.shrink[single-line]) .textarea{box-sizing:border-box;height:24px !important;overflow:hidden}.textarea{overflow:auto;height:100%;cursor:initial}.textarea::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.textarea::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.textarea::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.textarea::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.textarea-wrapper{display:flex;gap:var(--spacing-comp-01);flex:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) label,:host(.large) .textarea-wrapper{font-size:var(--font-size-lg);box-sizing:border-box}:host(.large) .textarea{padding:var(--spacing-comp-01) var(--spacing-comp-02)}:host([ai]) textarea{box-sizing:border-box;resize:none;height:auto}:host(.mercury){font-size:var(--mc-font-size-xs)}:host(.mercury) .textarea-wrapper{font-family:var(--font-family-primary);font-size:var(--mc-font-size-xs);color:var(--gray-03);line-height:var(--line-height-default);font-weight:var(--font-weight-regular);box-sizing:border-box;font-size:inherit;border:var(--border-width-sm) solid var(--gray-05);border-radius:var(--border-radius-sm)}:host(.mercury) .textarea-wrapper:focus-within{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host(.mercury) .textarea{border:none;padding:0;padding:var(--spacing-comp-02) var(--spacing-comp-03);font-size:inherit;font-family:inherit;line-height:23px;background-color:transparent}:host(.mercury) .textarea:focus{outline:none}:host([ai].mercury) textarea{box-sizing:border-box;resize:none;height:auto}";
 
-const m = class {
+const f = class {
   constructor(o) {
     this.parts = {
       textarea: "textarea"
@@ -153,7 +153,7 @@ const m = class {
   }
 };
 
-m.style = d;
+f.style = d;
 
-export { m as gxg_form_textarea };
-//# sourceMappingURL=p-97baa2a4.entry.js.map
+export { f as gxg_form_textarea };
+//# sourceMappingURL=p-7c8e949f.entry.js.map