@genexus/genexus-ide-ui 0.0.108 → 0.0.109

package/dist/genexus-ide-ui/{p-8e8bb528.entry.js.map → p-c14b6b77.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["chSuggestCss","ARROW_DOWN","ARROW_UP","ChSuggest","constructor","hostRef","this","keyEventsDictionary","ArrowDown","e","newFocusedItem","getNewFocusedItem","currentFocusedItem","nextFocusedItem","focus","scrollListToBottom","ArrowUp","scrollListToTop","evaluateSlotIsEmpty","chWindow","hidden","el","firstElementChild","setFocusOnFirstItem","firstItem","querySelector","getChSuggestListItems","Array","from","querySelectorAll","direction","getListChild","list","listItems","listChild","length","parentListItems","nextElementSibling","previousElementSibling","nodeName","parent","parentElement","sibling","parentIsList","parentList","handleInput","inputValue","target","value","timeoutReference","clearTimeout","setTimeout","processInputEvent","debounce","handleKeyDown","key","preventDefault","evaluateWindowMaxHeight","viewportHeight","window","innerHeight","documentHeight","document","body","scrollHeight","height","inputBottomPosition","textInput","getBoundingClientRect","bottom","scrollY","windowMaxHeight","style","setProperty","partWindow","shadowRoot","scrollTop","valueChanged","emit","closeWindow","onFocusHandler","cursorEnd","setSelectionRange","windowHidden","label","undefined","labelPosition","showLabel","showHeader","suggestTitle","itemSelectedHandler","event","stopPropagation","detail","selectionChanged","focusChangeAttemptHandler","keyEventHandler","code","chSuggestListItemsArray","currentFocusedItemIndex","findIndex","item","newItemToSetFocusOn","windowClosedHandler","slot","innerHTML","selectInputText","select","render","h","Host","class","part","id","htmlFor","type","ref","onInput","onKeyDown","onFocus","autocomplete","toString","container","xAlign","yAlign","caption","exportparts","onSlotchange","delegatesFocus","chSuggestListCss","ChSuggestList","chSuggestListItemCss","ChSuggestListItem","getItemIndexes","chSuggest","itemIndex","suggestListItemsArray","index","listIndex","chSuggestList","chSuggestListsArray","listItemsArray","handleClick","indexes","itemSelected","innerText","description","icon","iconSrc","focusChangeAttempt","role","onClick","name","stylesCss","GxgSuggest","validationStatus","validationMessage","disabled","ellipsis","formClasses","commonClassesNames","formMessageLogic"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.css?tag=ch-suggest&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.css?tag=ch-suggest-list&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.css?tag=ch-suggest-list-item&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.js","node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css?tag=gxg-suggest","node_modules/@genexus/gemini/dist/collection/components/suggest/suggest.js"],"sourcesContent":["*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\n:host {\n  --window-max-height: none;\n  --window-gap: 50px;\n}\n\n.main-wrapper {\n  display: block;\n}\n\n/*label*/\n.label-input-wrapper {\n  display: flex;\n}\n.label-input-wrapper .input {\n  flex: 1;\n}\n\n:host([label-position=start]) .label-input-wrapper {\n  flex-direction: row;\n}\n\n:host([label-position=above]) .label-input-wrapper {\n  flex-direction: column;\n}\n\n/*input*/\n.input {\n  background-color: unset;\n  border: none;\n  color: inherit;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n  outline: 0;\n}\n\n/*window*/\n.ch-window-container {\n  position: relative;\n}\n\nch-window::part(window) {\n  width: 100%;\n  max-height: calc(var(--window-max-height) - var(--window-gap));\n  overflow-y: auto;\n}","/* STENCIL IMPORTS */\nimport { Host, h } from \"@stencil/core\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nexport class ChSuggest {\n    constructor() {\n        this.windowHidden = true;\n        this.debounce = 300;\n        this.label = undefined;\n        this.labelPosition = \"start\";\n        this.showLabel = true;\n        this.value = undefined;\n        this.showHeader = false;\n        this.suggestTitle = undefined;\n        this.cursorEnd = false;\n    }\n    /*\n  INDEX:\n  1.OWN PROPERTIES\n  2.REFERENCE TO ELEMENTS\n  3.STATE() VARIABLES\n  4.PUBLIC PROPERTY API / WATCH'S\n  5.EVENTS (EMIT)\n  6.COMPONENT LIFECYCLE EVENTS\n  7.LISTENERS\n  8.PUBLIC METHODS API\n  9.LOCAL METHODS\n  10.RENDER() FUNCTION\n  */\n    // 1.OWN PROPERTIES //\n    timeoutReference;\n    keyEventsDictionary = {\n        ArrowDown: (e) => {\n            const newFocusedItem = this.getNewFocusedItem(e.currentFocusedItem, ARROW_DOWN);\n            const nextFocusedItem = this.getNewFocusedItem(newFocusedItem, ARROW_DOWN);\n            newFocusedItem && newFocusedItem.focus();\n            if (!nextFocusedItem) {\n                /* This is the last item. Adjust window scroll to be at the very bottom*/\n                this.scrollListToBottom();\n            }\n        },\n        ArrowUp: (e) => {\n            const newFocusedItem = this.getNewFocusedItem(e.currentFocusedItem, ARROW_UP);\n            const nextFocusedItem = this.getNewFocusedItem(newFocusedItem, ARROW_UP);\n            newFocusedItem && newFocusedItem.focus();\n            if (!nextFocusedItem) {\n                /* This is the first item. Adjust window scroll to be at the very top*/\n                this.scrollListToTop();\n            }\n        }\n    };\n    // 2. REFERENCE TO ELEMENTS //\n    textInput;\n    chWindow;\n    slot;\n    el;\n    // 5.EVENTS (EMIT) //\n    /**\n     * This event is emitted every time there input events fires, and it emits the actual input value.\n     */\n    valueChanged;\n    /**\n     * This event is emitted when an item was selected.\n     */\n    selectionChanged;\n    // 6.COMPONENT LIFECYCLE EVENTS //\n    // 7.LISTENERS //\n    itemSelectedHandler(event) {\n        event.stopPropagation();\n        this.value = event.detail.value;\n        this.closeWindow();\n        this.selectionChanged.emit(event.detail);\n    }\n    focusChangeAttemptHandler(event) {\n        const keyEventHandler = this.keyEventsDictionary[event.detail.code];\n        if (keyEventHandler) {\n            const currentFocusedItem = event.detail.el;\n            const chSuggestListItemsArray = this.getChSuggestListItems();\n            const currentFocusedItemIndex = chSuggestListItemsArray.findIndex(item => {\n                return item === currentFocusedItem;\n            });\n            const newItemToSetFocusOn = null;\n            keyEventHandler({\n                event: event.detail,\n                currentFocusedItem: currentFocusedItem,\n                chSuggestListItemsArray: chSuggestListItemsArray,\n                currentFocusedItemIndex: currentFocusedItemIndex,\n                newItemToSetFocusOn: newItemToSetFocusOn\n            });\n        }\n    }\n    windowClosedHandler() {\n        this.textInput.focus();\n        this.windowHidden = true;\n        this.slot.innerHTML = \"\";\n    }\n    // 9.PUBLIC METHODS API //\n    /**\n     * @description It selects/highlights the input text.\n     */\n    async selectInputText() {\n        this.textInput.focus();\n        this.textInput.select();\n    }\n    // 10.LOCAL METHODS //\n    evaluateSlotIsEmpty = () => {\n        this.chWindow.hidden = !this.el.firstElementChild;\n    };\n    setFocusOnFirstItem = () => {\n        const firstItem = this.el.querySelector(\"ch-suggest-list-item\");\n        firstItem && firstItem.focus();\n    };\n    getChSuggestListItems = () => Array.from(this.el.querySelectorAll(\"ch-suggest-list-item\"));\n    getNewFocusedItem = (currentFocusedItem, direction) => {\n        /* Helper function that returns the list item that should get focus (the first one, or the last one)*/\n        const getListChild = (list) => {\n            const listItems = list.querySelectorAll(\"ch-suggest-list-item\");\n            let listChild = listItems && listItems[listItems.length - 1];\n            if (direction === ARROW_DOWN) {\n                listChild = list.querySelector(\"ch-suggest-list-item\");\n            }\n            else {\n                const parentListItems = list.querySelectorAll(\"ch-suggest-list-item\");\n                listChild =\n                    parentListItems && parentListItems[parentListItems.length - 1];\n            }\n            return listChild;\n        };\n        if (!currentFocusedItem) {\n            return;\n        }\n        let newFocusedItem = direction === ARROW_DOWN\n            ? currentFocusedItem.nextElementSibling\n            : currentFocusedItem.previousElementSibling;\n        if (newFocusedItem?.nodeName === \"CH-SUGGEST-LIST\") {\n            newFocusedItem = getListChild(newFocusedItem);\n        }\n        else if (!newFocusedItem) {\n            /* this could be the last item of a list, but not the last item*/\n            const parent = currentFocusedItem.parentElement;\n            const sibling = direction === ARROW_DOWN\n                ? parent.nextElementSibling\n                : parent.previousElementSibling;\n            const parentIsList = parent.nodeName === \"CH-SUGGEST-LIST\";\n            if (parentIsList &&\n                sibling &&\n                sibling.nodeName === \"CH-SUGGEST-LIST-ITEM\") {\n                newFocusedItem =\n                    direction === ARROW_DOWN\n                        ? parent.nextElementSibling\n                        : parent.previousElementSibling;\n            }\n            else if (parentIsList &&\n                sibling &&\n                sibling.nodeName === \"CH-SUGGEST-LIST\") {\n                const parentList = direction === ARROW_DOWN\n                    ? parent.nextElementSibling\n                    : parent.previousElementSibling;\n                let listChild;\n                if (direction === ARROW_DOWN) {\n                    listChild = parentList.querySelector(\"ch-suggest-list-item\");\n                }\n                else {\n                    listChild = getListChild(parentList);\n                }\n                newFocusedItem = listChild ? listChild : null;\n            }\n        }\n        return newFocusedItem;\n    };\n    /**\n     * Every time the input event is triggered, the value of the input is sent to processInputEvent, which is responsible for displaying a window with the suggested options. this.debounce is a delay that, along with clearTimeout, ensures that the window is only shown after the user has stopped typing.\n     */\n    handleInput = (e) => {\n        const inputValue = e.target.value;\n        this.value = inputValue;\n        if (this.timeoutReference) {\n            clearTimeout(this.timeoutReference);\n        }\n        this.timeoutReference = setTimeout(() => {\n            this.processInputEvent(inputValue);\n        }, this.debounce);\n    };\n    handleKeyDown = (e) => {\n        if (e.key === ARROW_DOWN) {\n            e.preventDefault();\n            this.setFocusOnFirstItem();\n        }\n    };\n    evaluateWindowMaxHeight = () => {\n        const viewportHeight = window.innerHeight;\n        const documentHeight = document.body.scrollHeight;\n        const height = documentHeight >= viewportHeight ? documentHeight : viewportHeight;\n        const inputBottomPosition = this.textInput.getBoundingClientRect().bottom + window.scrollY;\n        const windowMaxHeight = height - inputBottomPosition + \"px\";\n        this.el.style.setProperty(\"--window-max-height\", windowMaxHeight);\n    };\n    scrollListToTop = () => {\n        const partWindow = this.chWindow.shadowRoot.querySelector(\"[part='window']\");\n        partWindow.scrollTop = 0;\n    };\n    scrollListToBottom = () => {\n        const partWindow = this.chWindow.shadowRoot.querySelector(\"[part='window']\");\n        partWindow.scrollTop = partWindow.scrollHeight;\n    };\n    processInputEvent = (inputValue) => {\n        this.valueChanged.emit(inputValue);\n        this.evaluateWindowMaxHeight();\n    };\n    closeWindow = () => {\n        this.chWindow.hidden = true;\n    };\n    onFocusHandler = () => {\n        if (this.cursorEnd) {\n            this.textInput.setSelectionRange(this.textInput.value.length, this.textInput.value.length);\n        }\n    };\n    // 10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, null, h(\"div\", { class: \"main-wrapper\", part: \"main-wrapper\" }, h(\"div\", { class: \"label-input-wrapper\", part: \"label-input-wrapper\" }, this.showLabel && this.label && (h(\"label\", { id: \"label\", htmlFor: \"input\", part: \"label\" }, this.label)), h(\"input\", { type: \"text\", id: \"input\", part: \"input\", class: \"input\", ref: el => (this.textInput = el), onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.onFocusHandler, value: this.value, autocomplete: \"off\", \"aria-controls\": \"ch-window\", \"aria-label\": !this.showLabel && this.label ? this.label : undefined, \"aria-labelledby\": this.showLabel && this.label ? \"label\" : undefined, \"aria-expanded\": this.windowHidden.toString() })), h(\"ch-window\", { id: \"ch-window\", container: this.textInput, \"close-on-outside-click\": true, \"close-on-escape\": true, xAlign: \"inside-start\", yAlign: \"outside-end\", ref: el => (this.chWindow = el), showHeader: this.showHeader, caption: this.suggestTitle, exportparts: \"\\n            header:header, \\n            caption:title, \\n            close:close-button,\\n            window:dropdown\" }, h(\"slot\", { onSlotchange: this.evaluateSlotIsEmpty, ref: el => (this.slot = el) })))));\n    }\n    static get is() { return \"ch-suggest\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ch-suggest.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ch-suggest.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"debounce\": {\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\": \"The debounce amount in milliseconds (This is the time the suggest waits after the user has finished typing, to show the suggestions).\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"300\"\n            },\n            \"label\": {\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 label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"labelPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LabelPosition\",\n                    \"resolved\": \"\\\"above\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"LabelPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../common/types\",\n                            \"id\": \"src/common/types.ts::LabelPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label position\"\n                },\n                \"attribute\": \"label-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"start\\\"\"\n            },\n            \"showLabel\": {\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\": \"Whether or not to display the label\"\n                },\n                \"attribute\": \"show-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This is the suggest value.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"showHeader\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"false\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Wether or not the suggest has a header. The header will show the \\\"suggestTitle\\\" if provided, and a close button.\"\n                },\n                \"attribute\": \"show-header\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"suggestTitle\": {\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 suggest title (optional). This is not the same as the \\\"label\\\", rather, this is the title that will appear inside the dropdown. This title will only be visible if \\\"showHeader\\\" is set to true.\"\n                },\n                \"attribute\": \"suggest-title\",\n                \"reflect\": false\n            },\n            \"cursorEnd\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"false\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, it will position the cursor at the end when the input is focused.\"\n                },\n                \"attribute\": \"cursor-end\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"windowHidden\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"valueChanged\",\n                \"name\": \"valueChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is emitted every time there input events fires, and it emits the actual input value.\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"selectionChanged\",\n                \"name\": \"selectionChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is emitted when an item was selected.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SuggestItemSelectedEvent\",\n                    \"resolved\": \"{ value: any; indexes: SuggestItemIndexes; description?: string; icon?: string; }\",\n                    \"references\": {\n                        \"SuggestItemSelectedEvent\": {\n                            \"location\": \"import\",\n                            \"path\": \"./suggest-list-item/ch-suggest-list-item\",\n                            \"id\": \"src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx::SuggestItemSelectedEvent\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"selectInputText\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"description\",\n                            \"text\": \"It selects/highlights the input text.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"itemSelected\",\n                \"method\": \"itemSelectedHandler\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"focusChangeAttempt\",\n                \"method\": \"focusChangeAttemptHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"windowClosed\",\n                \"method\": \"windowClosedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ch-suggest.js.map\n","*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.title {\n  margin: 0;\n  font: inherit;\n}\n\n.list {\n  margin: 0;\n  padding: 0;\n}","import { Host, h } from \"@stencil/core\";\nexport class ChSuggestList {\n    constructor() {\n        this.label = undefined;\n    }\n    // 2.REFERENCE TO ELEMENTS //\n    // 3.STATE() VARIABLES //\n    // 4.PUBLIC PROPERTY API / WATCH'S //\n    // 5.EVENTS (EMIT) //\n    // 6.COMPONENT LIFECYCLE EVENTS //\n    // 7.LISTENERS //\n    // 8.PUBLIC METHODS API //\n    // 9.LOCAL METHODS //\n    // 10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, null, this.label && (h(\"h2\", { id: \"heading\", part: \"title\", class: \"title\" }, this.label)), h(\"ul\", { \"aria-labelledby\": this.label ? \"heading\" : undefined, part: \"list\", class: \"list\" }, h(\"slot\", null))));\n    }\n    static get is() { return \"ch-suggest-list\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ch-suggest-list.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ch-suggest-list.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"label\": {\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 label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=ch-suggest-list.js.map\n",":host {\n  display: block;\n}\n\n:where(button) {\n  all: unset;\n  display: flex;\n  width: 100%;\n  cursor: pointer;\n}\n\n*,\n::after,\n::before {\n  box-sizing: border-box;\n}","/* STENCIL IMPORTS */\nimport { Host, h } from \"@stencil/core\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nexport class ChSuggestListItem {\n    constructor() {\n        this.iconSrc = undefined;\n        this.value = undefined;\n    }\n    // 2.REFERENCE TO ELEMENTS //\n    el;\n    // 3.STATE() VARIABLES //\n    // 4.PUBLIC PROPERTY API / WATCH'S //\n    // 5.EVENTS (EMIT) //\n    /**\n     * This event is emitted every time the item is selected, either by clicking on it, or by pressing Enter.\n     */\n    itemSelected;\n    /**\n     * This event is emitted every time the item is about to lose focus, by pressing the \"ArrowUp\" or \"ArrowDown\" keyboard keys.\n     */\n    focusChangeAttempt;\n    // 6.COMPONENT LIFECYCLE EVENTS //\n    // 7.LISTENERS //\n    // 8.PUBLIC METHODS API //\n    // 9.LOCAL METHODS //\n    getItemIndexes = () => {\n        const parentElement = this.el.parentElement;\n        if (parentElement.nodeName === \"CH-SUGGEST\") {\n            const chSuggest = parentElement;\n            let itemIndex = -1;\n            const suggestListItemsArray = Array.from(chSuggest.querySelectorAll(\":scope > ch-suggest-list-item\"));\n            for (let index = 0; index < suggestListItemsArray.length; index++) {\n                // Then get the item index\n                if (suggestListItemsArray[index] === this.el) {\n                    itemIndex = index;\n                    break;\n                }\n            }\n            return {\n                itemIndex: itemIndex,\n                listIndex: undefined // the items does not belongs to a list\n            };\n        }\n        if (parentElement.nodeName === \"CH-SUGGEST-LIST\") {\n            const chSuggestList = parentElement;\n            const chSuggestListsArray = Array.from(chSuggestList.parentElement.querySelectorAll(\":scope > ch-suggest-list\"));\n            const listIndex = chSuggestListsArray.findIndex(list => {\n                return list === chSuggestList;\n            });\n            if (listIndex !== -1) {\n                const listItemsArray = Array.from(chSuggestList.querySelectorAll(\"ch-suggest-list-item\"));\n                const itemIndex = listItemsArray.findIndex(item => {\n                    return item === this.el;\n                });\n                return {\n                    itemIndex: itemIndex,\n                    listIndex: listIndex\n                };\n            }\n        }\n    };\n    handleClick = () => {\n        const indexes = this.getItemIndexes();\n        this.itemSelected.emit({\n            value: this.value || this.el.innerText,\n            description: this.el.innerText,\n            icon: this.iconSrc,\n            indexes: indexes\n        });\n    };\n    handleKeyDown = (e) => {\n        if (e.code === ARROW_UP || e.code === ARROW_DOWN) {\n            e.preventDefault();\n            this.focusChangeAttempt.emit({\n                el: this.el,\n                code: e.code\n            });\n        }\n    };\n    // 10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, { role: \"listitem\", onKeyDown: this.handleKeyDown }, h(\"button\", { part: \"button\", onClick: this.handleClick }, h(\"slot\", { name: \"icon\" }), h(\"div\", { class: \"content-wrapper\", part: \"content-wrapper\" }, h(\"slot\", null)))));\n    }\n    static get is() { return \"ch-suggest-list-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ch-suggest-list-item.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ch-suggest-list-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"iconSrc\": {\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 icon url\"\n                },\n                \"attribute\": \"icon-src\",\n                \"reflect\": false\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\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"itemSelected\",\n                \"name\": \"itemSelected\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is emitted every time the item is selected, either by clicking on it, or by pressing Enter.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SuggestItemSelectedEvent\",\n                    \"resolved\": \"{ value: any; indexes: SuggestItemIndexes; description?: string; icon?: string; }\",\n                    \"references\": {\n                        \"SuggestItemSelectedEvent\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx\",\n                            \"id\": \"src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx::SuggestItemSelectedEvent\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"focusChangeAttempt\",\n                \"name\": \"focusChangeAttempt\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is emitted every time the item is about to lose focus, by pressing the \\\"ArrowUp\\\" or \\\"ArrowDown\\\" keyboard keys.\"\n                },\n                \"complexType\": {\n                    \"original\": \"FocusChangeAttempt\",\n                    \"resolved\": \"{ el: HTMLChSuggestListItemElement; code: ChSuggestKeyDownEvents; }\",\n                    \"references\": {\n                        \"FocusChangeAttempt\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx\",\n                            \"id\": \"src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx::FocusChangeAttempt\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ch-suggest-list-item.js.map\n","@charset \"UTF-8\";\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(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n  color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n  filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--error);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--warning);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--success);\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(--ds-base-font-family-primary);\n  font-weight: var(--gxg-label-font-weight);\n  font-size: var(--gxg-label-font-size);\n  color: var(--gxg-label-color);\n  text-align: center;\n  line-height: 1.455em;\n  display: flex;\n  align-items: center;\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/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*Warning*/\n:host(.gxg-validation--warning) .form-element {\n  border-color: var(--ds-border-color--warning);\n}\n:host(.gxg-validation--warning) .form-element:focus {\n  outline-color: var(--ds-border-color--warning);\n  border-color: var(--ds-border-color--warning);\n}\n:host(.gxg-validation--warning) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--warning);\n}\n\n/*Error*/\n:host(.gxg-validation--error) .form-element {\n  border-color: var(--ds-border-color--error);\n}\n:host(.gxg-validation--error) .form-element:focus {\n  outline-color: var(--ds-border-color--error);\n  border-color: var(--ds-border-color--error);\n}\n:host(.gxg-validation--error) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--error);\n}\n\n/*Success*/\n:host(.gxg-validation--success) .form-element {\n  border-color: var(--ds-border-color--success);\n}\n:host(.gxg-validation--success) .form-element:focus {\n  outline-color: var(--ds-border-color--success);\n  border-color: var(--ds-border-color--success);\n}\n:host(.gxg-validation--success) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--success);\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  --margin-inline-start: 6px;\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(--margin-inline-start);\n  box-sizing: border-box;\n}\n.tooltip-inner-wrapper--visible {\n  width: calc(var(--ds-icon-size-box--small) + var(--margin-inline-start));\n}\n.tooltip-inner-wrapper--hidden {\n  display: none;\n}\n\nch-suggest {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-color);\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  /* Label */\n  /*Input*/\n  /*header*/\n  /*window*/\n}\nch-suggest::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\nch-suggest::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\nch-suggest::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\nch-suggest::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\nch-suggest::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\nch-suggest::part(label) {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  display: flex;\n  align-items: center;\n  cursor: default;\n  font-size: inherit;\n  flex-shrink: 0;\n}\nch-suggest[label-position=start]::part(label) {\n  margin-inline-end: var(--gxg-label-separation-horizontal);\n}\nch-suggest[label-position=above]::part(label) {\n  margin-block-end: var(--gxg-label-separation-vertical);\n}\nch-suggest::part(input) {\n  height: var(--gxg-suggest-input__height);\n  border: var(--ds-form-control-border);\n  border-radius: var(--ds-form-control-border-radius);\n  padding: var(--gxg-suggest-input__padding);\n  box-sizing: border-box;\n  background-color: var(--gxg-suggest-input__background-color);\n  width: 100%;\n  flex: auto;\n}\nch-suggest::part(input):focus {\n  outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n  outline-offset: -1px;\n  outline-offset: 0;\n  outline-offset: -1px;\n}\nch-suggest::part(header) {\n  display: block;\n  padding-block-end: var(--gxg-suggest-header__padding-block-end);\n  display: flex;\n  justify-content: flex-end;\n}\nch-suggest::part(close-button) {\n  height: var(--spacing-comp-05);\n  width: var(--spacing-comp-05);\n  background-color: var(--color-background);\n  color: var(--color-primary-hover);\n  border: 1px solid var(--color-primary-hover);\n  box-sizing: border-box;\n  cursor: pointer;\n  display: block;\n}\nch-suggest::part(close-button):hover {\n  background-color: var(--color-primary-hover-opacity-01);\n}\nch-suggest::part(close-button)::after {\n  content: \"✖\";\n  width: 100%;\n  display: block;\n  line-height: var(--gxg-suggest-close-button__line-height--after);\n  text-align: center;\n}\nch-suggest::part(close-button):focus {\n  outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n  outline-offset: -1px;\n  outline-offset: 0;\n}\nch-suggest::part(dropdown) {\n  /*mixin shadow*/\n  background-color: var(--gxg-suggest-drop-down__background-color);\n  margin-top: var(--gxg-suggest-drop-down__margin-top);\n  padding: var(--gxg-suggest-drop-down__padding);\n  box-shadow: var(--gxg-suggest-drop-down__box-shadow);\n  border: var(--gxg-suggest-general__border);\n  position: relative;\n  top: 2px;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\nch-suggest::part(dropdown)::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\nch-suggest::part(dropdown)::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\nch-suggest::part(dropdown)::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\nch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\nch-suggest::part(dropdown)::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*Validation*/\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\ngxg-suggest.gxg-validation--success ch-suggest::part(input) {\n  outline-color: var(--ds-border-color--success);\n  border-color: var(--ds-border-color--success);\n}\ngxg-suggest.gxg-validation--success ch-suggest::part(input) + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--success);\n}\n\ngxg-suggest.gxg-validation--warning ch-suggest::part(input) {\n  outline-color: var(--ds-border-color--warning);\n  border-color: var(--ds-border-color--warning);\n}\ngxg-suggest.gxg-validation--warning ch-suggest::part(input) + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--warning);\n}\n\ngxg-suggest.gxg-validation--error ch-suggest::part(input) {\n  outline-color: var(--ds-border-color--error);\n  border-color: var(--ds-border-color--error);\n}\ngxg-suggest.gxg-validation--error ch-suggest::part(input) + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--error);\n}\n\n/*Disabled*/\ngxg-suggest.gxg--disabled ch-suggest {\n  pointer-events: none;\n}\ngxg-suggest.gxg--disabled ch-suggest::part(input) {\n  background-color: var(--gray-01);\n  color: var(--color-on-disabled);\n}\n\ngxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper) {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n}\n\nch-suggest-list {\n  font-family: inherit;\n  border: var(--gxg-suggest-list__border);\n  border-radius: var(--gxg-suggest-list__border-radius);\n  padding: var(--gxg-suggest-list__padding);\n}\nch-suggest-list > ch-suggest-list-item:not(:first-child) {\n  border-top: var(--gxg-suggest-general__border);\n}\nch-suggest-list:first-child {\n  margin-block-start: 0;\n}\nch-suggest-list:last-child {\n  margin-block-end: 0;\n}\nch-suggest-list::part(title) {\n  text-transform: capitalize;\n  font-weight: var(--gxg-suggest-list-title__font-weight);\n  margin: var(--gxg-suggest-list-title__margin);\n  padding: var(--gxg-suggest-list-title__padding);\n  color: var(--gxg-suggest-list-title__color);\n  background-color: var(--gxg-suggest-list-title__background-color);\n  border-bottom: var(--gxg-suggest-general__border);\n  border-bottom-width: 2px;\n}\nch-suggest-list:first-child {\n  margin-block-start: 0;\n}\nch-suggest-list::part(list) {\n  padding: var(--gxg-suggest-list-part-list__padding);\n}\n\nch-suggest-list + ch-suggest-list {\n  margin-block-start: 0;\n  border-block-start: 0;\n}\nch-suggest-list + ch-suggest-list::part(title) {\n  margin-block-start: 0;\n}\n\nch-suggest-list + ch-suggest-list-item {\n  margin-block-start: var(--gxg-suggest-list-item-next-sibling__margin-block-start);\n}\n\nch-suggest-list-item {\n  font-size: inherit;\n  border-radius: var(--gxg-suggest-list-item__border-radius);\n  /*button*/\n}\nch-suggest-list-item::part(button) {\n  padding: var(--gxg-suggest-list-item-button__padding);\n  align-items: center;\n  gap: var(--gxg-suggest-list-item-button__gap);\n  box-sizing: border-box;\n  line-height: var(--gxg-suggest-list-item__line-height);\n  box-sizing: border-box;\n  overflow: hidden;\n}\nch-suggest-list-item::part(button):hover {\n  color: var(--gxg-suggest-list-item-button__color--hover);\n}\nch-suggest-list-item::part(button):focus {\n  outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n  outline-offset: -1px;\n  outline-offset: 0;\n}\nch-suggest-list-item::part(description)::before {\n  content: \" - \";\n}\nch-suggest-list-item gxg-icon::part(ch-icon) {\n  --icon-size: var(--gxg-suggest-list-item-icon__size);\n  margin-right: var(--gxg-suggest-list-item-icon__margin-right);\n}\nch-suggest-list-item:hover {\n  background-color: var(--gxg-suggest-list-item-button__background-color);\n}\n\nch-suggest-list-item + ch-suggest-list {\n  margin-block-start: var(--spacing-comp-02);\n}","import { Host, h } from \"@stencil/core\";\nimport { formMessageLogic } from \"../../common/form\";\nimport { formClasses } from \"../../common/classesNames\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nexport class GxgSuggest {\n    constructor() {\n        this.validationStatus = \"indeterminate\";\n        this.validationMessage = undefined;\n        this.disabled = false;\n        this.ellipsis = true;\n    }\n    render() {\n        return (h(Host, { class: {\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            } }, h(\"slot\", null), formMessageLogic(this)));\n    }\n    static get is() { return \"gxg-suggest\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\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\": 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 message to display for the validation result.\"\n                },\n                \"attribute\": \"validation-message\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute makes the suggest disabled.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"ellipsis\": {\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 forces the suggest list items to not wrap to a second line, and it will display ellipsis. (...)\"\n                },\n                \"attribute\": \"ellipsis\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=suggest.js.map\n"],"mappings":"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"}
+{"version":3,"names":["chSuggestCss","ARROW_DOWN","ARROW_UP","ChSuggest","constructor","hostRef","this","keyEventsDictionary","ArrowDown","e","newFocusedItem","getNewFocusedItem","currentFocusedItem","nextFocusedItem","focus","scrollListToBottom","ArrowUp","scrollListToTop","evaluateSlotIsEmpty","chWindow","hidden","el","firstElementChild","setFocusOnFirstItem","firstItem","querySelector","getChSuggestListItems","Array","from","querySelectorAll","direction","getListChild","list","listItems","listChild","length","parentListItems","nextElementSibling","previousElementSibling","nodeName","parent","parentElement","sibling","parentIsList","parentList","handleInput","inputValue","target","value","timeoutReference","clearTimeout","setTimeout","processInputEvent","debounce","handleKeyDown","key","preventDefault","evaluateWindowMaxHeight","viewportHeight","window","innerHeight","documentHeight","document","body","scrollHeight","height","inputBottomPosition","textInput","getBoundingClientRect","bottom","scrollY","windowMaxHeight","style","setProperty","partWindow","shadowRoot","scrollTop","valueChanged","emit","closeWindow","onFocusHandler","cursorEnd","setSelectionRange","windowHidden","label","undefined","labelPosition","showLabel","showHeader","suggestTitle","itemSelectedHandler","event","stopPropagation","detail","selectionChanged","focusChangeAttemptHandler","keyEventHandler","code","chSuggestListItemsArray","currentFocusedItemIndex","findIndex","item","newItemToSetFocusOn","windowClosedHandler","slot","innerHTML","selectInputText","select","render","h","Host","class","part","id","htmlFor","type","ref","onInput","onKeyDown","onFocus","autocomplete","toString","container","xAlign","yAlign","caption","exportparts","onSlotchange","delegatesFocus","chSuggestListCss","ChSuggestList","chSuggestListItemCss","ChSuggestListItem","getItemIndexes","chSuggest","itemIndex","suggestListItemsArray","index","listIndex","chSuggestList","chSuggestListsArray","listItemsArray","handleClick","indexes","itemSelected","innerText","description","icon","iconSrc","focusChangeAttempt","role","onClick","name","stylesCss","GxgSuggest","validationStatus","validationMessage","disabled","ellipsis","formClasses","commonClassesNames","formMessageLogic"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.css?tag=ch-suggest&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/ch-suggest.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.css?tag=ch-suggest-list&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list/ch-suggest-list.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.css?tag=ch-suggest-list-item&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/suggest/suggest-list-item/ch-suggest-list-item.js","node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css?tag=gxg-suggest","node_modules/@genexus/gemini/dist/collection/components/suggest/suggest.js"],"sourcesContent":["*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\n:host {\n  --window-max-height: none;\n  --window-gap: 50px;\n}\n\n.main-wrapper {\n  display: block;\n}\n\n/*label*/\n.label-input-wrapper {\n  display: flex;\n}\n.label-input-wrapper .input {\n  flex: 1;\n}\n\n:host([label-position=start]) .label-input-wrapper {\n  flex-direction: row;\n}\n\n:host([label-position=above]) .label-input-wrapper {\n  flex-direction: column;\n}\n\n/*input*/\n.input {\n  background-color: unset;\n  border: none;\n  color: inherit;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n  outline: 0;\n}\n\n/*window*/\n.ch-window-container {\n  position: relative;\n}\n\nch-window::part(window) {\n  width: 100%;\n  max-height: calc(var(--window-max-height) - var(--window-gap));\n  overflow-y: auto;\n}","/* STENCIL IMPORTS */\nimport { Host, h } from \"@stencil/core\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nexport class ChSuggest {\n    constructor() {\n        this.windowHidden = true;\n        this.debounce = 300;\n        this.label = undefined;\n        this.labelPosition = \"start\";\n        this.showLabel = true;\n        this.value = undefined;\n        this.showHeader = false;\n        this.suggestTitle = undefined;\n        this.cursorEnd = false;\n    }\n    /*\n  INDEX:\n  1.OWN PROPERTIES\n  2.REFERENCE TO ELEMENTS\n  3.STATE() VARIABLES\n  4.PUBLIC PROPERTY API / WATCH'S\n  5.EVENTS (EMIT)\n  6.COMPONENT LIFECYCLE EVENTS\n  7.LISTENERS\n  8.PUBLIC METHODS API\n  9.LOCAL METHODS\n  10.RENDER() FUNCTION\n  */\n    // 1.OWN PROPERTIES //\n    timeoutReference;\n    keyEventsDictionary = {\n        ArrowDown: (e) => {\n            const newFocusedItem = this.getNewFocusedItem(e.currentFocusedItem, ARROW_DOWN);\n            const nextFocusedItem = this.getNewFocusedItem(newFocusedItem, ARROW_DOWN);\n            newFocusedItem && newFocusedItem.focus();\n            if (!nextFocusedItem) {\n                /* This is the last item. Adjust window scroll to be at the very bottom*/\n                this.scrollListToBottom();\n            }\n        },\n        ArrowUp: (e) => {\n            const newFocusedItem = this.getNewFocusedItem(e.currentFocusedItem, ARROW_UP);\n            const nextFocusedItem = this.getNewFocusedItem(newFocusedItem, ARROW_UP);\n            newFocusedItem && newFocusedItem.focus();\n            if (!nextFocusedItem) {\n                /* This is the first item. Adjust window scroll to be at the very top*/\n                this.scrollListToTop();\n            }\n        }\n    };\n    // 2. REFERENCE TO ELEMENTS //\n    textInput;\n    chWindow;\n    slot;\n    el;\n    // 5.EVENTS (EMIT) //\n    /**\n     * This event is emitted every time there input events fires, and it emits the actual input value.\n     */\n    valueChanged;\n    /**\n     * This event is emitted when an item was selected.\n     */\n    selectionChanged;\n    // 6.COMPONENT LIFECYCLE EVENTS //\n    // 7.LISTENERS //\n    itemSelectedHandler(event) {\n        event.stopPropagation();\n        this.value = event.detail.value;\n        this.closeWindow();\n        this.selectionChanged.emit(event.detail);\n    }\n    focusChangeAttemptHandler(event) {\n        const keyEventHandler = this.keyEventsDictionary[event.detail.code];\n        if (keyEventHandler) {\n            const currentFocusedItem = event.detail.el;\n            const chSuggestListItemsArray = this.getChSuggestListItems();\n            const currentFocusedItemIndex = chSuggestListItemsArray.findIndex(item => {\n                return item === currentFocusedItem;\n            });\n            const newItemToSetFocusOn = null;\n            keyEventHandler({\n                event: event.detail,\n                currentFocusedItem: currentFocusedItem,\n                chSuggestListItemsArray: chSuggestListItemsArray,\n                currentFocusedItemIndex: currentFocusedItemIndex,\n                newItemToSetFocusOn: newItemToSetFocusOn\n            });\n        }\n    }\n    windowClosedHandler() {\n        this.textInput.focus();\n        this.windowHidden = true;\n        this.slot.innerHTML = \"\";\n    }\n    // 9.PUBLIC METHODS API //\n    /**\n     * @description It selects/highlights the input text.\n     */\n    async selectInputText() {\n        this.textInput.focus();\n        this.textInput.select();\n    }\n    // 10.LOCAL METHODS //\n    evaluateSlotIsEmpty = () => {\n        this.chWindow.hidden = !this.el.firstElementChild;\n    };\n    setFocusOnFirstItem = () => {\n        const firstItem = this.el.querySelector(\"ch-suggest-list-item\");\n        firstItem && firstItem.focus();\n    };\n    getChSuggestListItems = () => Array.from(this.el.querySelectorAll(\"ch-suggest-list-item\"));\n    getNewFocusedItem = (currentFocusedItem, direction) => {\n        /* Helper function that returns the list item that should get focus (the first one, or the last one)*/\n        const getListChild = (list) => {\n            const listItems = list.querySelectorAll(\"ch-suggest-list-item\");\n            let listChild = listItems && listItems[listItems.length - 1];\n            if (direction === ARROW_DOWN) {\n                listChild = list.querySelector(\"ch-suggest-list-item\");\n            }\n            else {\n                const parentListItems = list.querySelectorAll(\"ch-suggest-list-item\");\n                listChild =\n                    parentListItems && parentListItems[parentListItems.length - 1];\n            }\n            return listChild;\n        };\n        if (!currentFocusedItem) {\n            return;\n        }\n        let newFocusedItem = direction === ARROW_DOWN\n            ? currentFocusedItem.nextElementSibling\n            : currentFocusedItem.previousElementSibling;\n        if (newFocusedItem?.nodeName === \"CH-SUGGEST-LIST\") {\n            newFocusedItem = getListChild(newFocusedItem);\n        }\n        else if (!newFocusedItem) {\n            /* this could be the last item of a list, but not the last item*/\n            const parent = currentFocusedItem.parentElement;\n            const sibling = direction === ARROW_DOWN\n                ? parent.nextElementSibling\n                : parent.previousElementSibling;\n            const parentIsList = parent.nodeName === \"CH-SUGGEST-LIST\";\n            if (parentIsList &&\n                sibling &&\n                sibling.nodeName === \"CH-SUGGEST-LIST-ITEM\") {\n                newFocusedItem =\n                    direction === ARROW_DOWN\n                        ? parent.nextElementSibling\n                        : parent.previousElementSibling;\n            }\n            else if (parentIsList &&\n                sibling &&\n                sibling.nodeName === \"CH-SUGGEST-LIST\") {\n                const parentList = direction === ARROW_DOWN\n                    ? parent.nextElementSibling\n                    : parent.previousElementSibling;\n                let listChild;\n                if (direction === ARROW_DOWN) {\n                    listChild = parentList.querySelector(\"ch-suggest-list-item\");\n                }\n                else {\n                    listChild = getListChild(parentList);\n                }\n                newFocusedItem = listChild ? listChild : null;\n            }\n        }\n        return newFocusedItem;\n    };\n    /**\n     * Every time the input event is triggered, the value of the input is sent to processInputEvent, which is responsible for displaying a window with the suggested options. this.debounce is a delay that, along with clearTimeout, ensures that the window is only shown after the user has stopped typing.\n     */\n    handleInput = (e) => {\n        const inputValue = e.target.value;\n        this.value = inputValue;\n        if (this.timeoutReference) {\n            clearTimeout(this.timeoutReference);\n        }\n        this.timeoutReference = setTimeout(() => {\n            this.processInputEvent(inputValue);\n        }, this.debounce);\n    };\n    handleKeyDown = (e) => {\n        if (e.key === ARROW_DOWN) {\n            e.preventDefault();\n            this.setFocusOnFirstItem();\n        }\n    };\n    evaluateWindowMaxHeight = () => {\n        const viewportHeight = window.innerHeight;\n        const documentHeight = document.body.scrollHeight;\n        const height = documentHeight >= viewportHeight ? documentHeight : viewportHeight;\n        const inputBottomPosition = this.textInput.getBoundingClientRect().bottom + window.scrollY;\n        const windowMaxHeight = height - inputBottomPosition + \"px\";\n        this.el.style.setProperty(\"--window-max-height\", windowMaxHeight);\n    };\n    scrollListToTop = () => {\n        const partWindow = this.chWindow.shadowRoot.querySelector(\"[part='window']\");\n        partWindow.scrollTop = 0;\n    };\n    scrollListToBottom = () => {\n        const partWindow = this.chWindow.shadowRoot.querySelector(\"[part='window']\");\n        partWindow.scrollTop = partWindow.scrollHeight;\n    };\n    processInputEvent = (inputValue) => {\n        this.valueChanged.emit(inputValue);\n        this.evaluateWindowMaxHeight();\n    };\n    closeWindow = () => {\n        this.chWindow.hidden = true;\n    };\n    onFocusHandler = () => {\n        if (this.cursorEnd) {\n            this.textInput.setSelectionRange(this.textInput.value.length, this.textInput.value.length);\n        }\n    };\n    // 10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, null, h(\"div\", { class: \"main-wrapper\", part: \"main-wrapper\" }, h(\"div\", { class: \"label-input-wrapper\", part: \"label-input-wrapper\" }, this.showLabel && this.label && (h(\"label\", { id: \"label\", htmlFor: \"input\", part: \"label\" }, this.label)), h(\"input\", { type: \"text\", id: \"input\", part: \"input\", class: \"input\", ref: el => (this.textInput = el), onInput: this.handleInput, onKeyDown: this.handleKeyDown, onFocus: this.onFocusHandler, value: this.value, autocomplete: \"off\", \"aria-controls\": \"ch-window\", \"aria-label\": !this.showLabel && this.label ? this.label : undefined, \"aria-labelledby\": this.showLabel && this.label ? \"label\" : undefined, \"aria-expanded\": this.windowHidden.toString() })), h(\"ch-window\", { id: \"ch-window\", container: this.textInput, \"close-on-outside-click\": true, \"close-on-escape\": true, xAlign: \"inside-start\", yAlign: \"outside-end\", ref: el => (this.chWindow = el), showHeader: this.showHeader, caption: this.suggestTitle, exportparts: \"\\n            header:header, \\n            caption:title, \\n            close:close-button,\\n            window:dropdown\" }, h(\"slot\", { onSlotchange: this.evaluateSlotIsEmpty, ref: el => (this.slot = el) })))));\n    }\n    static get is() { return \"ch-suggest\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ch-suggest.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ch-suggest.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"debounce\": {\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\": \"The debounce amount in milliseconds (This is the time the suggest waits after the user has finished typing, to show the suggestions).\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"300\"\n            },\n            \"label\": {\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 label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"labelPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LabelPosition\",\n                    \"resolved\": \"\\\"above\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"LabelPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../common/types\",\n                            \"id\": \"src/common/types.ts::LabelPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label position\"\n                },\n                \"attribute\": \"label-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"start\\\"\"\n            },\n            \"showLabel\": {\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\": \"Whether or not to display the label\"\n                },\n                \"attribute\": \"show-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This is the suggest value.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"showHeader\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"false\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Wether or not the suggest has a header. The header will show the \\\"suggestTitle\\\" if provided, and a close button.\"\n                },\n                \"attribute\": \"show-header\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"suggestTitle\": {\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 suggest title (optional). This is not the same as the \\\"label\\\", rather, this is the title that will appear inside the dropdown. This title will only be visible if \\\"showHeader\\\" is set to true.\"\n                },\n                \"attribute\": \"suggest-title\",\n                \"reflect\": false\n            },\n            \"cursorEnd\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"false\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, it will position the cursor at the end when the input is focused.\"\n                },\n                \"attribute\": \"cursor-end\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"windowHidden\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"valueChanged\",\n                \"name\": \"valueChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is emitted every time there input events fires, and it emits the actual input value.\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"selectionChanged\",\n                \"name\": \"selectionChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is emitted when an item was selected.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SuggestItemSelectedEvent\",\n                    \"resolved\": \"{ value: any; indexes: SuggestItemIndexes; description?: string; icon?: string; }\",\n                    \"references\": {\n                        \"SuggestItemSelectedEvent\": {\n                            \"location\": \"import\",\n                            \"path\": \"./suggest-list-item/ch-suggest-list-item\",\n                            \"id\": \"src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx::SuggestItemSelectedEvent\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"selectInputText\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"description\",\n                            \"text\": \"It selects/highlights the input text.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"itemSelected\",\n                \"method\": \"itemSelectedHandler\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"focusChangeAttempt\",\n                \"method\": \"focusChangeAttemptHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"windowClosed\",\n                \"method\": \"windowClosedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ch-suggest.js.map\n","*,\n::after,\n::before {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n.title {\n  margin: 0;\n  font: inherit;\n}\n\n.list {\n  margin: 0;\n  padding: 0;\n}","import { Host, h } from \"@stencil/core\";\nexport class ChSuggestList {\n    constructor() {\n        this.label = undefined;\n    }\n    // 2.REFERENCE TO ELEMENTS //\n    // 3.STATE() VARIABLES //\n    // 4.PUBLIC PROPERTY API / WATCH'S //\n    // 5.EVENTS (EMIT) //\n    // 6.COMPONENT LIFECYCLE EVENTS //\n    // 7.LISTENERS //\n    // 8.PUBLIC METHODS API //\n    // 9.LOCAL METHODS //\n    // 10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, null, this.label && (h(\"h2\", { id: \"heading\", part: \"title\", class: \"title\" }, this.label)), h(\"ul\", { \"aria-labelledby\": this.label ? \"heading\" : undefined, part: \"list\", class: \"list\" }, h(\"slot\", null))));\n    }\n    static get is() { return \"ch-suggest-list\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ch-suggest-list.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ch-suggest-list.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"label\": {\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 label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=ch-suggest-list.js.map\n",":host {\n  display: block;\n}\n\n:where(button) {\n  all: unset;\n  display: flex;\n  width: 100%;\n  cursor: pointer;\n}\n\n*,\n::after,\n::before {\n  box-sizing: border-box;\n}","/* STENCIL IMPORTS */\nimport { Host, h } from \"@stencil/core\";\nconst ARROW_DOWN = \"ArrowDown\";\nconst ARROW_UP = \"ArrowUp\";\nexport class ChSuggestListItem {\n    constructor() {\n        this.iconSrc = undefined;\n        this.value = undefined;\n    }\n    // 2.REFERENCE TO ELEMENTS //\n    el;\n    // 3.STATE() VARIABLES //\n    // 4.PUBLIC PROPERTY API / WATCH'S //\n    // 5.EVENTS (EMIT) //\n    /**\n     * This event is emitted every time the item is selected, either by clicking on it, or by pressing Enter.\n     */\n    itemSelected;\n    /**\n     * This event is emitted every time the item is about to lose focus, by pressing the \"ArrowUp\" or \"ArrowDown\" keyboard keys.\n     */\n    focusChangeAttempt;\n    // 6.COMPONENT LIFECYCLE EVENTS //\n    // 7.LISTENERS //\n    // 8.PUBLIC METHODS API //\n    // 9.LOCAL METHODS //\n    getItemIndexes = () => {\n        const parentElement = this.el.parentElement;\n        if (parentElement.nodeName === \"CH-SUGGEST\") {\n            const chSuggest = parentElement;\n            let itemIndex = -1;\n            const suggestListItemsArray = Array.from(chSuggest.querySelectorAll(\":scope > ch-suggest-list-item\"));\n            for (let index = 0; index < suggestListItemsArray.length; index++) {\n                // Then get the item index\n                if (suggestListItemsArray[index] === this.el) {\n                    itemIndex = index;\n                    break;\n                }\n            }\n            return {\n                itemIndex: itemIndex,\n                listIndex: undefined // the items does not belongs to a list\n            };\n        }\n        if (parentElement.nodeName === \"CH-SUGGEST-LIST\") {\n            const chSuggestList = parentElement;\n            const chSuggestListsArray = Array.from(chSuggestList.parentElement.querySelectorAll(\":scope > ch-suggest-list\"));\n            const listIndex = chSuggestListsArray.findIndex(list => {\n                return list === chSuggestList;\n            });\n            if (listIndex !== -1) {\n                const listItemsArray = Array.from(chSuggestList.querySelectorAll(\"ch-suggest-list-item\"));\n                const itemIndex = listItemsArray.findIndex(item => {\n                    return item === this.el;\n                });\n                return {\n                    itemIndex: itemIndex,\n                    listIndex: listIndex\n                };\n            }\n        }\n    };\n    handleClick = () => {\n        const indexes = this.getItemIndexes();\n        this.itemSelected.emit({\n            value: this.value || this.el.innerText,\n            description: this.el.innerText,\n            icon: this.iconSrc,\n            indexes: indexes\n        });\n    };\n    handleKeyDown = (e) => {\n        if (e.code === ARROW_UP || e.code === ARROW_DOWN) {\n            e.preventDefault();\n            this.focusChangeAttempt.emit({\n                el: this.el,\n                code: e.code\n            });\n        }\n    };\n    // 10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, { role: \"listitem\", onKeyDown: this.handleKeyDown }, h(\"button\", { part: \"button\", onClick: this.handleClick }, h(\"slot\", { name: \"icon\" }), h(\"div\", { class: \"content-wrapper\", part: \"content-wrapper\" }, h(\"slot\", null)))));\n    }\n    static get is() { return \"ch-suggest-list-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ch-suggest-list-item.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ch-suggest-list-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"iconSrc\": {\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 icon url\"\n                },\n                \"attribute\": \"icon-src\",\n                \"reflect\": false\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\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"itemSelected\",\n                \"name\": \"itemSelected\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is emitted every time the item is selected, either by clicking on it, or by pressing Enter.\"\n                },\n                \"complexType\": {\n                    \"original\": \"SuggestItemSelectedEvent\",\n                    \"resolved\": \"{ value: any; indexes: SuggestItemIndexes; description?: string; icon?: string; }\",\n                    \"references\": {\n                        \"SuggestItemSelectedEvent\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx\",\n                            \"id\": \"src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx::SuggestItemSelectedEvent\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"focusChangeAttempt\",\n                \"name\": \"focusChangeAttempt\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is emitted every time the item is about to lose focus, by pressing the \\\"ArrowUp\\\" or \\\"ArrowDown\\\" keyboard keys.\"\n                },\n                \"complexType\": {\n                    \"original\": \"FocusChangeAttempt\",\n                    \"resolved\": \"{ el: HTMLChSuggestListItemElement; code: ChSuggestKeyDownEvents; }\",\n                    \"references\": {\n                        \"FocusChangeAttempt\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx\",\n                            \"id\": \"src/components/suggest/suggest-list-item/ch-suggest-list-item.tsx::FocusChangeAttempt\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ch-suggest-list-item.js.map\n","@charset \"UTF-8\";\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(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-01-font-weight);\n  font-size: var(--ds-title-01-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-02-font-weight);\n  font-size: var(--ds-title-02-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-03-font-weight);\n  font-size: var(--ds-title-03-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-04-font-weight);\n  font-size: var(--ds-title-04-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-weight: var(--ds-title-05-font-weight);\n  font-size: var(--ds-title-05-font-size);\n  letter-spacing: var(--ds-base-font-letter-spacing--regular);\n  color: var(--ds-base-font-color);\n  text-align: start;\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n  color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n  line-height: unset;\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--link);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--ds-base-font-color--dimmed);\n  filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--error);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--warning);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  color: var(--ds-base-font-color--success);\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(--ds-base-font-family-primary);\n  font-weight: var(--gxg-label-font-weight);\n  font-size: var(--gxg-label-font-size);\n  color: var(--gxg-label-color);\n  text-align: center;\n  line-height: 1.455em;\n  display: flex;\n  align-items: center;\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/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*Warning*/\n:host(.gxg-validation--warning) .form-element {\n  border-color: var(--ds-border-color--warning);\n}\n:host(.gxg-validation--warning) .form-element:focus {\n  outline-color: var(--ds-border-color--warning);\n  border-color: var(--ds-border-color--warning);\n}\n:host(.gxg-validation--warning) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--warning);\n}\n\n/*Error*/\n:host(.gxg-validation--error) .form-element {\n  border-color: var(--ds-border-color--error);\n}\n:host(.gxg-validation--error) .form-element:focus {\n  outline-color: var(--ds-border-color--error);\n  border-color: var(--ds-border-color--error);\n}\n:host(.gxg-validation--error) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--error);\n}\n\n/*Success*/\n:host(.gxg-validation--success) .form-element {\n  border-color: var(--ds-border-color--success);\n}\n:host(.gxg-validation--success) .form-element:focus {\n  outline-color: var(--ds-border-color--success);\n  border-color: var(--ds-border-color--success);\n}\n:host(.gxg-validation--success) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--success);\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  --margin-inline-start: 6px;\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(--margin-inline-start);\n  box-sizing: border-box;\n}\n.tooltip-inner-wrapper--visible {\n  width: calc(var(--ds-icon-size-box--small) + var(--margin-inline-start));\n}\n.tooltip-inner-wrapper--hidden {\n  display: none;\n}\n\nch-suggest {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-color);\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  /* Label */\n  /*Input*/\n  /*header*/\n  /*window*/\n}\nch-suggest::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\nch-suggest::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\nch-suggest::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\nch-suggest::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\nch-suggest::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\nch-suggest::part(label) {\n  font-family: var(--ds-base-font-family-primary);\n  font-size: var(--ds-base-font-size);\n  color: var(--ds-base-font-size-color);\n  font-weight: var(--ds-base-font-size-weight);\n  line-height: var(--ds-base-font-line-height--comfortable);\n  display: flex;\n  align-items: center;\n  cursor: default;\n  font-size: inherit;\n  flex-shrink: 0;\n}\nch-suggest[label-position=start]::part(label) {\n  margin-inline-end: var(--gxg-label-separation-horizontal);\n}\nch-suggest[label-position=above]::part(label) {\n  margin-block-end: var(--gxg-label-separation-vertical);\n}\nch-suggest::part(input) {\n  font-size: var(--gxg-suggest-input__font-size);\n  height: var(--gxg-suggest-input__height);\n  border: var(--ds-form-control-border);\n  border-radius: var(--ds-form-control-border-radius);\n  padding: var(--gxg-suggest-input__padding);\n  box-sizing: border-box;\n  background-color: var(--gxg-suggest-input__background-color);\n  width: 100%;\n  flex: auto;\n}\nch-suggest::part(input):focus {\n  outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n  outline-offset: -1px;\n  outline-offset: 0;\n  outline-offset: -1px;\n}\nch-suggest::part(header) {\n  display: block;\n  padding-block-end: var(--gxg-suggest-header__padding-block-end);\n  display: flex;\n  justify-content: flex-end;\n}\nch-suggest::part(close-button) {\n  height: var(--spacing-comp-05);\n  width: var(--spacing-comp-05);\n  background-color: var(--color-background);\n  color: var(--color-primary-hover);\n  border: 1px solid var(--color-primary-hover);\n  box-sizing: border-box;\n  cursor: pointer;\n  display: block;\n}\nch-suggest::part(close-button):hover {\n  background-color: var(--color-primary-hover-opacity-01);\n}\nch-suggest::part(close-button)::after {\n  content: \"✖\";\n  width: 100%;\n  display: block;\n  line-height: var(--gxg-suggest-close-button__line-height--after);\n  text-align: center;\n}\nch-suggest::part(close-button):focus {\n  outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n  outline-offset: -1px;\n  outline-offset: 0;\n}\nch-suggest::part(dropdown) {\n  /*mixin shadow*/\n  background-color: var(--gxg-suggest-drop-down__background-color);\n  margin-top: var(--gxg-suggest-drop-down__margin-top);\n  padding: var(--gxg-suggest-drop-down__padding);\n  box-shadow: var(--gxg-suggest-drop-down__box-shadow);\n  border: var(--gxg-suggest-general__border);\n  position: relative;\n  top: 2px;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\nch-suggest::part(dropdown)::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\nch-suggest::part(dropdown)::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\nch-suggest::part(dropdown)::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\nch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\nch-suggest::part(dropdown)::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*Validation*/\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\ngxg-suggest.gxg-validation--success ch-suggest::part(input) {\n  outline-color: var(--ds-border-color--success);\n  border-color: var(--ds-border-color--success);\n}\ngxg-suggest.gxg-validation--success ch-suggest::part(input) + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--success);\n}\n\ngxg-suggest.gxg-validation--warning ch-suggest::part(input) {\n  outline-color: var(--ds-border-color--warning);\n  border-color: var(--ds-border-color--warning);\n}\ngxg-suggest.gxg-validation--warning ch-suggest::part(input) + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--warning);\n}\n\ngxg-suggest.gxg-validation--error ch-suggest::part(input) {\n  outline-color: var(--ds-border-color--error);\n  border-color: var(--ds-border-color--error);\n}\ngxg-suggest.gxg-validation--error ch-suggest::part(input) + .checkmark {\n  --checkmark-border-color: var(--ds-border-color--error);\n}\n\n/*Disabled*/\ngxg-suggest.gxg--disabled ch-suggest {\n  pointer-events: none;\n}\ngxg-suggest.gxg--disabled ch-suggest::part(input) {\n  background-color: var(--gray-01);\n  color: var(--color-on-disabled);\n}\n\ngxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper) {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 100%;\n}\n\nch-suggest-list {\n  font-family: inherit;\n  border: var(--gxg-suggest-list__border);\n  border-radius: var(--gxg-suggest-list__border-radius);\n  padding: var(--gxg-suggest-list__padding);\n}\nch-suggest-list > ch-suggest-list-item:not(:first-child) {\n  border-top: var(--gxg-suggest-general__border);\n}\nch-suggest-list:first-child {\n  margin-block-start: 0;\n}\nch-suggest-list:last-child {\n  margin-block-end: 0;\n}\nch-suggest-list::part(title) {\n  text-transform: capitalize;\n  font-weight: var(--gxg-suggest-list-title__font-weight);\n  margin: var(--gxg-suggest-list-title__margin);\n  padding: var(--gxg-suggest-list-title__padding);\n  color: var(--gxg-suggest-list-title__color);\n  background-color: var(--gxg-suggest-list-title__background-color);\n  border-bottom: var(--gxg-suggest-general__border);\n  border-bottom-width: 2px;\n}\nch-suggest-list:first-child {\n  margin-block-start: 0;\n}\nch-suggest-list::part(list) {\n  padding: var(--gxg-suggest-list-part-list__padding);\n}\n\nch-suggest-list + ch-suggest-list {\n  margin-block-start: 0;\n  border-block-start: 0;\n}\nch-suggest-list + ch-suggest-list::part(title) {\n  margin-block-start: 0;\n}\n\nch-suggest-list + ch-suggest-list-item {\n  margin-block-start: var(--gxg-suggest-list-item-next-sibling__margin-block-start);\n}\n\nch-suggest-list-item {\n  font-size: inherit;\n  border-radius: var(--gxg-suggest-list-item__border-radius);\n  /*button*/\n}\nch-suggest-list-item::part(button) {\n  padding: var(--gxg-suggest-list-item-button__padding);\n  align-items: center;\n  gap: var(--gxg-suggest-list-item-button__gap);\n  box-sizing: border-box;\n  line-height: var(--gxg-suggest-list-item__line-height);\n  box-sizing: border-box;\n  overflow: hidden;\n}\nch-suggest-list-item::part(button):hover {\n  color: var(--gxg-suggest-list-item-button__color--hover);\n}\nch-suggest-list-item::part(button):focus {\n  outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n  outline-offset: -1px;\n  outline-offset: 0;\n}\nch-suggest-list-item::part(description)::before {\n  content: \" - \";\n}\nch-suggest-list-item gxg-icon::part(ch-icon) {\n  --icon-size: var(--gxg-suggest-list-item-icon__size);\n  margin-right: var(--gxg-suggest-list-item-icon__margin-right);\n}\nch-suggest-list-item:hover {\n  background-color: var(--gxg-suggest-list-item-button__background-color);\n}\n\nch-suggest-list-item + ch-suggest-list {\n  margin-block-start: var(--spacing-comp-02);\n}","import { Host, h } from \"@stencil/core\";\nimport { formMessageLogic } from \"../../common/form\";\nimport { formClasses } from \"../../common/classesNames\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nexport class GxgSuggest {\n    constructor() {\n        this.validationStatus = \"indeterminate\";\n        this.validationMessage = undefined;\n        this.disabled = false;\n        this.ellipsis = true;\n    }\n    render() {\n        return (h(Host, { class: {\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            } }, h(\"slot\", null), formMessageLogic(this)));\n    }\n    static get is() { return \"gxg-suggest\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"styles.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"styles.css\"]\n        };\n    }\n    static get properties() {\n        return {\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\": 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 message to display for the validation result.\"\n                },\n                \"attribute\": \"validation-message\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute makes the suggest disabled.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"ellipsis\": {\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 forces the suggest list items to not wrap to a second line, and it will display ellipsis. (...)\"\n                },\n                \"attribute\": \"ellipsis\",\n                \"reflect\": true,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=suggest.js.map\n"],"mappings":"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"}

package/dist/genexus-ide-ui/{p-2c733995.entry.js → p-d5903356.entry.js}

@@ -6,7 +6,7 @@ import { s as n } from "./p-f6aacda6.js";
 
 import { c as l } from "./p-9c1b4eb9.js";
 
-import { r as d } from "./p-67ea84e8.js";
+import { r as d } from "./p-350f49ac.js";
 
 import { f as g } from "./p-e8646b08.js";
 
@@ -341,4 +341,4 @@ const h = class {
 h.style = c;
 
 export { h as gx_ide_new_environment };
-//# sourceMappingURL=p-2c733995.entry.js.map
+//# sourceMappingURL=p-d5903356.entry.js.map

package/dist/genexus-ide-ui/{p-05102700.entry.js → p-df72101e.entry.js}

@@ -6,7 +6,7 @@ import { c as l } from "./p-9c1b4eb9.js";
 
 import { f as n } from "./p-e8646b08.js";
 
-import { r as g } from "./p-67ea84e8.js";
+import { r as g } from "./p-350f49ac.js";
 
 const c = ':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);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(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.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-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.main{display:grid;column-gap:var(--gx-ide-grid-column-gap);row-gap:var(--gx-ide-grid-row-gap);grid-template-columns:auto 1fr;grid-template-areas:"kb-label kb-input " "server-label server-input" "auth-type-label auth-type-input" "user-name-label user-name-input" "password-label password-input"}.main .kb-name-label{grid-area:kb-label}.main .kb-input{grid-area:kb-input}.main .server-url-label{grid-area:server-label}.main .server-url-input{grid-area:server-input}.main .auth-type-label{grid-area:auth-type-label}.main .auth-type-input{grid-area:auth-type-input}.main .user-name-label{grid-area:user-name-label}.main .user-name-input{grid-area:user-name-input}.main .password-label{grid-area:password-label}.main .password-input{grid-area:password-input}';
 
@@ -155,4 +155,4 @@ const b = class {
 b.style = c;
 
 export { b as gx_ide_share_kb };
-//# sourceMappingURL=p-05102700.entry.js.map
+//# sourceMappingURL=p-df72101e.entry.js.map

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown/dropdown.css

@@ -1,7 +1,16 @@
-:where(button) {
+:where(a, button) {
   all: unset;
 }
 
+a,
+button {
+  display: flex;
+  align-items: center;
+  inline-size: 100%;
+  block-size: 100%;
+  cursor: pointer;
+}
+
 *,
 ::after,
 ::before {
@@ -10,9 +19,10 @@
 
 :host {
   --ch-dropdown-item__image-size: 0.875em;
-  --separation: 0px;
-  --separation-x: var(--separation);
-  --separation-y: var(--separation);
+  --ch-dropdown-item__background-image-size: 100%;
+  --ch-dropdown-separation: 0px;
+  --ch-dropdown-separation-x: var(--ch-dropdown-separation);
+  --ch-dropdown-separation-y: var(--ch-dropdown-separation);
   display: flex;
   position: relative;
   inline-size: 100%;
@@ -20,40 +30,29 @@
 }
 
 .expandable-button {
-  display: flex;
-  align-items: center;
   justify-content: center;
   align-self: center;
   position: relative;
-  inline-size: 100%;
-  block-size: 100%;
-  cursor: pointer;
   z-index: 108;
 }
-.expandable-button:focus-visible {
-  outline: 1px solid currentColor;
-}
 
 ::slotted([slot=action]) {
   pointer-events: none;
 }
 
+ch-popover {
+  --ch-popover-separation-x: var(--ch-dropdown-separation-x);
+  --ch-popover-separation-y: var(--ch-dropdown-separation-y);
+}
+
 .list {
   display: flex;
   flex-direction: column;
 }
 
 .action {
-  display: flex;
-  align-items: center;
-  inline-size: 100%;
-  block-size: 100%;
-  cursor: pointer;
   text-align: start;
 }
-.action:focus-visible {
-  outline: 1px solid currentColor;
-}
 
 .pseudo-img--start::before,
 .pseudo-img--end::after {
@@ -64,21 +63,22 @@
   min-inline-size: var(--ch-dropdown-item__image-size);
 }
 
-.start-img-type--background::before {
-  background: no-repeat center/100% var(--ch-dropdown-item-start-img);
+.pseudo-img--start {
+  --ch-dropdown-item-img: var(--ch-dropdown-item-start-img);
 }
 
-.end-img-type--background::after {
-  background: no-repeat center/100% var(--ch-dropdown-item-end-img);
+.pseudo-img--end {
+  --ch-dropdown-item-img: var(--ch-dropdown-item-end-img);
 }
 
-.start-img-type--mask::before {
-  -webkit-mask: var(--ch-dropdown-item-start-img) 50% 50%/100% 100% no-repeat;
-  background-color: currentColor;
+.start-img-type--background::before,
+.end-img-type--background::after {
+  background: no-repeat center/var(--ch-dropdown-item__background-image-size) var(--ch-dropdown-item-img);
 }
 
+.start-img-type--mask::before,
 .end-img-type--mask::after {
-  -webkit-mask: var(--ch-dropdown-item-end-img) 50% 50%/100% 100% no-repeat;
+  -webkit-mask: var(--ch-dropdown-item-img) 50% 50%/var(--ch-dropdown-item__background-image-size) var(--ch-dropdown-item__background-image-size) no-repeat;
   background-color: currentColor;
 }
 

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view-item/tree-view-item.css

@@ -64,8 +64,6 @@
   block-size: var(--ch-tree-view-item__expandable-button-size);
   z-index: 1;
   cursor: pointer;
-  content-visibility: auto;
-  contain-intrinsic-size: auto var(--ch-tree-view-item__expandable-button-size);
 }
 
 .expandable-button-decorative::before {

package/dist/node_modules/@genexus/gemini/dist/collection/components/buttons-container/buttons-container.css

@@ -30,4 +30,15 @@
     --gxg-button-unselected-bg-color--enabled
   );
   --gxg-button-primary-color: var(--gxg-button-unselected-color--enabled);
+}
+
+:host([full-width]) {
+  width: 100%;
+}
+:host([full-width]) .container {
+  width: 100%;
+  display: flex;
+}
+:host([full-width]) ::slotted(gxg-button) {
+  flex: 1;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css

@@ -431,6 +431,7 @@ ch-suggest[label-position=above]::part(label) {
   margin-block-end: var(--gxg-label-separation-vertical);
 }
 ch-suggest::part(input) {
+  font-size: var(--gxg-suggest-input__font-size);
   height: var(--gxg-suggest-input__height);
   border: var(--ds-form-control-border);
   border-radius: var(--ds-form-control-border-radius);