@genexus/genexus-ide-ui 0.0.108 → 0.0.110

package/dist/components/ide-loader.js.map

@@ -1 +1 @@
-{"file":"ide-loader.js","mappings":";;;;;;;;;AAAA,MAAM,YAAY,GAAG,kxDAAkxD;;MCC1xD,SAAS;IAClB;;;;;;;;;;;;;;;;;;QA4BA,mBAAc,GAAG,GAAG,CAAC;;;;;QAkCrB,gBAAW,GAAG;YACV,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC;SAC1I,CAAC;QACF,sBAAiB,GAAG;YAChB,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,UAAU,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE,IAAI,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC;SACnJ,CAAC;QACF,uBAAkB,GAAG;YACjB,OAAO,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE;oBAC5C,CAAC,uBAAuB,GAAG,IAAI;iBAClC,EAAE,IAAI,EAAE,qBAAqB,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC;SAChG,CAAC;QACF,kBAAa,GAAG;YACZ,IAAI,IAAI,CAAC,cAAc,EAAE;gBACrB,IAAI,CAAC,cAAc,EAAE,CAAC;aACzB;YACD,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;YACpC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;SACrB,CAAC;;;;;QA9EE,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;QAC7B,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAChC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;KAC9B;IAsBD,WAAW,CAAC,IAAI;QACZ,MAAM,OAAO,GAAG,EAAE,CAAC;QACnB,IAAI,IAAI,EAAE;YACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,UAAU,CAAC;gBACP,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;aAC3B,EAAE,OAAO,CAAC,CAAC;SACf;aACI;YACD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,UAAU,CAAC;gBACP,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;aAC9B,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;SAC3B;QACD,IAAI,IAAI,EAAE;YACN,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACvB,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;aACvC;YACD,IAAI,CAAC,gBAAgB,GAAG,UAAU,CAAC;gBAC/B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;aACrB,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SACtB;KACJ;;IA0BD,MAAM;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,GAAG,IAAI,CAAC,cAAc,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;gBAC1Q,CAAC,iBAAiB,GAAG,IAAI;gBACzB,0BAA0B,EAAE,IAAI,CAAC,WAAW;aAC/C,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;gBACnF,yBAAyB,EAAE,IAAI;gBAC/B,iCAAiC,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,WAAW;aACjG,EAAE,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;KACzF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/ide-loader/ide-loader.css?tag=gxg-ide-loader&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/ide-loader/ide-loader.js"],"sourcesContent":[":host(.gxg--disabled) .form-element,\n:host(.gxg--disabled.form-element) {\n  pointer-events: none;\n  background-color: var(--ds-background-color-disabled) !important;\n  color: var(--ds-color--disabled) !important;\n  border-color: var(--ds-border-color-disabled) !important;\n  cursor: default !important;\n}\n\n:host {\n  display: block;\n}\n\nch-window::part(mask) {\n  overflow: hidden;\n}\n\nch-window::part(main) {\n  height: 100%;\n}\n\nch-window::part(window) {\n  width: 100%;\n  height: 100%;\n}\n\n.loader__wrapper {\n  opacity: 0;\n  transition: var(--show-transition) opacity;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n  backdrop-filter: var(--gxg-ide-loader-wrapper__backdrop-filter);\n  padding: var(--gxg-ide-loader-wrapper__padding);\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  color: var(--gxg-ide-loader-wrapper__color);\n}\n.loader__wrapper--visible {\n  opacity: 1;\n}\n.loader__spinner {\n  border: var(--gxg-ide-loader-spinner__border);\n  border-top: var(--gxg-ide-loader-spinner__border-top);\n  border-radius: 50%;\n  -webkit-animation: spinner 0.6s infinite linear;\n  animation: spinner 0.6s infinite linear;\n  width: var(--gxg-ide-loader-spinner__width);\n  height: var(--gxg-ide-loader-spinner__width);\n  flex-shrink: 0;\n}\n.loader__content-wrapper {\n  display: flex;\n  flex-direction: column;\n  margin-block-start: var(--gxg-ide-loader-content-wrapper__mbs);\n  gap: var(--gxg-ide-loader-content-wrapper__gap);\n  max-width: var(--gxg-ide-loader-content-wrapper__max-width);\n}\n.loader__content-wrapper--hidden {\n  display: none;\n}\n\n/*background color animation*/\n@keyframes wrapper {\n  from {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n  }\n  to {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--to);\n  }\n}\n/*spinner animation*/\n@-webkit-keyframes spinner {\n  from {\n    -webkit-transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(359deg);\n  }\n}\n@keyframes spinner {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}","import { Host, h } from \"@stencil/core\";\nexport class IdeLoader {\n    constructor() {\n        this.showWindow = false;\n        this.showWrapper = false;\n        this.loaderTitle = undefined;\n        this.description = undefined;\n        this.cancelLabel = undefined;\n        this.cancelCallback = undefined;\n        this.show = false;\n        this.abortTime = 5000;\n        this.container = undefined;\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    /**\n     * The transition speed for displaying/hiding the ch-window\n     */\n    showTransition = 200;\n    timeoutReference;\n    // 2. REFERENCE TO ELEMENTS //\n    containerEl;\n    showHandler(show) {\n        const timeout = 50;\n        if (show) {\n            this.showWindow = true;\n            setTimeout(() => {\n                this.showWrapper = true;\n            }, timeout);\n        }\n        else {\n            this.showWrapper = false;\n            setTimeout(() => {\n                this.showWindow = false;\n                this.loaderFinished.emit();\n            }, this.showTransition);\n        }\n        if (show) {\n            if (this.timeoutReference) {\n                clearTimeout(this.timeoutReference);\n            }\n            this.timeoutReference = setTimeout(() => {\n                this.show = false;\n            }, this.abortTime);\n        }\n    }\n    // 5.EVENTS (EMIT) //\n    loaderFinished;\n    // 6.COMPONENT LIFECYCLE EVENTS //\n    // 7.LISTENERS //\n    // 8.PUBLIC METHODS API //\n    // 9.LOCAL METHODS //\n    renderTitle = () => {\n        return this.loaderTitle ? (h(\"gxg-title\", { class: \"loader__title\", type: \"title-04\", alignment: \"center\" }, this.loaderTitle)) : null;\n    };\n    renderDescription = () => {\n        return this.description ? (h(\"gxg-text\", { class: \"loader__description\", type: \"text-regular\", textAlign: \"center\" }, this.description)) : null;\n    };\n    renderCancelButton = () => {\n        return this.cancelLabel ? (h(\"gxg-button\", { class: {\n                [`loader__cancel-button`]: true\n            }, type: \"secondary-text-icon\", onClick: this.cancelProcess }, this.cancelLabel)) : null;\n    };\n    cancelProcess = () => {\n        if (this.cancelCallback) {\n            this.cancelCallback();\n        }\n        clearTimeout(this.timeoutReference);\n        this.show = false;\n    };\n    //  10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, null, h(\"ch-window\", { closeOnEscape: false, closeOnOutsideClick: false, container: this.container, hidden: !this.showWindow, modal: false, showFooter: false, showHeader: false, style: { \"--show-transition\": `${this.showTransition}ms` } }, h(\"div\", { class: {\n                [`loader__wrapper`]: true,\n                \"loader__wrapper--visible\": this.showWrapper\n            }, part: \"loader-wrapper\" }, h(\"div\", { class: \"loader__spinner\" }), h(\"div\", { class: {\n                \"loader__content-wrapper\": true,\n                \"loader__content-wrapper--hidden\": !this.description && !this.loaderTitle && !this.cancelLabel\n            } }, this.renderTitle(), this.renderDescription(), this.renderCancelButton())))));\n    }\n    static get is() { return \"gxg-ide-loader\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ide-loader.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ide-loader.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"loaderTitle\": {\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 loader title (optional)\"\n                },\n                \"attribute\": \"loader-title\",\n                \"reflect\": false\n            },\n            \"description\": {\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 loader description (optional)\"\n                },\n                \"attribute\": \"description\",\n                \"reflect\": false\n            },\n            \"cancelLabel\": {\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 cancel button label (optional)\"\n                },\n                \"attribute\": \"cancel-label\",\n                \"reflect\": false\n            },\n            \"cancelCallback\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IdeLoaderCancelCallback\",\n                    \"resolved\": \"() => void\",\n                    \"references\": {\n                        \"IdeLoaderCancelCallback\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/ide-loader/ide-loader.tsx\",\n                            \"id\": \"src/components/ide-loader/ide-loader.tsx::IdeLoaderCancelCallback\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The cancel callback\"\n                }\n            },\n            \"show\": {\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\": \"It shows the loader\"\n                },\n                \"attribute\": \"show\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"abortTime\": {\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 time the loader will await before abort.\"\n                },\n                \"attribute\": \"abort-time\",\n                \"reflect\": false,\n                \"defaultValue\": \"5000\"\n            },\n            \"container\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The container element for the loader.\"\n                }\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"showWindow\": {},\n            \"showWrapper\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"loaderFinished\",\n                \"name\": \"loaderFinished\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"show\",\n                \"methodName\": \"showHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ide-loader.js.map\n"],"version":3}
+{"file":"ide-loader.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/ide-loader/ide-loader.css?tag=gxg-ide-loader&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/ide-loader/ide-loader.js"],"sourcesContent":[":host(.gxg--disabled) .form-element,\n:host(.gxg--disabled.form-element) {\n  pointer-events: none;\n  background-color: var(--ds-background-color-disabled) !important;\n  color: var(--ds-color--disabled) !important;\n  border-color: var(--ds-border-color-disabled) !important;\n  cursor: default !important;\n}\n\n:host {\n  display: block;\n}\n\nch-window::part(mask) {\n  overflow: hidden;\n}\n\nch-window::part(main) {\n  height: 100%;\n}\n\nch-window::part(window) {\n  width: 100%;\n  height: 100%;\n}\n\n.loader__wrapper {\n  opacity: 0;\n  transition: var(--show-transition) opacity;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n  backdrop-filter: var(--gxg-ide-loader-wrapper__backdrop-filter);\n  padding: var(--gxg-ide-loader-wrapper__padding);\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  color: var(--gxg-ide-loader-wrapper__color);\n}\n.loader__wrapper--visible {\n  opacity: 1;\n}\n.loader__spinner {\n  border: var(--gxg-ide-loader-spinner__border);\n  border-top: var(--gxg-ide-loader-spinner__border-top);\n  border-radius: 50%;\n  -webkit-animation: spinner 0.6s infinite linear;\n  animation: spinner 0.6s infinite linear;\n  width: var(--gxg-ide-loader-spinner__width);\n  height: var(--gxg-ide-loader-spinner__width);\n  flex-shrink: 0;\n}\n.loader__content-wrapper {\n  display: flex;\n  flex-direction: column;\n  margin-block-start: var(--gxg-ide-loader-content-wrapper__mbs);\n  gap: var(--gxg-ide-loader-content-wrapper__gap);\n  max-width: var(--gxg-ide-loader-content-wrapper__max-width);\n}\n.loader__content-wrapper--hidden {\n  display: none;\n}\n\n/*background color animation*/\n@keyframes wrapper {\n  from {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--from);\n  }\n  to {\n    background-color: var(--gxg-ide-loader-wrapper__background-color--to);\n  }\n}\n/*spinner animation*/\n@-webkit-keyframes spinner {\n  from {\n    -webkit-transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(359deg);\n  }\n}\n@keyframes spinner {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(359deg);\n  }\n}\n:host([display-border]) .loader__wrapper {\n  border: 1px solid var(--mer-color__elevation--02);\n}","import { Host, h } from \"@stencil/core\";\nexport class IdeLoader {\n    constructor() {\n        this.showWindow = false;\n        this.showWrapper = false;\n        this.loaderTitle = undefined;\n        this.description = undefined;\n        this.cancelLabel = undefined;\n        this.cancelCallback = undefined;\n        this.show = false;\n        this.abortTime = 5000;\n        this.displayBorder = false;\n        this.borderRadius = \"0\";\n        this.container = undefined;\n    }\n    // 1.OWN PROPERTIES //\n    /**\n     * The transition speed for displaying/hiding the ch-window\n     */\n    showTransition = 200;\n    timeoutReference;\n    // 2. REFERENCE TO ELEMENTS //\n    containerEl;\n    showHandler(show) {\n        const timeout = 50;\n        if (show) {\n            this.showWindow = true;\n            setTimeout(() => {\n                this.showWrapper = true;\n            }, timeout);\n        }\n        else {\n            this.showWrapper = false;\n            setTimeout(() => {\n                this.showWindow = false;\n                this.loaderFinished.emit();\n            }, this.showTransition);\n        }\n        if (show) {\n            if (this.timeoutReference) {\n                clearTimeout(this.timeoutReference);\n            }\n            this.timeoutReference = setTimeout(() => {\n                this.show = false;\n            }, this.abortTime);\n        }\n    }\n    // 5.EVENTS (EMIT) //\n    loaderFinished;\n    // 6.COMPONENT LIFECYCLE EVENTS //\n    // 7.LISTENERS //\n    // 8.PUBLIC METHODS API //\n    // 9.LOCAL METHODS //\n    renderTitle = () => {\n        return this.loaderTitle ? (h(\"gxg-title\", { class: \"loader__title\", type: \"title-04\", alignment: \"center\" }, this.loaderTitle)) : null;\n    };\n    renderDescription = () => {\n        return this.description ? (h(\"gxg-text\", { class: \"loader__description\", type: \"text-regular\", textAlign: \"center\" }, this.description)) : null;\n    };\n    renderCancelButton = () => {\n        return this.cancelLabel ? (h(\"gxg-button\", { class: {\n                [`loader__cancel-button`]: true\n            }, type: \"secondary-text-icon\", onClick: this.cancelProcess }, this.cancelLabel)) : null;\n    };\n    cancelProcess = () => {\n        if (this.cancelCallback) {\n            this.cancelCallback();\n        }\n        clearTimeout(this.timeoutReference);\n        this.show = false;\n    };\n    //  10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, null, h(\"ch-window\", { closeOnEscape: false, closeOnOutsideClick: false, container: this.container, hidden: !this.showWindow, modal: false, showFooter: false, showHeader: false, style: { \"--show-transition\": `${this.showTransition}ms` } }, h(\"div\", { class: {\n                [`loader__wrapper`]: true,\n                \"loader__wrapper--visible\": this.showWrapper\n            }, style: { borderRadius: this.borderRadius }, part: \"loader-wrapper\" }, h(\"div\", { class: \"loader__spinner\" }), h(\"div\", { class: {\n                \"loader__content-wrapper\": true,\n                \"loader__content-wrapper--hidden\": !this.description && !this.loaderTitle && !this.cancelLabel\n            } }, this.renderTitle(), this.renderDescription(), this.renderCancelButton())))));\n    }\n    static get is() { return \"gxg-ide-loader\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ide-loader.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ide-loader.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"loaderTitle\": {\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 loader title (optional)\"\n                },\n                \"attribute\": \"loader-title\",\n                \"reflect\": false\n            },\n            \"description\": {\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 loader description (optional)\"\n                },\n                \"attribute\": \"description\",\n                \"reflect\": false\n            },\n            \"cancelLabel\": {\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 cancel button label (optional)\"\n                },\n                \"attribute\": \"cancel-label\",\n                \"reflect\": false\n            },\n            \"cancelCallback\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IdeLoaderCancelCallback\",\n                    \"resolved\": \"() => void\",\n                    \"references\": {\n                        \"IdeLoaderCancelCallback\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/ide-loader/ide-loader.tsx\",\n                            \"id\": \"src/components/ide-loader/ide-loader.tsx::IdeLoaderCancelCallback\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The cancel callback\"\n                }\n            },\n            \"show\": {\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\": \"It shows the loader\"\n                },\n                \"attribute\": \"show\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"abortTime\": {\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 time the loader will await before abort.\"\n                },\n                \"attribute\": \"abort-time\",\n                \"reflect\": false,\n                \"defaultValue\": \"5000\"\n            },\n            \"displayBorder\": {\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\": \"Displays a border all around\"\n                },\n                \"attribute\": \"display-border\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"borderRadius\": {\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 border radius value that applies on the .loader__wrapper\"\n                },\n                \"attribute\": \"border-radius\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"0\\\"\"\n            },\n            \"container\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The container element for the loader.\"\n                }\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"showWindow\": {},\n            \"showWrapper\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"loaderFinished\",\n                \"name\": \"loaderFinished\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get watchers() {\n        return [{\n                \"propName\": \"show\",\n                \"methodName\": \"showHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ide-loader.js.map\n"],"version":3}

package/dist/components/suggest.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { a as formMessageLogic } from './form.js';
 import { f as formClasses, c as commonClassesNames } from './classesNames.js';
 
-const stylesCss = "@charset \"UTF-8\";: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)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}ch-suggest{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-color);}ch-suggest::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}ch-suggest::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}ch-suggest::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}ch-suggest::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}ch-suggest::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}ch-suggest::part(label){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);display:flex;align-items:center;cursor:default;font-size:inherit;flex-shrink:0}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-separation-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-separation-vertical)}ch-suggest::part(input){height:var(--gxg-suggest-input__height);border:var(--ds-form-control-border);border-radius:var(--ds-form-control-border-radius);padding:var(--gxg-suggest-input__padding);box-sizing:border-box;background-color:var(--gxg-suggest-input__background-color);width:100%;flex:auto}ch-suggest::part(input):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0;outline-offset:-1px}ch-suggest::part(header){display:block;padding-block-end:var(--gxg-suggest-header__padding-block-end);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:\"✖\";width:100%;display:block;line-height:var(--gxg-suggest-close-button__line-height--after);text-align:center}ch-suggest::part(close-button):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}ch-suggest::part(dropdown){background-color:var(--gxg-suggest-drop-down__background-color);margin-top:var(--gxg-suggest-drop-down__margin-top);padding:var(--gxg-suggest-drop-down__padding);box-shadow:var(--gxg-suggest-drop-down__box-shadow);border:var(--gxg-suggest-general__border);position:relative;top:2px;}ch-suggest::part(dropdown)::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}ch-suggest::part(dropdown)::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{font-family:inherit;border:var(--gxg-suggest-list__border);border-radius:var(--gxg-suggest-list__border-radius);padding:var(--gxg-suggest-list__padding)}ch-suggest-list>ch-suggest-list-item:not(:first-child){border-top:var(--gxg-suggest-general__border)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:capitalize;font-weight:var(--gxg-suggest-list-title__font-weight);margin:var(--gxg-suggest-list-title__margin);padding:var(--gxg-suggest-list-title__padding);color:var(--gxg-suggest-list-title__color);background-color:var(--gxg-suggest-list-title__background-color);border-bottom:var(--gxg-suggest-general__border);border-bottom-width:2px}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list::part(list){padding:var(--gxg-suggest-list-part-list__padding)}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list+ch-suggest-list-item{margin-block-start:var(--gxg-suggest-list-item-next-sibling__margin-block-start)}ch-suggest-list-item{font-size:inherit;border-radius:var(--gxg-suggest-list-item__border-radius);}ch-suggest-list-item::part(button){padding:var(--gxg-suggest-list-item-button__padding);align-items:center;gap:var(--gxg-suggest-list-item-button__gap);box-sizing:border-box;line-height:var(--gxg-suggest-list-item__line-height);box-sizing:border-box;overflow:hidden}ch-suggest-list-item::part(button):hover{color:var(--gxg-suggest-list-item-button__color--hover)}ch-suggest-list-item::part(button):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}ch-suggest-list-item::part(description)::before{content:\" - \"}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:var(--gxg-suggest-list-item-icon__size);margin-right:var(--gxg-suggest-list-item-icon__margin-right)}ch-suggest-list-item:hover{background-color:var(--gxg-suggest-list-item-button__background-color)}ch-suggest-list-item+ch-suggest-list{margin-block-start:var(--spacing-comp-02)}";
+const stylesCss = "@charset \"UTF-8\";: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)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}ch-suggest{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-color);}ch-suggest::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}ch-suggest::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}ch-suggest::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}ch-suggest::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}ch-suggest::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}ch-suggest::part(label){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);display:flex;align-items:center;cursor:default;font-size:inherit;flex-shrink:0}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-separation-horizontal)}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);padding:var(--gxg-suggest-input__padding);box-sizing:border-box;background-color:var(--gxg-suggest-input__background-color);width:100%;flex:auto}ch-suggest::part(input):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0;outline-offset:-1px}ch-suggest::part(header){display:block;padding-block-end:var(--gxg-suggest-header__padding-block-end);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:\"✖\";width:100%;display:block;line-height:var(--gxg-suggest-close-button__line-height--after);text-align:center}ch-suggest::part(close-button):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}ch-suggest::part(dropdown){background-color:var(--gxg-suggest-drop-down__background-color);margin-top:var(--gxg-suggest-drop-down__margin-top);padding:var(--gxg-suggest-drop-down__padding);box-shadow:var(--gxg-suggest-drop-down__box-shadow);border:var(--gxg-suggest-general__border);position:relative;top:2px;}ch-suggest::part(dropdown)::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}ch-suggest::part(dropdown)::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{font-family:inherit;border:var(--gxg-suggest-list__border);border-radius:var(--gxg-suggest-list__border-radius);padding:var(--gxg-suggest-list__padding)}ch-suggest-list>ch-suggest-list-item:not(:first-child){border-top:var(--gxg-suggest-general__border)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:capitalize;font-weight:var(--gxg-suggest-list-title__font-weight);margin:var(--gxg-suggest-list-title__margin);padding:var(--gxg-suggest-list-title__padding);color:var(--gxg-suggest-list-title__color);background-color:var(--gxg-suggest-list-title__background-color);border-bottom:var(--gxg-suggest-general__border);border-bottom-width:2px}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list::part(list){padding:var(--gxg-suggest-list-part-list__padding)}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list+ch-suggest-list-item{margin-block-start:var(--gxg-suggest-list-item-next-sibling__margin-block-start)}ch-suggest-list-item{font-size:inherit;border-radius:var(--gxg-suggest-list-item__border-radius);}ch-suggest-list-item::part(button){padding:var(--gxg-suggest-list-item-button__padding);align-items:center;gap:var(--gxg-suggest-list-item-button__gap);box-sizing:border-box;line-height:var(--gxg-suggest-list-item__line-height);box-sizing:border-box;overflow:hidden}ch-suggest-list-item::part(button):hover{color:var(--gxg-suggest-list-item-button__color--hover)}ch-suggest-list-item::part(button):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}ch-suggest-list-item::part(description)::before{content:\" - \"}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:var(--gxg-suggest-list-item-icon__size);margin-right:var(--gxg-suggest-list-item-icon__margin-right)}ch-suggest-list-item:hover{background-color:var(--gxg-suggest-list-item-button__background-color)}ch-suggest-list-item+ch-suggest-list{margin-block-start:var(--spacing-comp-02)}";
 
 const GxgSuggest = /*@__PURE__*/ proxyCustomElement(class GxgSuggest extends HTMLElement {
     constructor() {

package/dist/components/suggest.js.map

@@ -1 +1 @@
-{"file":"suggest.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,iwgBAAiwgB;;MCItwgB,UAAU;IACnB;;;QACI,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACxB;IACD,MAAM;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,CAAC,WAAW,CAAC,gCAAgC,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,eAAe;gBAC1F,CAAC,WAAW,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,SAAS;gBAC9E,CAAC,WAAW,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,OAAO;gBAC1E,CAAC,WAAW,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,SAAS;gBAC9E,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,QAAQ;aACxD,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,EAAE;KACtD;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css?tag=gxg-suggest","node_modules/@genexus/gemini/dist/collection/components/suggest/suggest.js"],"sourcesContent":["@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"],"version":3}
+{"file":"suggest.js","mappings":";;;;AAAA,MAAM,SAAS,GAAG,+ygBAA+ygB;;MCIpzgB,UAAU;IACnB;;;QACI,IAAI,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACxC,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KACxB;IACD,MAAM;QACF,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE;gBACjB,CAAC,WAAW,CAAC,gCAAgC,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,eAAe;gBAC1F,CAAC,WAAW,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,SAAS;gBAC9E,CAAC,WAAW,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,OAAO;gBAC1E,CAAC,WAAW,CAAC,0BAA0B,CAAC,GAAG,IAAI,CAAC,gBAAgB,KAAK,SAAS;gBAC9E,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,QAAQ;aACxD,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC,EAAE;KACtD;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css?tag=gxg-suggest","node_modules/@genexus/gemini/dist/collection/components/suggest/suggest.js"],"sourcesContent":["@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"],"version":3}

package/dist/components/tabs.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const tabsCss = ":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)}:host{display:block;height:auto;background:var(--color-background);border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);position:relative;font-family:var(--ds-base-font-family-primary)}.main-container{height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between;border-width:var(--gxg-tabs-border-width);border-style:solid;border-color:var(--gxg-tabs-border-color);border-radius:var(--gxg-tabs-border-radius);overflow:hidden}.main-container--no-border{border:none}.tabs-container{height:100%;overflow-y:auto}:host([position=left-rotated]) .main-container,:host([position=right-rotated]) .main-container{flex-direction:row}:host([position=left-rotated]) .tab-bar-container,:host([position=right-rotated]) .tab-bar-container{height:100%;overflow:auto;width:40px;position:relative;}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-track,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-thumb,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-thumb:hover,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-corner,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host([position=left-rotated]) ::slotted(gxg-tab-bar),:host([position=right-rotated]) ::slotted(gxg-tab-bar){transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10}:host([position=left-rotated]) ::slotted(gxg-tab),:host([position=right-rotated]) ::slotted(gxg-tab){border-left-width:var(--gxg-tabs-border-width);border-left-style:solid;border-left-color:var(--gxg-tabs-border-color)}:host([position=left-rotated]) .tabs-container,:host([position=right-rotated]) .tabs-container{width:calc(100% - 32px)}:host([position=left-rotated]) .main-container{flex-direction:row}:host([position=right-rotated]) .main-container{flex-direction:row-reverse}:host([position=left-stacked]) .main-container,:host([position=right-stacked]) .main-container{flex-direction:row}:host([position=left-stacked]) .main-container{flex-direction:row}:host([position=right-stacked]) .main-container{flex-direction:row-reverse}";
+const tabsCss = ":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)}:host{display:block;height:auto;background:var(--color-background);border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);position:relative;font-family:var(--ds-base-font-family-primary)}.main-container{height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between;border-width:var(--gxg-tabs-border-width);border-style:solid;border-color:var(--gxg-tabs-border-color);border-radius:var(--gxg-tabs-border-radius);overflow:hidden;background-color:var(--gxg-tab-bar-background-color)}.main-container--no-border{border:none}.tabs-container{height:100%;overflow-y:auto}:host([position=left-rotated]) .main-container,:host([position=right-rotated]) .main-container{flex-direction:row}:host([position=left-rotated]) .tab-bar-container,:host([position=right-rotated]) .tab-bar-container{height:100%;overflow:auto;width:40px;position:relative;}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-track,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-thumb,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-thumb:hover,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-corner,:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host([position=left-rotated]) ::slotted(gxg-tab-bar),:host([position=right-rotated]) ::slotted(gxg-tab-bar){transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10}:host([position=left-rotated]) ::slotted(gxg-tab),:host([position=right-rotated]) ::slotted(gxg-tab){border-left-width:var(--gxg-tabs-border-width);border-left-style:solid;border-left-color:var(--gxg-tabs-border-color)}:host([position=left-rotated]) .tabs-container,:host([position=right-rotated]) .tabs-container{width:calc(100% - 32px)}:host([position=left-rotated]) .main-container{flex-direction:row}:host([position=right-rotated]) .main-container{flex-direction:row-reverse}:host([position=left-stacked]) .main-container,:host([position=right-stacked]) .main-container{flex-direction:row}:host([position=left-stacked]) .main-container{flex-direction:row}:host([position=right-stacked]) .main-container{flex-direction:row-reverse}";
 
 const GxgTabs = /*@__PURE__*/ proxyCustomElement(class GxgTabs extends HTMLElement {
     constructor() {

package/dist/components/tabs.js.map

@@ -1 +1 @@
-{"file":"tabs.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css?tag=gxg-tabs&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.js"],"sourcesContent":[":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:host {\n  display: block;\n  height: auto;\n  background: var(--color-background);\n  border-radius: var(--border-width-md);\n  box-shadow: var(--box-shadow-01);\n  position: relative;\n  font-family: var(--ds-base-font-family-primary);\n}\n\n.main-container {\n  height: 100%;\n  max-height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border-width: var(--gxg-tabs-border-width);\n  border-style: solid;\n  border-color: var(--gxg-tabs-border-color);\n  border-radius: var(--gxg-tabs-border-radius);\n  overflow: hidden;\n}\n.main-container--no-border {\n  border: none;\n}\n\n.tabs-container {\n  height: 100%;\n  overflow-y: auto;\n}\n\n:host([position=left-rotated]) .main-container,\n:host([position=right-rotated]) .main-container {\n  flex-direction: row;\n}\n:host([position=left-rotated]) .tab-bar-container,\n:host([position=right-rotated]) .tab-bar-container {\n  height: 100%;\n  overflow: auto;\n  width: 40px;\n  position: relative;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-track,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-thumb,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-thumb:hover,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-corner,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n:host([position=left-rotated]) ::slotted(gxg-tab-bar),\n:host([position=right-rotated]) ::slotted(gxg-tab-bar) {\n  transform: rotate(-90deg) translate(-100%, 0);\n  transform-origin: left top;\n  position: absolute;\n  z-index: 10;\n}\n:host([position=left-rotated]) ::slotted(gxg-tab),\n:host([position=right-rotated]) ::slotted(gxg-tab) {\n  border-left-width: var(--gxg-tabs-border-width);\n  border-left-style: solid;\n  border-left-color: var(--gxg-tabs-border-color);\n}\n:host([position=left-rotated]) .tabs-container,\n:host([position=right-rotated]) .tabs-container {\n  width: calc(100% - 32px);\n}\n:host([position=left-rotated]) .main-container {\n  flex-direction: row;\n}\n\n:host([position=right-rotated]) .main-container {\n  flex-direction: row-reverse;\n}\n\n:host([position=left-stacked]) .main-container,\n:host([position=right-stacked]) .main-container {\n  flex-direction: row;\n}\n\n:host([position=left-stacked]) .main-container {\n  flex-direction: row;\n}\n\n:host([position=right-stacked]) .main-container {\n  flex-direction: row-reverse;\n}","import { Host, h } from \"@stencil/core\";\nexport class GxgTabs {\n    constructor() {\n        this.position = \"top\";\n        this.height = \"100%\";\n        this.maxHeight = \"100%\";\n        this.minWidth = \"200px\";\n        this.tabBarBorder = false;\n        this.noBorder = false;\n        this.buttonsBorderAbove = false;\n        this.noBackground = false;\n        this.noPadding = false;\n        this.reduced = false;\n        this.activeTab = undefined;\n    }\n    el;\n    watchActiveTabHandler(activeTab) {\n        if (activeTab?.length > 0) {\n            this.activateTab();\n        }\n    }\n    tabActivatedHandler(event) {\n        event.stopPropagation();\n        this.updateActiveChildren(event.target.tab, \"gxg-tab-button\");\n        this.updateActiveChildren(event.target.tab, \"gxg-tab\");\n    }\n    componentWillLoad() {\n        this.configureTabs();\n        this.evaluateReduced();\n        if (this.activeTab) {\n            this.activateTab();\n        }\n        this.evaluateStacked();\n    }\n    evaluateStacked = () => {\n        if (this.position === \"left-stacked\" || this.position === \"right-stacked\") {\n            //stacked tabBar\n            const tabBar = this.el.querySelector(\"gxg-tab-bar\");\n            if (tabBar) {\n                tabBar.stacked = this.position;\n            }\n            const tabButtons = this.el.querySelectorAll(\"gxg-tab-button\");\n            if (tabButtons) {\n                tabButtons.forEach(tabButton => {\n                    tabButton.stackedStyle = true;\n                });\n            }\n            //stacked buttons\n        }\n    };\n    evaluateReduced = () => {\n        if (this.reduced) {\n            //tab buttons\n            const gxgTabButtons = Array.from(this.el.querySelectorAll(\"gxg-tab-button\"));\n            gxgTabButtons.forEach(tabButton => {\n                tabButton.reduced = true;\n            });\n            //tabs\n            const gxgTabs = Array.from(this.el.querySelectorAll(\"gxg-tab\"));\n            gxgTabs.forEach(tab => {\n                tab.reduced = true;\n            });\n        }\n    };\n    updateActiveChildren(activeTab, tagName) {\n        let children;\n        if (tagName === \"gxg-tab\") {\n            children = this.el.querySelectorAll(\":scope > gxg-tab\");\n        }\n        else if (tagName === \"gxg-tab-button\") {\n            const tabBar = this.el.querySelector(\":scope > gxg-tab-bar\");\n            children = tabBar.querySelectorAll(\":scope > gxg-tab-button\");\n        }\n        for (const child of children) {\n            child.isSelected = activeTab === child.tab;\n        }\n    }\n    configureTabs() {\n        const tabs = this.el.querySelectorAll(\"gxg-tab\");\n        if (this.noPadding) {\n            tabs.forEach(tab => {\n                tab.noPadding = true;\n            });\n        }\n        if (this.buttonsBorderAbove) {\n            const tabButtons = this.el.querySelectorAll(\"gxg-tab-button\");\n            tabButtons.forEach(tabButton => (tabButton.borderAbove = true));\n        }\n    }\n    async setActiveTab(tab) {\n        if (tab) {\n            const tabEl = this.getTab(tab);\n            if (!tabEl?.disabled) {\n                this.updateActiveChildren(tab, \"gxg-tab-button\");\n                this.updateActiveChildren(tab, \"gxg-tab\");\n            }\n        }\n    }\n    /**\n     * Sets the first tab that is not disabled and hidden as the active tab\n     */\n    async setFirstActiveTab() {\n        const allTabs = Array.from(this.el.querySelectorAll(\"gxg-tab-button\"));\n        const firstEnabledTab = allTabs.find(tab => !tab.hidden && !tab.disabled);\n        if (firstEnabledTab && firstEnabledTab.tab) {\n            this.updateActiveChildren(firstEnabledTab.tab, \"gxg-tab-button\");\n            this.updateActiveChildren(firstEnabledTab.tab, \"gxg-tab\");\n        }\n    }\n    getTab = (tab) => {\n        return this.el.querySelector(`gxg-tab-button[key=${tab}]`);\n    };\n    activateTab = () => {\n        //buttons\n        const tabButtons = Array.from(this.el.querySelectorAll(\"gxg-tab-button\"));\n        tabButtons.forEach(tabButton => {\n            if (tabButton.tab !== this.activeTab) {\n                tabButton.isSelected = false;\n            }\n            else {\n                tabButton.isSelected = true;\n            }\n        });\n        //tabs\n        const tabs = Array.from(this.el.querySelectorAll(\"gxg-tab\"));\n        tabs.forEach(tab => {\n            if (tab.tab !== this.activeTab) {\n                tab.isSelected = false;\n            }\n            else {\n                tab.isSelected = true;\n            }\n        });\n    };\n    render() {\n        return (h(Host, { style: {\n                height: this.height,\n                maxHeight: this.maxHeight,\n                minWidth: this.minWidth\n            } }, h(\"div\", { class: {\n                \"main-container\": true,\n                \"main-container--no-border\": this.noBorder\n            } }, this.position === \"bottom\"\n            ? [\n                h(\"div\", { class: \"tabs-container\" }, h(\"slot\", null)),\n                h(\"div\", { class: \"tab-bar-container\" }, h(\"slot\", { name: \"tab-bar-container\" }))\n            ]\n            : [\n                h(\"div\", { class: \"tab-bar-container\" }, h(\"slot\", { name: \"tab-bar-container\" })),\n                h(\"div\", { class: \"tabs-container\" }, h(\"slot\", null))\n            ])));\n    }\n    static get is() { return \"gxg-tabs\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"tabs.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"tabs.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"TabsPosition\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left-rotated\\\" | \\\"left-stacked\\\" | \\\"right-rotated\\\" | \\\"right-stacked\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"TabsPosition\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tabs/tabs.tsx\",\n                            \"id\": \"src/components/tabs/tabs.tsx::TabsPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"top\\\"\"\n            },\n            \"height\": {\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\": \"\"\n                },\n                \"attribute\": \"height\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"maxHeight\": {\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\": \"\"\n                },\n                \"attribute\": \"max-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"minWidth\": {\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\": \"\"\n                },\n                \"attribute\": \"min-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"200px\\\"\"\n            },\n            \"tabBarBorder\": {\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\": \"\"\n                },\n                \"attribute\": \"tab-bar-border\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"noBorder\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"no-border\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"buttonsBorderAbove\": {\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\": \"\"\n                },\n                \"attribute\": \"buttons-border-above\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"noBackground\": {\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 removes the background color (only for mercury)\"\n                },\n                \"attribute\": \"no-background\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"noPadding\": {\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 removes each tab .container padding\"\n                },\n                \"attribute\": \"no-padding\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"reduced\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute will make buttons and tabs reduced, meaning that the font size and padding, will be smaller. Also, the icons in the buttons will not be displayed.\"\n                },\n                \"attribute\": \"reduced\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"activeTab\": {\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 actual active tab, and tab-button\"\n                },\n                \"attribute\": \"active-tab\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setActiveTab\": {\n                \"complexType\": {\n                    \"signature\": \"(tab: string) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"tab\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\n            \"setFirstActiveTab\": {\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\": \"Sets the first tab that is not disabled and hidden as the active tab\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"activeTab\",\n                \"methodName\": \"watchActiveTabHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"tabActivated\",\n                \"method\": \"tabActivatedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=tabs.js.map\n"],"version":3}
+{"file":"tabs.js","mappings":"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","names":[],"sources":["node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css?tag=gxg-tabs&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.js"],"sourcesContent":[":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:host {\n  display: block;\n  height: auto;\n  background: var(--color-background);\n  border-radius: var(--border-width-md);\n  box-shadow: var(--box-shadow-01);\n  position: relative;\n  font-family: var(--ds-base-font-family-primary);\n}\n\n.main-container {\n  height: 100%;\n  max-height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  border-width: var(--gxg-tabs-border-width);\n  border-style: solid;\n  border-color: var(--gxg-tabs-border-color);\n  border-radius: var(--gxg-tabs-border-radius);\n  overflow: hidden;\n  background-color: var(--gxg-tab-bar-background-color);\n}\n.main-container--no-border {\n  border: none;\n}\n\n.tabs-container {\n  height: 100%;\n  overflow-y: auto;\n}\n\n:host([position=left-rotated]) .main-container,\n:host([position=right-rotated]) .main-container {\n  flex-direction: row;\n}\n:host([position=left-rotated]) .tab-bar-container,\n:host([position=right-rotated]) .tab-bar-container {\n  height: 100%;\n  overflow: auto;\n  width: 40px;\n  position: relative;\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-track,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-thumb,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-thumb:hover,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n:host([position=left-rotated]) .tab-bar-container::-webkit-scrollbar-corner,\n:host([position=right-rotated]) .tab-bar-container::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n:host([position=left-rotated]) ::slotted(gxg-tab-bar),\n:host([position=right-rotated]) ::slotted(gxg-tab-bar) {\n  transform: rotate(-90deg) translate(-100%, 0);\n  transform-origin: left top;\n  position: absolute;\n  z-index: 10;\n}\n:host([position=left-rotated]) ::slotted(gxg-tab),\n:host([position=right-rotated]) ::slotted(gxg-tab) {\n  border-left-width: var(--gxg-tabs-border-width);\n  border-left-style: solid;\n  border-left-color: var(--gxg-tabs-border-color);\n}\n:host([position=left-rotated]) .tabs-container,\n:host([position=right-rotated]) .tabs-container {\n  width: calc(100% - 32px);\n}\n:host([position=left-rotated]) .main-container {\n  flex-direction: row;\n}\n\n:host([position=right-rotated]) .main-container {\n  flex-direction: row-reverse;\n}\n\n:host([position=left-stacked]) .main-container,\n:host([position=right-stacked]) .main-container {\n  flex-direction: row;\n}\n\n:host([position=left-stacked]) .main-container {\n  flex-direction: row;\n}\n\n:host([position=right-stacked]) .main-container {\n  flex-direction: row-reverse;\n}","import { Host, h } from \"@stencil/core\";\nexport class GxgTabs {\n    constructor() {\n        this.position = \"top\";\n        this.height = \"100%\";\n        this.maxHeight = \"100%\";\n        this.minWidth = \"200px\";\n        this.tabBarBorder = false;\n        this.noBorder = false;\n        this.buttonsBorderAbove = false;\n        this.noBackground = false;\n        this.noPadding = false;\n        this.reduced = false;\n        this.activeTab = undefined;\n    }\n    el;\n    watchActiveTabHandler(activeTab) {\n        if (activeTab?.length > 0) {\n            this.activateTab();\n        }\n    }\n    tabActivatedHandler(event) {\n        event.stopPropagation();\n        this.updateActiveChildren(event.target.tab, \"gxg-tab-button\");\n        this.updateActiveChildren(event.target.tab, \"gxg-tab\");\n    }\n    componentWillLoad() {\n        this.configureTabs();\n        this.evaluateReduced();\n        if (this.activeTab) {\n            this.activateTab();\n        }\n        this.evaluateStacked();\n    }\n    evaluateStacked = () => {\n        if (this.position === \"left-stacked\" || this.position === \"right-stacked\") {\n            //stacked tabBar\n            const tabBar = this.el.querySelector(\"gxg-tab-bar\");\n            if (tabBar) {\n                tabBar.stacked = this.position;\n            }\n            const tabButtons = this.el.querySelectorAll(\"gxg-tab-button\");\n            if (tabButtons) {\n                tabButtons.forEach(tabButton => {\n                    tabButton.stackedStyle = true;\n                });\n            }\n            //stacked buttons\n        }\n    };\n    evaluateReduced = () => {\n        if (this.reduced) {\n            //tab buttons\n            const gxgTabButtons = Array.from(this.el.querySelectorAll(\"gxg-tab-button\"));\n            gxgTabButtons.forEach(tabButton => {\n                tabButton.reduced = true;\n            });\n            //tabs\n            const gxgTabs = Array.from(this.el.querySelectorAll(\"gxg-tab\"));\n            gxgTabs.forEach(tab => {\n                tab.reduced = true;\n            });\n        }\n    };\n    updateActiveChildren(activeTab, tagName) {\n        let children;\n        if (tagName === \"gxg-tab\") {\n            children = this.el.querySelectorAll(\":scope > gxg-tab\");\n        }\n        else if (tagName === \"gxg-tab-button\") {\n            const tabBar = this.el.querySelector(\":scope > gxg-tab-bar\");\n            children = tabBar.querySelectorAll(\":scope > gxg-tab-button\");\n        }\n        for (const child of children) {\n            child.isSelected = activeTab === child.tab;\n        }\n    }\n    configureTabs() {\n        const tabs = this.el.querySelectorAll(\"gxg-tab\");\n        if (this.noPadding) {\n            tabs.forEach(tab => {\n                tab.noPadding = true;\n            });\n        }\n        if (this.buttonsBorderAbove) {\n            const tabButtons = this.el.querySelectorAll(\"gxg-tab-button\");\n            tabButtons.forEach(tabButton => (tabButton.borderAbove = true));\n        }\n    }\n    async setActiveTab(tab) {\n        if (tab) {\n            const tabEl = this.getTab(tab);\n            if (!tabEl?.disabled) {\n                this.updateActiveChildren(tab, \"gxg-tab-button\");\n                this.updateActiveChildren(tab, \"gxg-tab\");\n            }\n        }\n    }\n    /**\n     * Sets the first tab that is not disabled and hidden as the active tab\n     */\n    async setFirstActiveTab() {\n        const allTabs = Array.from(this.el.querySelectorAll(\"gxg-tab-button\"));\n        const firstEnabledTab = allTabs.find(tab => !tab.hidden && !tab.disabled);\n        if (firstEnabledTab && firstEnabledTab.tab) {\n            this.updateActiveChildren(firstEnabledTab.tab, \"gxg-tab-button\");\n            this.updateActiveChildren(firstEnabledTab.tab, \"gxg-tab\");\n        }\n    }\n    getTab = (tab) => {\n        return this.el.querySelector(`gxg-tab-button[key=${tab}]`);\n    };\n    activateTab = () => {\n        //buttons\n        const tabButtons = Array.from(this.el.querySelectorAll(\"gxg-tab-button\"));\n        tabButtons.forEach(tabButton => {\n            if (tabButton.tab !== this.activeTab) {\n                tabButton.isSelected = false;\n            }\n            else {\n                tabButton.isSelected = true;\n            }\n        });\n        //tabs\n        const tabs = Array.from(this.el.querySelectorAll(\"gxg-tab\"));\n        tabs.forEach(tab => {\n            if (tab.tab !== this.activeTab) {\n                tab.isSelected = false;\n            }\n            else {\n                tab.isSelected = true;\n            }\n        });\n    };\n    render() {\n        return (h(Host, { style: {\n                height: this.height,\n                maxHeight: this.maxHeight,\n                minWidth: this.minWidth\n            } }, h(\"div\", { class: {\n                \"main-container\": true,\n                \"main-container--no-border\": this.noBorder\n            } }, this.position === \"bottom\"\n            ? [\n                h(\"div\", { class: \"tabs-container\" }, h(\"slot\", null)),\n                h(\"div\", { class: \"tab-bar-container\" }, h(\"slot\", { name: \"tab-bar-container\" }))\n            ]\n            : [\n                h(\"div\", { class: \"tab-bar-container\" }, h(\"slot\", { name: \"tab-bar-container\" })),\n                h(\"div\", { class: \"tabs-container\" }, h(\"slot\", null))\n            ])));\n    }\n    static get is() { return \"gxg-tabs\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"tabs.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"tabs.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"TabsPosition\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left-rotated\\\" | \\\"left-stacked\\\" | \\\"right-rotated\\\" | \\\"right-stacked\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"TabsPosition\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tabs/tabs.tsx\",\n                            \"id\": \"src/components/tabs/tabs.tsx::TabsPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"top\\\"\"\n            },\n            \"height\": {\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\": \"\"\n                },\n                \"attribute\": \"height\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"maxHeight\": {\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\": \"\"\n                },\n                \"attribute\": \"max-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"minWidth\": {\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\": \"\"\n                },\n                \"attribute\": \"min-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"200px\\\"\"\n            },\n            \"tabBarBorder\": {\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\": \"\"\n                },\n                \"attribute\": \"tab-bar-border\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"noBorder\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"no-border\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"buttonsBorderAbove\": {\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\": \"\"\n                },\n                \"attribute\": \"buttons-border-above\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"noBackground\": {\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 removes the background color (only for mercury)\"\n                },\n                \"attribute\": \"no-background\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"noPadding\": {\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 removes each tab .container padding\"\n                },\n                \"attribute\": \"no-padding\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"reduced\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute will make buttons and tabs reduced, meaning that the font size and padding, will be smaller. Also, the icons in the buttons will not be displayed.\"\n                },\n                \"attribute\": \"reduced\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"activeTab\": {\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 actual active tab, and tab-button\"\n                },\n                \"attribute\": \"active-tab\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setActiveTab\": {\n                \"complexType\": {\n                    \"signature\": \"(tab: string) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"tab\",\n                            \"type\": \"string\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\n            \"setFirstActiveTab\": {\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\": \"Sets the first tab that is not disabled and hidden as the active tab\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"activeTab\",\n                \"methodName\": \"watchActiveTabHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"tabActivated\",\n                \"method\": \"tabActivatedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=tabs.js.map\n"],"version":3}

package/dist/components/tree-view-item.js

@@ -4,7 +4,7 @@ import { r as removeDragImage, t as tokenMap, i as isPseudoElementImg } from './
 import { I as INITIAL_LEVEL, g as getTreeItemLevelPart } from './utils2.js';
 import { d as defineCustomElement$1 } from './checkbox.js';
 
-const treeViewItemCss = "*,::after,::before{box-sizing:border-box}:where(button){all:unset;display:flex;user-select:none;touch-action:manipulation;-webkit-user-drag:element}:host{display:grid;grid-template-rows:min-content}.header{display:flex;gap:var(--ch-tree-view-item-gap);align-items:center;min-block-size:calc(1em + 6px)}.header--disabled{opacity:0.5;pointer-events:none}.dashed-line{--inset-inline-start:calc(var(--ch-tree-tab-size) * (var(--level) - 1) - var(--parent-offset, 0px) + var(--ch-tree-view-item-custom-padding-inline-start) + var(--ch-tree-view-item__expandable-button-size) * 0.5 + var(--ch-tree-view-item__dashed-line--inset-inline-start));position:absolute;inset-inline-start:var(--inset-inline-start);inline-size:calc(var(--ch-tree-view-item-indentation) - var(--inset-inline-start) - var(--ch-tree-view-item__dashed-line--inset-inline-end));block-size:1px;border:0 dashed color-mix(in srgb, currentColor 65%, transparent);border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--ch-tree-view-item-distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button,.expandable-button-decorative::before{display:grid;place-items:center;inline-size:var(--ch-tree-view-item__expandable-button-size);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{content:\"\";background-color:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M16.5 5L8.7 12.7L1 5\" stroke=\"%23000\" stroke-width=\"1.2\" stroke-linecap=\"round\"/></svg>') 50% 50%/calc(100% - 4px) calc(100% - 4px) no-repeat;cursor:unset}.expandable-button-decorative--collapsed::before{transform:rotate(-90deg)}.expandable-button::before{content:\"\";inline-size:calc(100% - 4px);block-size:calc(100% - 4px);background-color:currentColor;-webkit-mask-size:calc(var(--ch-tree-view-item__expandable-button-size) - 4px)}.expandable-button--collapsed::before{-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z\"/></svg>')}.expandable-button--expanded::before{-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.15,8.5H1.93v-1H14.15Z\"/></svg>')}.expandable-button:focus-visible{outline:1px solid currentColor}.checkbox{inline-size:var(--ch-tree-view-item__checkbox-size)}.checkbox::part(container){inline-size:var(--ch-tree-view-item__checkbox-size);block-size:var(--ch-tree-view-item__checkbox-size)}.action{display:grid;grid-template:\"start-img text\"/max-content 1fr;gap:var(--ch-tree-view-item-gap);align-items:center;block-size:100%;flex:1;cursor:pointer}.action--end-img{grid-template:\"start-img text end-img\"/max-content 1fr max-content}.readonly-mode{padding-block:0.75px}.edit-name{grid-area:text;inline-size:100%;block-size:100%;padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}.pseudo-img--start::before,.pseudo-img--end::after,.img{display:block;inline-size:var(--ch-tree-view-item__image-size);block-size:var(--ch-tree-view-item__image-size);content-visibility:auto;contain-intrinsic-size:auto var(--ch-tree-view-item__image-size)}.pseudo-img--start::before,.start-img{content:\"\";grid-area:start-img}.pseudo-img--end::after,.end-img{content:\"\";grid-area:end-img}.start-img-type--background::before{background:no-repeat center/100% var(--ch-start-img)}.end-img-type--background::after{background:no-repeat center/100% var(--ch-end-img)}.start-img-type--mask::before{-webkit-mask:var(--ch-start-img) 50% 50%/100% 100% no-repeat;background-color:currentColor}.end-img-type--mask::after{-webkit-mask:var(--ch-end-img) 50% 50%/100% 100% no-repeat;background-color:currentColor}.downloading{inline-size:0.75em;block-size:0.75em;margin-inline:8px 2px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite, avoid-flickering 75ms}@keyframes avoid-flickering{0%,100%{display:none}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{display:grid;grid-auto-rows:min-content;position:relative}.expandable--lazy-loaded{content-visibility:auto;contain-intrinsic-size:auto 100px}.expandable--collapsed{display:none;overflow:hidden}";
+const treeViewItemCss = "*,::after,::before{box-sizing:border-box}:where(button){all:unset;display:flex;user-select:none;touch-action:manipulation;-webkit-user-drag:element}:host{display:grid;grid-template-rows:min-content}.header{display:flex;gap:var(--ch-tree-view-item-gap);align-items:center;min-block-size:calc(1em + 6px)}.header--disabled{opacity:0.5;pointer-events:none}.dashed-line{--inset-inline-start:calc(var(--ch-tree-tab-size) * (var(--level) - 1) - var(--parent-offset, 0px) + var(--ch-tree-view-item-custom-padding-inline-start) + var(--ch-tree-view-item__expandable-button-size) * 0.5 + var(--ch-tree-view-item__dashed-line--inset-inline-start));position:absolute;inset-inline-start:var(--inset-inline-start);inline-size:calc(var(--ch-tree-view-item-indentation) - var(--inset-inline-start) - var(--ch-tree-view-item__dashed-line--inset-inline-end));block-size:1px;border:0 dashed color-mix(in srgb, currentColor 65%, transparent);border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--ch-tree-view-item-distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button,.expandable-button-decorative::before{display:grid;place-items:center;inline-size:var(--ch-tree-view-item__expandable-button-size);block-size:var(--ch-tree-view-item__expandable-button-size);z-index:1;cursor:pointer}.expandable-button-decorative::before{content:\"\";background-color:currentColor;-webkit-mask:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\" fill=\"none\"><path d=\"M16.5 5L8.7 12.7L1 5\" stroke=\"%23000\" stroke-width=\"1.2\" stroke-linecap=\"round\"/></svg>') 50% 50%/calc(100% - 4px) calc(100% - 4px) no-repeat;cursor:unset}.expandable-button-decorative--collapsed::before{transform:rotate(-90deg)}.expandable-button::before{content:\"\";inline-size:calc(100% - 4px);block-size:calc(100% - 4px);background-color:currentColor;-webkit-mask-size:calc(var(--ch-tree-view-item__expandable-button-size) - 4px)}.expandable-button--collapsed::before{-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z\"/></svg>')}.expandable-button--expanded::before{-webkit-mask-image:url('data:image/svg+xml,<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M14.15,8.5H1.93v-1H14.15Z\"/></svg>')}.expandable-button:focus-visible{outline:1px solid currentColor}.checkbox{inline-size:var(--ch-tree-view-item__checkbox-size)}.checkbox::part(container){inline-size:var(--ch-tree-view-item__checkbox-size);block-size:var(--ch-tree-view-item__checkbox-size)}.action{display:grid;grid-template:\"start-img text\"/max-content 1fr;gap:var(--ch-tree-view-item-gap);align-items:center;block-size:100%;flex:1;cursor:pointer}.action--end-img{grid-template:\"start-img text end-img\"/max-content 1fr max-content}.readonly-mode{padding-block:0.75px}.edit-name{grid-area:text;inline-size:100%;block-size:100%;padding:0;margin:0;background-color:unset;border:unset;color:unset;font:unset;outline:unset}.pseudo-img--start::before,.pseudo-img--end::after,.img{display:block;inline-size:var(--ch-tree-view-item__image-size);block-size:var(--ch-tree-view-item__image-size);content-visibility:auto;contain-intrinsic-size:auto var(--ch-tree-view-item__image-size)}.pseudo-img--start::before,.start-img{content:\"\";grid-area:start-img}.pseudo-img--end::after,.end-img{content:\"\";grid-area:end-img}.start-img-type--background::before{background:no-repeat center/100% var(--ch-start-img)}.end-img-type--background::after{background:no-repeat center/100% var(--ch-end-img)}.start-img-type--mask::before{-webkit-mask:var(--ch-start-img) 50% 50%/100% 100% no-repeat;background-color:currentColor}.end-img-type--mask::after{-webkit-mask:var(--ch-end-img) 50% 50%/100% 100% no-repeat;background-color:currentColor}.downloading{inline-size:0.75em;block-size:0.75em;margin-inline:8px 2px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite, avoid-flickering 75ms}@keyframes avoid-flickering{0%,100%{display:none}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{display:grid;grid-auto-rows:min-content;position:relative}.expandable--lazy-loaded{content-visibility:auto;contain-intrinsic-size:auto 100px}.expandable--collapsed{display:none;overflow:hidden}";
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
@@ -141,9 +141,14 @@ const ChTreeViewItem = /*@__PURE__*/ proxyCustomElement((_a = class ChTreeViewIt
                 // Ctrl key
                 if (mouseEventModifierKey(event)) {
                     __classPrivateFieldGet(this, _ChTreeViewItem_toggleSelected, "f").call(this);
+                    return;
+                }
+                // Double click was triggered, don't update the selection or expand
+                if (event.detail >= 2) {
+                    return;
                 }
                 // Expand on click interaction
-                else if (this.expandOnClick) {
+                if (this.expandOnClick) {
                     __classPrivateFieldGet(this, _ChTreeViewItem_toggleExpand, "f").call(this, event);
                 }
                 // Click only selects the item
@@ -194,6 +199,7 @@ const ChTreeViewItem = /*@__PURE__*/ proxyCustomElement((_a = class ChTreeViewIt
                     __classPrivateFieldGet(this, _ChTreeViewItem_toggleOrSelect, "f").call(this, event);
                     return;
                 }
+                // The action was provoked by the keyboard, emit openReference event
                 __classPrivateFieldGet(this, _ChTreeViewItem_emitOpenReference, "f").call(this);
                 // Enter or space
                 __classPrivateFieldGet(this, _ChTreeViewItem_toggleExpand, "f").call(this, event);