@genexus/genexus-ide-ui 0.0.108 → 0.0.109

package/dist/genexus-ide-ui/{p-d14b5546.entry.js.map → p-6f5b13a7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["iconContent","Map","requests","getSvgContent","url","request","get","fetch","then","response","ok","text","svgContent","set","iconCss","ChIcon","constructor","hostRef","this","color","undefined","lazy","autoColor","src","size","isVisible","connectedCallback","waitUntilVisible","element","getIcon","disconnectedCallback","io","disconnect","el","rootMargin","callback","window","IntersectionObserver","data","isIntersecting","observe","has","render","h","innerHTML","assetsDirs","formTextCss","GxgFormText","parts","input","attachMutationObserver","mutationList","forEach","mutation","type","attributeName","mercury","target","classList","contains","iconColor","html","document","querySelector","htmlMO","MutationObserver","attributes","attachExportParts","part","getAttribute","exportPartsResult","exportParts","length","exportparts","evaluateIcon","icon","iconPosition","placeholder","evaluateLabelAlignment","labelPosition","centerLabel","handleKeyDown","e","key","textInput","click","inputFileChangedHandler","selectedFiles","files","fileList","fileSelected","emit","value","name","renderInputFile","class","multiple","accept","acceptFile","ref","fileInputEl","onChange","style","display","hideTooltip","toolTip","clearButton","debounce","debounceDelay","disabled","readonly","cursorEnd","label","borderless","minimal","overDarkBackground","required","labelWidth","preventValueChangedEmit","validationStatus","validationMessage","informationMessage","maxWidth","width","textStyle","password","maxLength","minLength","cursorInside","inputSize","mouseCoordinates","x","y","rtl","watchValueHandler","newValue","clearTimeout","timeoutReference","setTimeout","valueChanged","updateGhostSpan","selectInputText","focus","select","openFile","clearInput","clearButtonFunc","componentWillLoad","removeEventListener","mouseMoveHandler","iconPositionFunc","inputIcon","handleInput","stopPropagation","handleChange","change","onFocusHandler","setSelectionRange","clearButtonClicked","prevValue","ghostSpan","shadowRoot","ghostSpanWidth","offsetWidth","mouseEnterHandler","inputText","inputTextArea","getBoundingClientRect","left","right","top","bottom","bind","mouseOutHandler","clientX","clientY","componentDidLoad","addEventListener","intersectionObserver","entries","intersectionRatio","inputComputedStyles","getComputedStyle","position","zIndex","opacity","fontSize","fontFamily","textTransform","paddingLeft","paddingRight","letterSpacing","fontWeight","innerWrapperWidth","resizeObserver","ResizeObserver","innerWrapper","dirHtml","getElementsByTagName","dirBody","evaluateType","Host","role","large","state","file","tooltip","formClasses","commonClassesNames","center","requiredLabel","onClick","onInput","onKeyDown","onFocus","onMouseEnter","onMouseOut","parseInt","formTooltipLogic","formMessageLogic","delegatesFocus","COLOR_MAPPINGS","alwaysblack","ondisabled","error","negative","onbackground","indeterminate","success","warning","GxgIcon","getSrcPath","getAssetPath","iconSize","mapColorToCssVar","gxgLabelCss","GxgLabel","noMargin","for","htmlFor","tooltipCss","GxgTooltip","tooltipBC","leftPosition","tooltipTextEl","visible","mouseLeaveHandler","documentScrollHandler","alignEnd","fixed","flex","noBorder"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/icon/requests.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/icon/icon.css?tag=ch-icon&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/icon/icon.js","node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css?tag=gxg-form-text&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.js","node_modules/@genexus/gemini/dist/collection/components/icon/icon.css?tag=gxg-icon&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/icon/icon.js","node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css?tag=gxg-label&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.js","node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.css?tag=gxg-tooltip&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.js"],"sourcesContent":["export const iconContent = new Map();\nconst requests = new Map();\nexport function getSvgContent(url) {\n    // see if we already have a request for this url\n    let request = requests.get(url);\n    if (!request) {\n        // we don't already have a request\n        request = fetch(url).then(response => {\n            if (response.ok) {\n                return response.text().then(svgContent => {\n                    iconContent.set(url, svgContent);\n                    return svgContent;\n                });\n            }\n            iconContent.set(url, \"\");\n        });\n        // cache for the same requests\n        requests.set(url, request);\n    }\n    return request;\n}\n//# sourceMappingURL=requests.js.map\n",":host(:not([auto-color])) {\n  /**\n  * @prop --icon-color: Color of the icon (sets the SVG's `fill` property)\n  */\n}\n:host(:not([auto-color])) svg * {\n  fill: var(--icon-color) !important;\n}\n:host(:not([auto-color])) path.icons01 {\n  fill: var(--icons01-enabled);\n}\n:host(:not([auto-color])) path.icons02 {\n  fill: var(--icons02-enabled);\n}\n:host(:not([auto-color])) path.icons03 {\n  fill: var(--icons03-enabled);\n}\n:host(:not([auto-color])) path.icons04 {\n  fill: var(--icons04-enabled);\n}\n:host(:not([auto-color])) path.icons05 {\n  fill: var(--icons05-enabled);\n}\n:host(:not([auto-color])) path.icons06 {\n  fill: var(--icons06-enabled);\n}\n:host(:not([auto-color])) path.icons07 {\n  fill: var(--icons07-enabled);\n}\n:host(:not([auto-color])) path.icons08 {\n  fill: var(--icons08-enabled);\n}\n:host(:not([auto-color])) path.icons09 {\n  fill: var(--icons09-enabled);\n}\n\n:host {\n  /**\n  * @prop --icon-size: Size of the icon (sets both width and height)\n  */\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n}","import { h } from \"@stencil/core\";\nimport { getSvgContent, iconContent } from \"./requests\";\nexport class ChIcon {\n    constructor() {\n        this.color = undefined;\n        this.lazy = false;\n        this.autoColor = false;\n        this.src = \"\";\n        this.size = \"regular\";\n        this.isVisible = false;\n        this.svgContent = undefined;\n    }\n    io;\n    element;\n    /** *******************************\n    METHODS\n    *********************************/\n    connectedCallback() {\n        // purposely do not return the promise here because loading\n        // the svg file should not hold up loading the app\n        // only load the svg if it's visible\n        this.waitUntilVisible(this.element, \"50px\", () => {\n            this.isVisible = true;\n            this.getIcon();\n        });\n    }\n    disconnectedCallback() {\n        if (this.io !== undefined) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    waitUntilVisible(el, rootMargin, callback) {\n        if (this.lazy &&\n            typeof window !== \"undefined\" &&\n            window.IntersectionObserver) {\n            // TODO: FIX THIS\n            // eslint-disable-next-line no-multi-assign\n            const io = (this.io = new window.IntersectionObserver((data) => {\n                if (data[0].isIntersecting) {\n                    io.disconnect();\n                    this.io = undefined;\n                    callback();\n                }\n            }, { rootMargin }));\n            io.observe(el);\n        }\n        else {\n            // browser doesn't support IntersectionObserver\n            // so just fallback to always show it\n            callback();\n        }\n    }\n    async getIcon() {\n        if (this.isVisible) {\n            if (this.src) {\n                if (iconContent.has(this.src)) {\n                    this.svgContent = iconContent.get(this.src);\n                }\n                else {\n                    this.svgContent = await getSvgContent(this.src);\n                }\n            }\n            else {\n                this.svgContent = \"\";\n            }\n        }\n    }\n    render() {\n        return h(\"div\", { innerHTML: this.svgContent });\n    }\n    static get is() { return \"ch-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"ch-icon-assets\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"alwaysblack\\\" | \\\"auto\\\" | \\\"disabled\\\" | \\\"error\\\" | \\\"negative\\\" | \\\"onbackground\\\" | \\\"ondisabled\\\" | \\\"primary-active\\\" | \\\"primary-enabled\\\" | \\\"primary-hover\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/icon/icon.tsx\",\n                            \"id\": \"src/components/icon/icon.tsx::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color of the icon.\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"lazy\": {\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\": \"If enabled, the icon will be loaded lazily when it's visible in the viewport.\"\n                },\n                \"attribute\": \"lazy\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"autoColor\": {\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\": \"If enabled, the icon will display its inherent/natural color\"\n                },\n                \"attribute\": \"auto-color\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"src\": {\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 URL of the icon.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Size\",\n                    \"resolved\": \"\\\"regular\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"Size\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/icon/icon.tsx\",\n                            \"id\": \"src/components/icon/icon.tsx::Size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. Possible values: regular, small.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"regular\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isVisible\": {},\n            \"svgContent\": {}\n        };\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"src\",\n                \"methodName\": \"getIcon\"\n            }];\n    }\n}\n//# sourceMappingURL=icon.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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\n: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: flex;\n  flex-direction: column;\n  width: 100%;\n  /*outer wrapper*/\n  /*inner wrapper*/\n  /*input*/\n  /*icon*/\n  /*messages wrapper*/\n  /*clear icon*/\n}\n:host .outer-wrapper {\n  position: relative;\n  width: 100%;\n}\n:host .inner-wrapper {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  flex: 1;\n  height: var(--gxg-form-text-height);\n}\n:host .inner-wrapper gxg-icon {\n  position: absolute;\n}\n:host input {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  border: var(--ds-form-control-border);\n  border-radius: var(--ds-form-control-border-radius);\n  color: var(--ds-form-control-color);\n  background-color: var(--ds-form-control-background-color);\n  font-size: var(--ds-form-control-font-size);\n  font-family: var(--ds-base-font-family-primary);\n  padding-inline-start: var(--ds-form-control-padding-horizontal);\n  padding-inline-end: var(--ds-form-control-padding-horizontal);\n  padding-block-start: 0;\n  padding-block-end: 0;\n  height: var(--gxg-form-text-height);\n  /*no border*/\n  /*readonly*/\n}\n:host input::placeholder {\n  font-style: var(--ds-form-control-placeholder-style);\n  color: var(--ds-form-control-placeholder-color);\n  opacity: 1;\n  /* Firefox */\n}\n:host input::-ms-input-placeholder {\n  /* Edge 12-18 */\n  font-style: var(--ds-form-control-placeholder-style);\n  color: var(--ds-form-control-placeholder-color);\n}\n:host input:hover {\n  border-color: var(--ds-form-control-border-color--hover);\n}\n:host 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}\n:host input.input--borderless {\n  border-color: transparent !important;\n}\n:host input[readonly] {\n  cursor: default;\n}\n:host gxg-icon {\n  top: 50%;\n  transform: translateY(-50%);\n}\n:host .messages-wrapper {\n  margin-top: var(--spacing-comp-02);\n  display: flex;\n  gap: var(--spacing-comp-01);\n  flex-direction: column;\n}\n:host .clear-button {\n  right: calc((var(--ds-form-control-height) - var(--gxg-form-text-icon-size)) / 2);\n  opacity: 0.5;\n  cursor: pointer;\n}\n:host .clear-button:hover {\n  opacity: 1;\n}\n\n/*--- Tooltip ---*/\n:host(.tooltip) .inner-wrapper {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n/*--- Label Position ---*/\n:host([label-position=start]) .outer-wrapper {\n  display: flex;\n  flex-direction: row;\n}\n\n/*--- Icon Styles ---*/\n/*icon position start*/\n:host(.icon-start) .inner-wrapper .custom-icon {\n  left: calc((var(--ds-form-control-height) - var(--gxg-form-text-icon-size)) / 2);\n}\n:host(.icon-start) input {\n  padding-inline-start: calc(var(--gxg-form-text-icon-size) + var(--ds-form-control-height) - var(--gxg-form-text-icon-size));\n}\n\n/*icon position end*/\n:host(.icon-end) .inner-wrapper .custom-icon {\n  right: calc((var(--ds-form-control-height) - var(--gxg-form-text-icon-size)) / 2);\n}\n:host(.icon-end) input {\n  padding-inline-end: calc(var(--gxg-form-text-icon-size) + var(--ds-form-control-height) - var(--gxg-form-text-icon-size));\n}\n\n/*icon position end double*/\n:host(.icon-end--double) input {\n  padding-inline-end: calc(var(--gxg-form-text-icon-size) * 2 + (var(--ds-form-control-height) - var(--gxg-form-text-icon-size)) * 2);\n}\n:host(.icon-end--double) .custom-icon {\n  right: calc(var(--gxg-form-text-icon-size) + var(--ds-form-control-height) - var(--gxg-form-text-icon-size));\n}\n\n/*--- Minimal ---*/\n:host([minimal]) input[type=text]:not(:focus),\n:host([minimal]) input[type=password]:not(:focus) {\n  border-color: transparent;\n  background-color: transparent;\n}\n:host([minimal]) input.cursor-inside {\n  border-color: var(--ds-border-color--regular) !important;\n  background-color: var(--ds-base-background-color);\n}\n:host([minimal]) input[type=text]:focus,\n:host([minimal]) input[type=password]:focus {\n  border-color: transparent;\n}\n\n/*minimal: icon position start*/\n:host([minimal]:not([icon-position=start])) input[type=text],\n:host([minimal]:not([icon-position=start])) input[type=password] {\n  padding-inline-start: 0;\n}\n:host([minimal]:not([icon-position=start])) input.cursor-inside {\n  padding-inline-start: var(--gxg-form-text-minimal-icon-not-start_cursor-inside-pis);\n}\n:host([minimal]:not([icon-position=start])) input[type=text]:focus,\n:host([minimal]:not([icon-position=start])) input[type=password]:focus {\n  padding-inline-start: var(--gxg-form-text-minimal-icon-not-start_focus-pis);\n}\n\n/*minimal:over dark background*/\n:host([minimal][over-dark-background]) input[type=text]:not(:focus),\n:host([minimal][over-dark-background]) input[type=password]:not(:focus) {\n  color: var(--gxg-form-text-minimal-over-dark-background);\n}\n\n/*--- Text Styles ---*/\n:host([text-style=quote]) input {\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:host([text-style=title-01]) input {\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:host([text-style=title-02]) input {\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:host([text-style=title-03]) input {\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:host([text-style=title-04]) input {\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:host([text-style=title-05]) input {\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/*--- File Type ---*/\n:host(.file) .form-element--readonly {\n  user-select: none;\n  cursor: pointer;\n}\n\n/*--- Reading Direction ---*/\n:host(.rtl[icon-position=start]) gxg-icon {\n  right: 0;\n  left: auto;\n}\n\n:host(.rtl[icon-position=end]) gxg-icon {\n  right: auto;\n  left: 0;\n}","import { h, Host } from \"@stencil/core\";\nimport { requiredLabel, formMessageLogic, formTooltipLogic } from \"../../common/form\";\nimport { formClasses } from \"../../common/classesNames\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nimport state from \"../store\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgFormText {\n    constructor() {\n        this.hideTooltip = false;\n        this.toolTip = false;\n        this.clearButton = false;\n        this.debounce = false;\n        this.debounceDelay = 800;\n        this.disabled = false;\n        this.readonly = false;\n        this.icon = null;\n        this.cursorEnd = false;\n        this.iconPosition = null;\n        this.label = undefined;\n        this.labelPosition = \"start\";\n        this.borderless = false;\n        this.minimal = false;\n        this.overDarkBackground = false;\n        this.placeholder = undefined;\n        this.required = false;\n        this.centerLabel = false;\n        this.labelWidth = undefined;\n        this.type = \"text\";\n        this.multiple = false;\n        this.fileList = undefined;\n        this.acceptFile = undefined;\n        this.preventValueChangedEmit = false;\n        this.validationStatus = \"indeterminate\";\n        this.validationMessage = undefined;\n        this.informationMessage = undefined;\n        this.value = undefined;\n        this.maxWidth = \"100%\";\n        this.width = \"100%\";\n        this.textStyle = \"regular\";\n        this.password = false;\n        this.maxLength = undefined;\n        this.minLength = undefined;\n        this.cursorInside = false;\n        this.inputSize = \"auto\";\n        this.mouseCoordinates = {\n            x: null,\n            y: null\n        };\n        this.rtl = false;\n        this.iconColor = undefined;\n    }\n    parts = {\n        input: \"input\"\n    };\n    exportparts;\n    el;\n    textInput;\n    fileInputEl;\n    htmlMO;\n    /*********************************\n    PROPERTIES & STATE\n    *********************************/\n    timeoutReference;\n    /**\n     * Returns the input value\n     */\n    input;\n    /**\n     * Returns the input value\n     */\n    change;\n    /**\n     * The clear button was clicked\n     */\n    clearButtonClicked;\n    /**\n     * The clear button was clicked\n     */\n    valueChanged;\n    /**\n     * File Selected\n     */\n    fileSelected;\n    watchValueHandler(newValue) {\n        if (!this.preventValueChangedEmit && this.debounce) {\n            clearTimeout(this.timeoutReference);\n            this.timeoutReference = setTimeout(() => {\n                this.valueChanged.emit(newValue);\n            }, this.debounceDelay);\n        }\n        else if (!this.preventValueChangedEmit && !this.debounce) {\n            this.valueChanged.emit(newValue);\n        }\n        if (this.minimal) {\n            this.updateGhostSpan();\n        }\n        if (this.minimal) {\n            this.updateGhostSpan();\n        }\n    }\n    async selectInputText() {\n        this.textInput.focus();\n        this.textInput.select();\n    }\n    async openFile() {\n        if (this.type === \"file\") {\n            this.fileInputEl.click();\n        }\n    }\n    async clearInput() {\n        this.clearButtonFunc();\n    }\n    componentWillLoad() {\n        this.evaluateIcon();\n        this.attachExportParts();\n        this.evaluateLabelAlignment();\n        this.attachMutationObserver();\n    }\n    disconnectedCallback() {\n        if (this.minimal) {\n            document.removeEventListener(\"mousemove\", this.mouseMoveHandler);\n        }\n        this.htmlMO.disconnect();\n    }\n    attachMutationObserver = () => {\n        /*Attach mutation observer on html class, to update gxg-icon color from \"auto\" (gemini) to \"blue-200\" (mercury) when \"mercury\" class is added or removed from html tag*/\n        const callback = mutationList => {\n            mutationList.forEach(mutation => {\n                if (mutation.type === \"attributes\" &&\n                    mutation.attributeName === \"class\") {\n                    const mercury = mutation.target.classList.contains(\"mercury\");\n                    this.iconColor = mercury ? \"mercury-primary\" : \"auto\";\n                }\n            });\n        };\n        const html = document.querySelector(\"html\");\n        this.htmlMO = new MutationObserver(callback);\n        this.htmlMO.observe(html, {\n            attributes: true\n        });\n    };\n    attachExportParts = () => {\n        const part = this.el.getAttribute(\"part\");\n        const exportPartsResult = exportParts(part, this.parts);\n        exportPartsResult.length && (this.exportparts = exportPartsResult);\n    };\n    evaluateIcon = () => {\n        if (this.type === \"file\") {\n            this.icon = \"controls/file-upload\";\n            this.iconPosition = \"start\";\n            this.placeholder = this.placeholder || \"Select a file\";\n        }\n    };\n    evaluateLabelAlignment = () => {\n        if (this.labelPosition === \"start\") {\n            this.centerLabel = true;\n        }\n    };\n    /*********************************\n    METHODS\n    *********************************/\n    iconPositionFunc() {\n        if (this.iconPosition !== null && this.icon !== null) {\n            return this.iconPosition;\n        }\n    }\n    inputIcon() {\n        if (this.iconPosition !== null && this.icon !== null) {\n            if (this.validationStatus === \"warning\") {\n                return (h(\"gxg-icon\", { class: \"custom-icon\", type: this.icon, size: \"small\", color: \"warning\" }));\n            }\n            if (this.validationStatus === \"error\") {\n                return (h(\"gxg-icon\", { class: \"custom-icon\", type: this.icon, size: \"small\", color: \"error\" }));\n            }\n            {\n                return this.icon ? (h(\"gxg-icon\", { class: \"custom-icon\", type: this.icon, size: \"small\", color: this.disabled ? \"disabled\" : this.iconColor })) : null;\n            }\n        }\n    }\n    handleInput(e) {\n        e.stopPropagation();\n        const target = e.target;\n        this.value = target.value;\n        this.input.emit(target.value);\n    }\n    handleKeyDown = e => {\n        if (e.key === \"Enter\" && this.type === \"file\") {\n            this.textInput.click();\n        }\n    };\n    handleChange(e) {\n        e.stopPropagation();\n        const target = e.target;\n        this.value = target.value;\n        this.change.emit(target.value);\n    }\n    onFocusHandler() {\n        if (this.cursorEnd) {\n            this.textInput.setSelectionRange(this.textInput.value.length, this.textInput.value.length);\n        }\n    }\n    clearButtonFunc() {\n        this.clearButtonClicked.emit({ prevValue: this.value });\n        this.value = \"\";\n        if (this.type === \"file\") {\n            this.fileList = null;\n            this.fileInputEl.value = \"\";\n        }\n    }\n    updateGhostSpan() {\n        if (this.minimal) {\n            //Update ghost span content, and then get and apply the width from the ghost span\n            const ghostSpan = this.el.shadowRoot.querySelector(\".ghost-span\");\n            ghostSpan.innerHTML = this.value;\n            //Then get the ghost span width\n            const ghostSpanWidth = ghostSpan.offsetWidth + 5;\n            const input = this.el.shadowRoot.querySelector(\".input\");\n            //Finally set that width to the input!\n            input.style.width = ghostSpanWidth + \"px\";\n        }\n    }\n    mouseEnterHandler() {\n        setTimeout(function () {\n            const inputText = this.el.shadowRoot.querySelector(\".input\");\n            //Contextual menu coordinates\n            const inputTextArea = inputText.getBoundingClientRect();\n            if (this.mouseCoordinates.x > inputTextArea.left &&\n                this.mouseCoordinates.x < inputTextArea.right &&\n                this.mouseCoordinates.y > inputTextArea.top &&\n                this.mouseCoordinates.y < inputTextArea.bottom) {\n                //Mouse pointer is inside the input text\n                this.cursorInside = true;\n            }\n        }.bind(this), 500);\n    }\n    mouseOutHandler() {\n        this.cursorInside = false;\n    }\n    mouseMoveHandler(e) {\n        this.mouseCoordinates[\"x\"] = e.clientX;\n        this.mouseCoordinates[\"y\"] = e.clientY;\n    }\n    componentDidLoad() {\n        if (this.minimal) {\n            document.addEventListener(\"mousemove\", this.mouseMoveHandler.bind(this));\n            /**************\n            GHOST SPAN\n            Ghost span for the \"minimal\" type input, in order to make the input width fit the content\n            **************/\n            const intersectionObserver = new IntersectionObserver(function (entries) {\n                // If intersectionRatio is 0, the target is out of view\n                // and we do not need to do anything.\n                if (entries[0].intersectionRatio <= 0)\n                    return;\n                const input = this.el.shadowRoot.querySelector(\".input\");\n                const inputComputedStyles = window.getComputedStyle(input);\n                const ghostSpan = this.el.shadowRoot.querySelector(\".ghost-span\");\n                //Set ghostSpan outside of the visible area\n                ghostSpan.style.position = \"fixed\";\n                ghostSpan.style.left = \"-1000px\";\n                ghostSpan.style.top = \"-1000px\";\n                ghostSpan.style.zIndex = \"-1000\";\n                ghostSpan.style.opacity = \"0\";\n                //Set input styles that affect the width to the ghost span\n                ghostSpan.style.fontSize = inputComputedStyles.fontSize;\n                ghostSpan.style.fontFamily = inputComputedStyles.fontFamily;\n                ghostSpan.style.textTransform = inputComputedStyles.textTransform;\n                ghostSpan.style.display = \"inline-block\";\n                ghostSpan.style.paddingLeft = inputComputedStyles.paddingRight;\n                ghostSpan.style.paddingRight = inputComputedStyles.paddingRight;\n                ghostSpan.style.letterSpacing = inputComputedStyles.letterSpacing;\n                ghostSpan.style.fontWeight = inputComputedStyles.fontWeight;\n                //Then get the ghost span width\n                const ghostSpanWidth = ghostSpan.offsetWidth + 5;\n                input.style.width = \"0px\";\n                //get inner-wrapper width\n                const innerWrapperWidth = this.el.shadowRoot.querySelector(\".inner-wrapper\")\n                    .offsetWidth - 5;\n                //Finally set that width to the input!\n                input.style.width = ghostSpanWidth + \"px\";\n                input.style.maxWidth = innerWrapperWidth + \"px\";\n                //Listen to resizeObserver to set the new max-width value on the on the input\n                const resizeObserver = new ResizeObserver(() => {\n                    input.style.width = \"0px\";\n                    const innerWrapperWidth = this.el.shadowRoot.querySelector(\".inner-wrapper\").offsetWidth - 5;\n                    input.style.maxWidth = innerWrapperWidth + \"px\";\n                    input.style.width = ghostSpanWidth + \"px\";\n                });\n                const innerWrapper = this.el.shadowRoot.querySelector(\".inner-wrapper\");\n                resizeObserver.observe(innerWrapper);\n            }.bind(this));\n            // start observing\n            intersectionObserver.observe(this.el.shadowRoot.querySelector(\".input\"));\n        } // if (this.minimal)\n        //Reading Direction\n        const dirHtml = document\n            .getElementsByTagName(\"html\")[0]\n            .getAttribute(\"dir\");\n        const dirBody = document\n            .getElementsByTagName(\"body\")[0]\n            .getAttribute(\"dir\");\n        if (dirHtml === \"rtl\" || dirBody === \"rtl\") {\n            this.rtl = true;\n        }\n    }\n    evaluateType() {\n        if (this.password) {\n            return \"password\";\n        }\n        else {\n            return \"text\";\n        }\n    }\n    inputFileChangedHandler = e => {\n        const selectedFiles = e.target.files;\n        this.fileList = selectedFiles;\n        this.fileSelected.emit(selectedFiles);\n        if (selectedFiles.length > 1) {\n            this.value = `${selectedFiles.length} files chosen`;\n        }\n        else {\n            this.value = selectedFiles[0].name;\n        }\n    };\n    renderInputFile = () => {\n        if (this.type === \"file\") {\n            return (h(\"input\", { class: \"input-file\", type: \"file\", multiple: this.multiple, accept: this.acceptFile, ref: el => (this.fileInputEl = el), onChange: this.inputFileChangedHandler, style: { display: \"none\" } }));\n        }\n    };\n    render() {\n        return (h(Host, { role: \"textbox\", \"aria-label\": this.label, \"icon-position\": this.iconPositionFunc(), style: {\n                width: this.width,\n                maxWidth: this.maxWidth\n            }, class: {\n                rtl: this.rtl,\n                large: state.large,\n                mercury: state.mercury,\n                borderless: this.borderless,\n                file: this.type === \"file\",\n                tooltip: this.toolTip,\n                \"has-icon\": this.icon,\n                \"icon-start\": this.icon && this.iconPosition === \"start\",\n                \"icon-end\": (this.icon && this.iconPosition === \"end\" && !this.clearButton) ||\n                    (!this.icon && this.clearButton) ||\n                    (this.icon && this.iconPosition === \"start\" && this.clearButton),\n                \"icon-end--double\": this.icon && this.iconPosition === \"end\" && this.clearButton,\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            }, exportParts: this.exportparts ? this.exportparts : null }, this.minimal ? h(\"span\", { class: \"ghost-span\" }, this.value) : null, h(\"div\", { class: {\n                \"outer-wrapper\": true\n            } }, this.label ? (h(\"gxg-label\", { labelPosition: this.labelPosition, center: this.centerLabel, width: this.labelWidth }, this.label, requiredLabel(this))) : (\"\"), h(\"div\", { class: {\n                \"inner-wrapper\": true,\n                \"has-clear-button\": this.clearButton === true\n            } }, h(\"input\", { part: this.parts.input, type: this.evaluateType(), value: this.value, class: {\n                input: true,\n                \"form-element\": true,\n                \"form-element--readonly\": this.readonly,\n                \"cursor-inside\": this.cursorInside,\n                \"has-clear-button\": this.clearButton === true,\n                \"has-custom-icon\": this.icon,\n                \"custom-icon--start\": this.iconPosition === \"start\",\n                \"custom-icon--end\": this.iconPosition === \"end\",\n                \"input--borderless\": this.borderless\n            }, placeholder: this.placeholder, disabled: this.disabled, readonly: \"readonly\" ? this.readonly : null, onClick: this.type === \"file\" && this.readonly && this.openFile, onInput: this.handleInput.bind(this), onKeyDown: this.handleKeyDown, onChange: this.handleChange.bind(this), onFocus: this.onFocusHandler.bind(this), required: this.required, onMouseEnter: this.mouseEnterHandler.bind(this), onMouseOut: this.mouseOutHandler.bind(this), ref: el => (this.textInput = el), maxLength: this.maxLength ? parseInt(this.maxLength) : null, minLength: this.minLength ? parseInt(this.minLength) : null }), this.inputIcon(), this.clearButton ? (h(\"gxg-icon\", { class: \"clear-button\", type: \"gemini-tools/close\", size: \"small\", color: \"onbackground\", onClick: this.clearButtonFunc.bind(this) })) : null, this.toolTip ? formTooltipLogic(this, this.hideTooltip) : null, this.labelPosition === \"start\" && !this.toolTip\n            ? formMessageLogic(this)\n            : null, this.renderInputFile())), this.labelPosition === \"above\" && !this.toolTip\n            ? formMessageLogic(this)\n            : null));\n    }\n    static get is() { return \"gxg-form-text\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"form-text.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"form-text.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"hideTooltip\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute disables the tooltip. Useful for the combo-box.\"\n                },\n                \"attribute\": \"hide-tooltip\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"toolTip\": {\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 displays a tooltip message, instead of a block message below the control\"\n                },\n                \"attribute\": \"tool-tip\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"clearButton\": {\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 displays a clear (cross) button-icon on the right side\"\n                },\n                \"attribute\": \"clear-button\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"debounce\": {\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 activates a debounce for the valueChanged event. This will cause the event to be emitted after 'debounceDelay' time.\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"debounceDelay\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The debounce delay value. Only applies if 'debounce' is true.\"\n                },\n                \"attribute\": \"debounce-delay\",\n                \"reflect\": false,\n                \"defaultValue\": \"800\"\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 input disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\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 input readonly\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"icon\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The input icon (optional)\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"cursorEnd\": {\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\": \"If true, it will position the cursor at the end when the input is focused.\"\n                },\n                \"attribute\": \"cursor-end\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IconPosition\",\n                    \"resolved\": \"\\\"end\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"IconPosition\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/form-text/form-text.tsx\",\n                            \"id\": \"src/components/form-text/form-text.tsx::IconPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The input icon side\"\n                },\n                \"attribute\": \"icon-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"null\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The input label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"labelPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LabelPosition\",\n                    \"resolved\": \"\\\"above\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"LabelPosition\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/form-text/form-text.tsx\",\n                            \"id\": \"src/components/form-text/form-text.tsx::LabelPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label position\"\n                },\n                \"attribute\": \"label-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"start\\\"\"\n            },\n            \"borderless\": {\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 hides the border.\"\n                },\n                \"attribute\": \"borderless\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"minimal\": {\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 hides the border, and sets the background to transparent when the element has no focus\"\n                },\n                \"attribute\": \"minimal\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"overDarkBackground\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute sets the text color to white. Usefull when \\\"minimal\\\" attribute is applied and the background behind the input is dark\"\n                },\n                \"attribute\": \"over-dark-background\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"placeholder\": {\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 input placeholder\"\n                },\n                \"attribute\": \"placeholder\",\n                \"reflect\": false\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute makes this input required\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"centerLabel\": {\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\": \"Centers the label\"\n                },\n                \"attribute\": \"center-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"labelWidth\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label width\"\n                },\n                \"attribute\": \"label-width\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"InputType\",\n                    \"resolved\": \"\\\"file\\\" | \\\"password\\\" | \\\"text\\\"\",\n                    \"references\": {\n                        \"InputType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/form-text/form-text.tsx\",\n                            \"id\": \"src/components/form-text/form-text.tsx::InputType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of input\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"text\\\"\"\n            },\n            \"multiple\": {\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\": \"Allows multiple files if type is \\\"file\\\"\"\n                },\n                \"attribute\": \"multiple\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fileList\": {\n                \"type\": \"unknown\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"FileList\",\n                    \"resolved\": \"FileList\",\n                    \"references\": {\n                        \"FileList\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FileList\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The file list that the user selected (only applies if the input type is \\\"file\\\")\"\n                }\n            },\n            \"acceptFile\": {\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 type of files the input accepts\"\n                },\n                \"attribute\": \"accept-file\",\n                \"reflect\": false\n            },\n            \"preventValueChangedEmit\": {\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\": \"Prevent \\\"valueChanged\\\" event from being emitted (helpful for cases where the event causes a conflict )\"\n                },\n                \"attribute\": \"prevent-value-changed-emit\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"ValidationStatus\",\n                    \"resolved\": \"\\\"error\\\" | \\\"indeterminate\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"ValidationStatus\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../common/types\",\n                            \"id\": \"src/common/types.ts::ValidationStatus\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status\"\n                },\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"indeterminate\\\"\"\n            },\n            \"validationMessage\": {\n                \"type\": \"string\",\n                \"mutable\": 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 when validation fails (error)\"\n                },\n                \"attribute\": \"validation-message\",\n                \"reflect\": false\n            },\n            \"informationMessage\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An informative message to help the user filling the information\"\n                },\n                \"attribute\": \"information-message\",\n                \"reflect\": false\n            },\n            \"value\": {\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 input value\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": true\n            },\n            \"maxWidth\": {\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 input max. width\"\n                },\n                \"attribute\": \"max-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"width\": {\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 input width\"\n                },\n                \"attribute\": \"width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"textStyle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Style\",\n                    \"resolved\": \"\\\"quote\\\" | \\\"regular\\\" | \\\"title-01\\\" | \\\"title-02\\\" | \\\"title-03\\\" | \\\"title-04\\\" | \\\"title-05\\\"\",\n                    \"references\": {\n                        \"Style\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/form-text/form-text.tsx\",\n                            \"id\": \"src/components/form-text/form-text.tsx::Style\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text style\"\n                },\n                \"attribute\": \"text-style\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"regular\\\"\"\n            },\n            \"password\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute sets the input type as password\"\n                },\n                \"attribute\": \"password\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"maxLength\": {\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 input max. length\"\n                },\n                \"attribute\": \"max-length\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"minLength\": {\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 input min. length\"\n                },\n                \"attribute\": \"min-length\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"cursorInside\": {},\n            \"inputSize\": {},\n            \"mouseCoordinates\": {},\n            \"rtl\": {},\n            \"iconColor\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"input\",\n                \"name\": \"input\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Returns the input value\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"change\",\n                \"name\": \"change\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Returns the input value\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"clearButtonClicked\",\n                \"name\": \"clearButtonClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The clear button was clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"valueChanged\",\n                \"name\": \"valueChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The clear button was clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"fileSelected\",\n                \"name\": \"fileSelected\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"File Selected\"\n                },\n                \"complexType\": {\n                    \"original\": \"FileList\",\n                    \"resolved\": \"FileList\",\n                    \"references\": {\n                        \"FileList\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FileList\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"selectInputText\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\n            \"openFile\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\n            \"clearInput\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"value\",\n                \"methodName\": \"watchValueHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=form-text.js.map\n","/*********************************\nICON\n*********************************/\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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: inline-block;\n  line-height: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n:host(.icon-size--regular) {\n  height: var(--ds-icon-size-box--regular);\n  width: var(--ds-icon-size-box--regular);\n}\n\n:host(.icon-size--small) {\n  height: var(--ds-icon-size-box--small);\n  width: var(--ds-icon-size-box--small);\n}","import { Host, getAssetPath, h } from \"@stencil/core\";\n/*********************************\nCONSTANTS\n*********************************/\nconst COLOR_MAPPINGS = {\n    alwaysblack: \"color-always-black\",\n    disabled: \"color-primary-disabled\",\n    ondisabled: \"color-on-disabled\",\n    error: \"ds-alert-color--dark\",\n    negative: \"color-on-primary\",\n    onbackground: \"color-on-background\",\n    indeterminate: \"color-primary-active\",\n    \"primary-enabled\": \"color-primary-enabled\",\n    \"primary-active\": \"color-primary-active\",\n    \"primary-hover\": \"color-primary-hover\",\n    success: \"ds-success-color--dark\",\n    warning: \"ds-warning-color--dark\",\n    mercury: \"mer-icon__primary\",\n    \"mercury-primary\": \"mer-icon__primary\",\n    \"mercury-on-primary\": \"mer-text__on-primary\",\n    \"mercury-text-on-message\": \"mer-text__on-message\",\n    \"mercury-neutral\": \"mer-icon__neutral\"\n};\nexport class GxgIcon {\n    constructor() {\n        this.color = undefined;\n        this.size = \"regular\";\n        this.type = undefined;\n    }\n    element;\n    /*********************************\n    METHODS\n    *********************************/\n    getSrcPath() {\n        return getAssetPath(`./icon-assets/${this.type}.svg`);\n    }\n    iconSize() {\n        if (this.size === \"regular\") {\n            return \"var(--ds-icon-size--regular)\";\n        }\n        else if (this.size === \"small\") {\n            return \"var(--ds-icon-size--small)\";\n        }\n    }\n    render() {\n        return (h(Host, { class: {\n                \"icon-size--regular\": this.size === \"regular\",\n                \"icon-size--small\": this.size === \"small\"\n            } }, h(\"ch-icon\", { style: {\n                \"--icon-color\": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),\n                \"--icon-size\": this.iconSize()\n            }, \"auto-color\": this.color === \"auto\", src: this.getSrcPath(), part: \"ch-icon\" })));\n    }\n    mapColorToCssVar(color) {\n        //return `var(--color-on-background)`;\n        return `var(--gxg-icon-color, var(--${color}))`;\n    }\n    static get is() { return \"gxg-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"icon-assets\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"alwaysblack\\\" | \\\"auto\\\" | \\\"disabled\\\" | \\\"error\\\" | \\\"indeterminate\\\" | \\\"mercury\\\" | \\\"mercury-neutral\\\" | \\\"mercury-on-primary\\\" | \\\"mercury-primary\\\" | \\\"mercury-text-on-message\\\" | \\\"negative\\\" | \\\"onbackground\\\" | \\\"ondisabled\\\" | \\\"primary-active\\\" | \\\"primary-enabled\\\" | \\\"primary-hover\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/icon/icon.tsx\",\n                            \"id\": \"src/components/icon/icon.tsx::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color of the icon.\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Size\",\n                    \"resolved\": \"\\\"regular\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"Size\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/icon/icon.tsx\",\n                            \"id\": \"src/components/icon/icon.tsx::Size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. Possible values: regular, small.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"regular\\\"\"\n            },\n            \"type\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of icon.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"element\"; }\n}\n//# sourceMappingURL=icon.js.map\n",":root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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: flex;\n  align-items: baseline;\n}\n:host 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\n:host(.position-above) {\n  margin-block-end: var(--gxg-label-separation-vertical);\n}\n\n:host(.position-end) {\n  margin-inline-start: var(--gxg-label-separation-horizontal);\n}\n\n:host(.position-below) {\n  margin-block-start: var(--gxg-label-separation-vertical);\n}\n\n:host(.position-start) {\n  margin-inline-end: var(--gxg-label-separation-horizontal);\n}\n\n:host(.gxg-label--no-margin) {\n  margin: 0 !important;\n}\n\n/*alignment*/\n:host(.position-above.gxg-label--center),\n:host(.position-below.gxg-label--center) {\n  justify-content: center;\n}\n\n:host(.position-start.gxg-label--center),\n:host(.position-end.gxg-label--center) {\n  align-items: center;\n}\n\n/*DISABLED*/\n:host([disabled]) label {\n  color: var(--gxg-label-color-disabled);\n}\n\n/*Size*/\n:host(.gxg-label--regular) {\n  --gxg-label-font-size: var(--gxg-label-font-size--regular);\n}\n\n:host(.gxg-label--large) {\n  --gxg-label-font-size: var(--gxg-label-font-size--large);\n}\n\n/*********************************************\nLARGE VERSION (html tag has 'gxg-large' class)\n**********************************************/\n:host(.large) label {\n  font-size: var(--font-size-lg);\n}","import { Host, h } from \"@stencil/core\";\nimport state from \"../store\";\nexport class GxgLabel {\n    constructor() {\n        this.labelPosition = \"start\";\n        this.disabled = false;\n        this.noMargin = false;\n        this.center = undefined;\n        this.for = undefined;\n        this.width = \"auto\";\n        this.size = \"regular\";\n        this.tooltip = undefined;\n    }\n    componentWillLoad() {\n        if ((this.center === undefined && this.labelPosition === \"start\") ||\n            (this.center === undefined && this.labelPosition === \"end\")) {\n            this.center = true;\n        }\n        else if ((this.center === undefined && this.labelPosition === \"above\") ||\n            (this.center === undefined && this.labelPosition === \"below\")) {\n            this.center = false;\n        }\n    }\n    render() {\n        return (h(Host, { class: {\n                large: state.large,\n                \"gxg-label--no-margin\": this.noMargin,\n                \"gxg-label--center\": this.center,\n                \"gxg-label--regular\": this.size === \"regular\",\n                \"gxg-label--large\": this.size === \"large\",\n                [`position-${this.labelPosition}`]: true\n            }, style: {\n                width: this.width\n            } }, h(\"label\", { htmlFor: this.for }, this.tooltip ? (h(\"gxg-tooltip\", { label: this.tooltip }, h(\"slot\", null))) : null, h(\"slot\", null))));\n    }\n    static get is() { return \"gxg-label\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"gxg-label.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"gxg-label.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"labelPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LabelPosition\",\n                    \"resolved\": \"\\\"above\\\" | \\\"below\\\" | \\\"end\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"LabelPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../common/types\",\n                            \"id\": \"src/common/types.ts::LabelPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"*******************************\\nPROPERTIES & STATE\\n*******************************\"\n                },\n                \"attribute\": \"label-position\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"start\\\"\"\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\": \"\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"noMargin\": {\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-margin\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"center\": {\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\": \"center\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"for\": {\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\": \"for\",\n                \"reflect\": false\n            },\n            \"width\": {\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\": \"width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"size\",\n                    \"resolved\": \"\\\"large\\\" | \\\"regular\\\"\",\n                    \"references\": {\n                        \"size\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/label/gxg-label.tsx\",\n                            \"id\": \"src/components/label/gxg-label.tsx::size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"regular\\\"\"\n            },\n            \"tooltip\": {\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\": \"tooltip\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=gxg-label.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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: inline-flex;\n}\n:host .tooltip {\n  cursor: pointer;\n  position: relative;\n  border-bottom: 1px dotted var(--gxg-tooltip__background-color);\n  text-decoration: none;\n}\n:host .tooltip .tooltiptext {\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-size: var(--gxg-tooltip__font-size);\n  visibility: hidden;\n  opacity: 0;\n  transition-property: opacity;\n  transition-duration: var(--ui-animaton-speed);\n  transition-timing-function: ease;\n  position: absolute;\n  z-index: 1;\n  width: 250px;\n  text-align: center;\n}\n:host .tooltip .tooltiptext__content {\n  width: fit-content;\n  background-color: var(--gxg-tooltip__background-color);\n  padding: var(--gxg-tooltip__padding);\n  border-radius: var(--border-width-md);\n  color: var(--gxg-tooltip__color);\n  display: inline-block;\n  text-align: left;\n  line-height: var(--ds-base-font-line-height--regular);\n}\n:host .tooltip .tooltiptext:after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 5px solid var(--gxg-tooltip__background-color);\n  position: absolute;\n}\n:host .tooltip:hover .tooltiptext {\n  visibility: visible;\n  opacity: 1;\n}\n\n:host([position=top]) .tooltip .tooltiptext {\n  bottom: 27px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n:host([position=top]) .tooltip .tooltiptext:after {\n  left: 50%;\n  transform: translateX(-50%) rotate(180deg);\n  bottom: -4px;\n}\n\n:host([position=right]) .tooltip .tooltiptext {\n  top: 0;\n  left: 111%;\n  text-align: left;\n}\n:host([position=right]) .tooltip .tooltiptext:after {\n  left: -7px;\n  transform: rotate(-90deg);\n  top: 8px;\n}\n\n:host([position=bottom]) .tooltip .tooltiptext {\n  top: 25px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n:host([position=bottom]) .tooltip .tooltiptext:after {\n  left: 50%;\n  transform: translateX(-50%);\n  top: -4px;\n}\n\n:host([position=left]) .tooltip .tooltiptext {\n  text-align: right;\n  top: 0;\n  right: 105%;\n}\n:host([position=left]) .tooltip .tooltiptext:after {\n  right: -7px;\n  transform: rotate(90deg);\n  top: 8px;\n}\n\n:host([width-auto]) .tooltip .tooltiptext {\n  width: auto;\n  white-space: nowrap;\n}\n\n:host([no-border]) .tooltip {\n  border-bottom: none;\n}\n\n:host([align-end]) .tooltiptext {\n  transform: translateY(calc(-100% - 5px)) translateX(-100%) !important;\n  inset-inline-end: 0;\n  max-width: 180px;\n  width: max-content;\n}\n:host([align-end]) .tooltiptext:after {\n  inset-inline-end: -1px;\n  left: auto !important;\n}\n\n:host([flex]) {\n  display: flex;\n}\n:host([flex]) .tooltip {\n  display: flex;\n}\n\n:host([fixed]) .tooltip:hover .tooltiptext {\n  visibility: hidden;\n  opacity: 0;\n}\n:host([fixed]) .tooltip .tooltiptext {\n  position: fixed;\n  height: 0;\n}\n:host([fixed]) .tooltip .tooltiptext__content {\n  transform: translateY(calc(-100% - 5px));\n}\n:host([fixed]) .tooltip .tooltiptext__content:after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 5px solid var(--gxg-tooltip__background-color);\n  position: absolute;\n  right: 0;\n  transform: translateX(-3px) rotate(180deg);\n  bottom: -3px;\n}\n:host([fixed]) .tooltip .tooltiptext:after {\n  display: none;\n}\n:host([fixed]) .tooltip--visible .tooltiptext {\n  visibility: visible !important;\n  opacity: 1 !important;\n}","import { h, Host } from \"@stencil/core\";\nexport class GxgTooltip {\n    constructor() {\n        this.position = \"top\";\n        this.label = undefined;\n        this.alignEnd = false;\n        this.fixed = false;\n        this.flex = false;\n        this.noBorder = false;\n        this.visible = false;\n    }\n    el;\n    tooltipTextEl;\n    componentWillLoad() {\n        if (this.fixed) {\n            this.el.addEventListener(\"mouseenter\", this.mouseEnterHandler);\n            this.el.addEventListener(\"mouseleave\", this.mouseLeaveHandler);\n            document.addEventListener(\"scroll\", this.documentScrollHandler);\n        }\n    }\n    mouseEnterHandler = () => {\n        const tooltipBC = this.el.getBoundingClientRect();\n        const top = tooltipBC.top;\n        const leftPosition = tooltipBC.left;\n        const width = tooltipBC.width;\n        this.tooltipTextEl.style.top = `${top}px`;\n        this.tooltipTextEl.style.left = `${leftPosition + width}px`;\n        this.visible = true;\n    };\n    mouseLeaveHandler = () => {\n        this.visible = false;\n    };\n    documentScrollHandler = () => {\n        this.visible = false;\n    };\n    render() {\n        return (h(Host, { role: \"tooltip\" }, h(\"span\", { class: { tooltip: true, \"tooltip--visible\": this.visible } }, h(\"slot\", null), h(\"div\", { class: \"tooltiptext\", ref: (el) => (this.tooltipTextEl = el) }, h(\"span\", { class: \"tooltiptext__content\" }, this.label)))));\n    }\n    static get is() { return \"gxg-tooltip\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"tooltip.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"tooltip.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"position\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"position\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tooltip/tooltip.tsx\",\n                            \"id\": \"src/components/tooltip/tooltip.tsx::position\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the tooltip position\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"top\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"alignEnd\": {\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 alignment\"\n                },\n                \"attribute\": \"align-end\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"fixed\": {\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\": \"Fixed positioned\"\n                },\n                \"attribute\": \"fixed\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"flex\": {\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 the tool-tip as flex\"\n                },\n                \"attribute\": \"flex\",\n                \"reflect\": true,\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\": \"This presence of this property removes the border under the text\"\n                },\n                \"attribute\": \"no-border\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"visible\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=tooltip.js.map\n"],"mappings":"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"}
+{"version":3,"names":["iconContent","Map","requests","getSvgContent","url","request","get","fetch","then","response","ok","text","svgContent","set","iconCss","ChIcon","constructor","hostRef","this","color","undefined","lazy","autoColor","src","size","isVisible","connectedCallback","waitUntilVisible","element","getIcon","disconnectedCallback","io","disconnect","el","rootMargin","callback","window","IntersectionObserver","data","isIntersecting","observe","has","render","h","innerHTML","assetsDirs","formTextCss","GxgFormText","parts","input","attachMutationObserver","mutationList","forEach","mutation","type","attributeName","mercury","target","classList","contains","iconColor","html","document","querySelector","htmlMO","MutationObserver","attributes","attachExportParts","part","getAttribute","exportPartsResult","exportParts","length","exportparts","evaluateIcon","icon","iconPosition","placeholder","evaluateLabelAlignment","labelPosition","centerLabel","handleKeyDown","e","key","textInput","click","inputFileChangedHandler","selectedFiles","files","fileList","fileSelected","emit","value","name","renderInputFile","class","multiple","accept","acceptFile","ref","fileInputEl","onChange","style","display","hideTooltip","toolTip","clearButton","debounce","debounceDelay","disabled","readonly","cursorEnd","label","borderless","minimal","overDarkBackground","required","labelWidth","preventValueChangedEmit","validationStatus","validationMessage","informationMessage","maxWidth","width","textStyle","password","maxLength","minLength","cursorInside","inputSize","mouseCoordinates","x","y","rtl","watchValueHandler","newValue","clearTimeout","timeoutReference","setTimeout","valueChanged","updateGhostSpan","selectInputText","focus","select","openFile","clearInput","clearButtonFunc","componentWillLoad","removeEventListener","mouseMoveHandler","iconPositionFunc","inputIcon","handleInput","stopPropagation","handleChange","change","onFocusHandler","setSelectionRange","clearButtonClicked","prevValue","ghostSpan","shadowRoot","ghostSpanWidth","offsetWidth","mouseEnterHandler","inputText","inputTextArea","getBoundingClientRect","left","right","top","bottom","bind","mouseOutHandler","clientX","clientY","componentDidLoad","addEventListener","intersectionObserver","entries","intersectionRatio","inputComputedStyles","getComputedStyle","position","zIndex","opacity","fontSize","fontFamily","textTransform","paddingLeft","paddingRight","letterSpacing","fontWeight","innerWrapperWidth","resizeObserver","ResizeObserver","innerWrapper","dirHtml","getElementsByTagName","dirBody","evaluateType","Host","role","large","state","file","tooltip","formClasses","commonClassesNames","center","requiredLabel","onClick","onInput","onKeyDown","onFocus","onMouseEnter","onMouseOut","parseInt","formTooltipLogic","formMessageLogic","delegatesFocus","COLOR_MAPPINGS","alwaysblack","ondisabled","error","negative","onbackground","indeterminate","success","warning","GxgIcon","getSrcPath","getAssetPath","iconSize","mapColorToCssVar","gxgLabelCss","GxgLabel","noMargin","for","htmlFor","tooltipCss","GxgTooltip","tooltipBC","leftPosition","tooltipTextEl","visible","mouseLeaveHandler","documentScrollHandler","alignEnd","fixed","flex","noBorder"],"sources":["node_modules/@genexus/chameleon-controls-library/dist/collection/components/icon/requests.js","node_modules/@genexus/chameleon-controls-library/dist/collection/components/icon/icon.css?tag=ch-icon&encapsulation=shadow","node_modules/@genexus/chameleon-controls-library/dist/collection/components/icon/icon.js","node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css?tag=gxg-form-text&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.js","node_modules/@genexus/gemini/dist/collection/components/icon/icon.css?tag=gxg-icon&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/icon/icon.js","node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css?tag=gxg-label&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.js","node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.css?tag=gxg-tooltip&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.js"],"sourcesContent":["export const iconContent = new Map();\nconst requests = new Map();\nexport function getSvgContent(url) {\n    // see if we already have a request for this url\n    let request = requests.get(url);\n    if (!request) {\n        // we don't already have a request\n        request = fetch(url).then(response => {\n            if (response.ok) {\n                return response.text().then(svgContent => {\n                    iconContent.set(url, svgContent);\n                    return svgContent;\n                });\n            }\n            iconContent.set(url, \"\");\n        });\n        // cache for the same requests\n        requests.set(url, request);\n    }\n    return request;\n}\n//# sourceMappingURL=requests.js.map\n",":host(:not([auto-color])) {\n  /**\n  * @prop --icon-color: Color of the icon (sets the SVG's `fill` property)\n  */\n}\n:host(:not([auto-color])) svg * {\n  fill: var(--icon-color) !important;\n}\n:host(:not([auto-color])) path.icons01 {\n  fill: var(--icons01-enabled);\n}\n:host(:not([auto-color])) path.icons02 {\n  fill: var(--icons02-enabled);\n}\n:host(:not([auto-color])) path.icons03 {\n  fill: var(--icons03-enabled);\n}\n:host(:not([auto-color])) path.icons04 {\n  fill: var(--icons04-enabled);\n}\n:host(:not([auto-color])) path.icons05 {\n  fill: var(--icons05-enabled);\n}\n:host(:not([auto-color])) path.icons06 {\n  fill: var(--icons06-enabled);\n}\n:host(:not([auto-color])) path.icons07 {\n  fill: var(--icons07-enabled);\n}\n:host(:not([auto-color])) path.icons08 {\n  fill: var(--icons08-enabled);\n}\n:host(:not([auto-color])) path.icons09 {\n  fill: var(--icons09-enabled);\n}\n\n:host {\n  /**\n  * @prop --icon-size: Size of the icon (sets both width and height)\n  */\n  display: inline-flex;\n  line-height: 0;\n}\n:host svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n}","import { h } from \"@stencil/core\";\nimport { getSvgContent, iconContent } from \"./requests\";\nexport class ChIcon {\n    constructor() {\n        this.color = undefined;\n        this.lazy = false;\n        this.autoColor = false;\n        this.src = \"\";\n        this.size = \"regular\";\n        this.isVisible = false;\n        this.svgContent = undefined;\n    }\n    io;\n    element;\n    /** *******************************\n    METHODS\n    *********************************/\n    connectedCallback() {\n        // purposely do not return the promise here because loading\n        // the svg file should not hold up loading the app\n        // only load the svg if it's visible\n        this.waitUntilVisible(this.element, \"50px\", () => {\n            this.isVisible = true;\n            this.getIcon();\n        });\n    }\n    disconnectedCallback() {\n        if (this.io !== undefined) {\n            this.io.disconnect();\n            this.io = undefined;\n        }\n    }\n    waitUntilVisible(el, rootMargin, callback) {\n        if (this.lazy &&\n            typeof window !== \"undefined\" &&\n            window.IntersectionObserver) {\n            // TODO: FIX THIS\n            // eslint-disable-next-line no-multi-assign\n            const io = (this.io = new window.IntersectionObserver((data) => {\n                if (data[0].isIntersecting) {\n                    io.disconnect();\n                    this.io = undefined;\n                    callback();\n                }\n            }, { rootMargin }));\n            io.observe(el);\n        }\n        else {\n            // browser doesn't support IntersectionObserver\n            // so just fallback to always show it\n            callback();\n        }\n    }\n    async getIcon() {\n        if (this.isVisible) {\n            if (this.src) {\n                if (iconContent.has(this.src)) {\n                    this.svgContent = iconContent.get(this.src);\n                }\n                else {\n                    this.svgContent = await getSvgContent(this.src);\n                }\n            }\n            else {\n                this.svgContent = \"\";\n            }\n        }\n    }\n    render() {\n        return h(\"div\", { innerHTML: this.svgContent });\n    }\n    static get is() { return \"ch-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"ch-icon-assets\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"alwaysblack\\\" | \\\"auto\\\" | \\\"disabled\\\" | \\\"error\\\" | \\\"negative\\\" | \\\"onbackground\\\" | \\\"ondisabled\\\" | \\\"primary-active\\\" | \\\"primary-enabled\\\" | \\\"primary-hover\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/icon/icon.tsx\",\n                            \"id\": \"src/components/icon/icon.tsx::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color of the icon.\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"lazy\": {\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\": \"If enabled, the icon will be loaded lazily when it's visible in the viewport.\"\n                },\n                \"attribute\": \"lazy\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"autoColor\": {\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\": \"If enabled, the icon will display its inherent/natural color\"\n                },\n                \"attribute\": \"auto-color\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"src\": {\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 URL of the icon.\"\n                },\n                \"attribute\": \"src\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Size\",\n                    \"resolved\": \"\\\"regular\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"Size\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/runner/work/chameleon-controls-library/chameleon-controls-library/src/components/icon/icon.tsx\",\n                            \"id\": \"src/components/icon/icon.tsx::Size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. Possible values: regular, small.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"regular\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"isVisible\": {},\n            \"svgContent\": {}\n        };\n    }\n    static get elementRef() { return \"element\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"src\",\n                \"methodName\": \"getIcon\"\n            }];\n    }\n}\n//# sourceMappingURL=icon.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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\n: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: flex;\n  flex-direction: column;\n  width: 100%;\n  /*outer wrapper*/\n  /*inner wrapper*/\n  /*input*/\n  /*icon*/\n  /*messages wrapper*/\n  /*clear icon*/\n}\n:host .outer-wrapper {\n  position: relative;\n  width: 100%;\n}\n:host .inner-wrapper {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  flex: 1;\n  height: var(--gxg-form-text-height);\n}\n:host .inner-wrapper gxg-icon {\n  position: absolute;\n}\n:host input {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n  border: var(--ds-form-control-border);\n  border-radius: var(--ds-form-control-border-radius);\n  color: var(--ds-form-control-color);\n  background-color: var(--ds-form-control-background-color);\n  font-size: var(--ds-form-control-font-size);\n  font-family: var(--ds-base-font-family-primary);\n  padding-inline-start: var(--ds-form-control-padding-horizontal);\n  padding-inline-end: var(--ds-form-control-padding-horizontal);\n  padding-block-start: 0;\n  padding-block-end: 0;\n  height: var(--gxg-form-text-height);\n  /*no border*/\n  /*readonly*/\n}\n:host input::placeholder {\n  font-style: var(--ds-form-control-placeholder-style);\n  color: var(--ds-form-control-placeholder-color);\n  opacity: 1;\n  /* Firefox */\n}\n:host input::-ms-input-placeholder {\n  /* Edge 12-18 */\n  font-style: var(--ds-form-control-placeholder-style);\n  color: var(--ds-form-control-placeholder-color);\n}\n:host input:hover {\n  border-color: var(--ds-form-control-border-color--hover);\n}\n:host 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}\n:host input.input--borderless {\n  border-color: transparent !important;\n}\n:host input[readonly] {\n  cursor: default;\n}\n:host gxg-icon {\n  top: 50%;\n  transform: translateY(-50%);\n}\n:host .messages-wrapper {\n  margin-top: var(--spacing-comp-02);\n  display: flex;\n  gap: var(--spacing-comp-01);\n  flex-direction: column;\n}\n:host .clear-button {\n  right: calc((var(--ds-form-control-height) - var(--gxg-form-text-icon-size)) / 2);\n  opacity: 0.5;\n  cursor: pointer;\n}\n:host .clear-button:hover {\n  opacity: 1;\n}\n\n/*--- Tooltip ---*/\n:host(.tooltip) .inner-wrapper {\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n}\n\n/*--- Label Position ---*/\n:host([label-position=start]) .outer-wrapper {\n  display: flex;\n  flex-direction: row;\n}\n\n/*--- Icon Styles ---*/\n/*icon position start*/\n:host(.icon-start) .inner-wrapper .custom-icon {\n  left: calc((var(--ds-form-control-height) - var(--gxg-form-text-icon-size)) / 2);\n}\n:host(.icon-start) input {\n  padding-inline-start: calc(var(--gxg-form-text-icon-size) + var(--ds-form-control-height) - var(--gxg-form-text-icon-size));\n}\n\n/*icon position end*/\n:host(.icon-end) .inner-wrapper .custom-icon {\n  right: calc((var(--ds-form-control-height) - var(--gxg-form-text-icon-size)) / 2);\n}\n:host(.icon-end) input {\n  padding-inline-end: calc(var(--gxg-form-text-icon-size) + var(--ds-form-control-height) - var(--gxg-form-text-icon-size));\n}\n\n/*icon position end double*/\n:host(.icon-end--double) input {\n  padding-inline-end: calc(var(--gxg-form-text-icon-size) * 2 + (var(--ds-form-control-height) - var(--gxg-form-text-icon-size)) * 2);\n}\n:host(.icon-end--double) .custom-icon {\n  right: calc(var(--gxg-form-text-icon-size) + var(--ds-form-control-height) - var(--gxg-form-text-icon-size));\n}\n\n/*--- Minimal ---*/\n:host([minimal]) input[type=text]:not(:focus),\n:host([minimal]) input[type=password]:not(:focus) {\n  border-color: transparent;\n  background-color: transparent;\n}\n:host([minimal]) input.cursor-inside {\n  border-color: var(--ds-border-color--regular) !important;\n  background-color: var(--ds-base-background-color);\n}\n:host([minimal]) input[type=text]:focus,\n:host([minimal]) input[type=password]:focus {\n  border-color: transparent;\n}\n\n/*minimal: icon position start*/\n:host([minimal]:not([icon-position=start])) input[type=text],\n:host([minimal]:not([icon-position=start])) input[type=password] {\n  padding-inline-start: 0;\n}\n:host([minimal]:not([icon-position=start])) input.cursor-inside {\n  padding-inline-start: var(--gxg-form-text-minimal-icon-not-start_cursor-inside-pis);\n}\n:host([minimal]:not([icon-position=start])) input[type=text]:focus,\n:host([minimal]:not([icon-position=start])) input[type=password]:focus {\n  padding-inline-start: var(--gxg-form-text-minimal-icon-not-start_focus-pis);\n}\n\n/*minimal:over dark background*/\n:host([minimal][over-dark-background]) input[type=text]:not(:focus),\n:host([minimal][over-dark-background]) input[type=password]:not(:focus) {\n  color: var(--gxg-form-text-minimal-over-dark-background);\n}\n\n/*--- Text Styles ---*/\n:host([text-style=quote]) input {\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:host([text-style=title-01]) input {\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:host([text-style=title-02]) input {\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:host([text-style=title-03]) input {\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:host([text-style=title-04]) input {\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:host([text-style=title-05]) input {\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/*--- File Type ---*/\n:host(.file) .form-element--readonly {\n  user-select: none;\n  cursor: pointer;\n}\n\n/*--- Reading Direction ---*/\n:host(.rtl[icon-position=start]) gxg-icon {\n  right: 0;\n  left: auto;\n}\n\n:host(.rtl[icon-position=end]) gxg-icon {\n  right: auto;\n  left: 0;\n}","import { h, Host } from \"@stencil/core\";\nimport { requiredLabel, formMessageLogic, formTooltipLogic } from \"../../common/form\";\nimport { formClasses } from \"../../common/classesNames\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nimport state from \"../store\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgFormText {\n    constructor() {\n        this.hideTooltip = false;\n        this.toolTip = false;\n        this.clearButton = false;\n        this.debounce = false;\n        this.debounceDelay = 800;\n        this.disabled = false;\n        this.readonly = false;\n        this.icon = null;\n        this.cursorEnd = false;\n        this.iconPosition = null;\n        this.label = undefined;\n        this.labelPosition = \"start\";\n        this.borderless = false;\n        this.minimal = false;\n        this.overDarkBackground = false;\n        this.placeholder = undefined;\n        this.required = false;\n        this.centerLabel = false;\n        this.labelWidth = undefined;\n        this.type = \"text\";\n        this.multiple = false;\n        this.fileList = undefined;\n        this.acceptFile = undefined;\n        this.preventValueChangedEmit = false;\n        this.validationStatus = \"indeterminate\";\n        this.validationMessage = undefined;\n        this.informationMessage = undefined;\n        this.value = undefined;\n        this.maxWidth = \"100%\";\n        this.width = \"100%\";\n        this.textStyle = \"regular\";\n        this.password = false;\n        this.maxLength = undefined;\n        this.minLength = undefined;\n        this.cursorInside = false;\n        this.inputSize = \"auto\";\n        this.mouseCoordinates = {\n            x: null,\n            y: null\n        };\n        this.rtl = false;\n        this.iconColor = undefined;\n    }\n    parts = {\n        input: \"input\"\n    };\n    exportparts;\n    el;\n    textInput;\n    fileInputEl;\n    htmlMO;\n    /*********************************\n    PROPERTIES & STATE\n    *********************************/\n    timeoutReference;\n    /**\n     * Returns the input value\n     */\n    input;\n    /**\n     * Returns the input value\n     */\n    change;\n    /**\n     * The clear button was clicked\n     */\n    clearButtonClicked;\n    /**\n     * The clear button was clicked\n     */\n    valueChanged;\n    /**\n     * File Selected\n     */\n    fileSelected;\n    watchValueHandler(newValue) {\n        if (!this.preventValueChangedEmit && this.debounce) {\n            clearTimeout(this.timeoutReference);\n            this.timeoutReference = setTimeout(() => {\n                this.valueChanged.emit(newValue);\n            }, this.debounceDelay);\n        }\n        else if (!this.preventValueChangedEmit && !this.debounce) {\n            this.valueChanged.emit(newValue);\n        }\n        if (this.minimal) {\n            this.updateGhostSpan();\n        }\n        if (this.minimal) {\n            this.updateGhostSpan();\n        }\n    }\n    async selectInputText() {\n        this.textInput.focus();\n        this.textInput.select();\n    }\n    async openFile() {\n        if (this.type === \"file\") {\n            this.fileInputEl.click();\n        }\n    }\n    async clearInput() {\n        this.clearButtonFunc();\n    }\n    componentWillLoad() {\n        this.evaluateIcon();\n        this.attachExportParts();\n        this.evaluateLabelAlignment();\n        this.attachMutationObserver();\n    }\n    disconnectedCallback() {\n        if (this.minimal) {\n            document.removeEventListener(\"mousemove\", this.mouseMoveHandler);\n        }\n        this.htmlMO.disconnect();\n    }\n    attachMutationObserver = () => {\n        /*Attach mutation observer on html class, to update gxg-icon color from \"auto\" (gemini) to \"blue-200\" (mercury) when \"mercury\" class is added or removed from html tag*/\n        const callback = mutationList => {\n            mutationList.forEach(mutation => {\n                if (mutation.type === \"attributes\" &&\n                    mutation.attributeName === \"class\") {\n                    const mercury = mutation.target.classList.contains(\"mercury\");\n                    this.iconColor = mercury ? \"mercury-primary\" : \"auto\";\n                }\n            });\n        };\n        const html = document.querySelector(\"html\");\n        this.htmlMO = new MutationObserver(callback);\n        this.htmlMO.observe(html, {\n            attributes: true\n        });\n    };\n    attachExportParts = () => {\n        const part = this.el.getAttribute(\"part\");\n        const exportPartsResult = exportParts(part, this.parts);\n        exportPartsResult.length && (this.exportparts = exportPartsResult);\n    };\n    evaluateIcon = () => {\n        if (this.type === \"file\") {\n            this.icon = \"controls/file-upload\";\n            this.iconPosition = \"start\";\n            this.placeholder = this.placeholder || \"Select a file\";\n        }\n    };\n    evaluateLabelAlignment = () => {\n        if (this.labelPosition === \"start\") {\n            this.centerLabel = true;\n        }\n    };\n    /*********************************\n    METHODS\n    *********************************/\n    iconPositionFunc() {\n        if (this.iconPosition !== null && this.icon !== null) {\n            return this.iconPosition;\n        }\n    }\n    inputIcon() {\n        if (this.iconPosition !== null && this.icon !== null) {\n            if (this.validationStatus === \"warning\") {\n                return (h(\"gxg-icon\", { class: \"custom-icon\", type: this.icon, size: \"small\", color: \"warning\" }));\n            }\n            if (this.validationStatus === \"error\") {\n                return (h(\"gxg-icon\", { class: \"custom-icon\", type: this.icon, size: \"small\", color: \"error\" }));\n            }\n            {\n                return this.icon ? (h(\"gxg-icon\", { class: \"custom-icon\", type: this.icon, size: \"small\", color: this.disabled ? \"disabled\" : this.iconColor })) : null;\n            }\n        }\n    }\n    handleInput(e) {\n        e.stopPropagation();\n        const target = e.target;\n        this.value = target.value;\n        this.input.emit(target.value);\n    }\n    handleKeyDown = e => {\n        if (e.key === \"Enter\" && this.type === \"file\") {\n            this.textInput.click();\n        }\n    };\n    handleChange(e) {\n        e.stopPropagation();\n        const target = e.target;\n        this.value = target.value;\n        this.change.emit(target.value);\n    }\n    onFocusHandler() {\n        if (this.cursorEnd) {\n            this.textInput.setSelectionRange(this.textInput.value.length, this.textInput.value.length);\n        }\n    }\n    clearButtonFunc() {\n        this.clearButtonClicked.emit({ prevValue: this.value });\n        this.value = \"\";\n        if (this.type === \"file\") {\n            this.fileList = null;\n            this.fileInputEl.value = \"\";\n        }\n    }\n    updateGhostSpan() {\n        if (this.minimal) {\n            //Update ghost span content, and then get and apply the width from the ghost span\n            const ghostSpan = this.el.shadowRoot.querySelector(\".ghost-span\");\n            ghostSpan.innerHTML = this.value;\n            //Then get the ghost span width\n            const ghostSpanWidth = ghostSpan.offsetWidth + 5;\n            const input = this.el.shadowRoot.querySelector(\".input\");\n            //Finally set that width to the input!\n            input.style.width = ghostSpanWidth + \"px\";\n        }\n    }\n    mouseEnterHandler() {\n        setTimeout(function () {\n            const inputText = this.el.shadowRoot.querySelector(\".input\");\n            //Contextual menu coordinates\n            const inputTextArea = inputText.getBoundingClientRect();\n            if (this.mouseCoordinates.x > inputTextArea.left &&\n                this.mouseCoordinates.x < inputTextArea.right &&\n                this.mouseCoordinates.y > inputTextArea.top &&\n                this.mouseCoordinates.y < inputTextArea.bottom) {\n                //Mouse pointer is inside the input text\n                this.cursorInside = true;\n            }\n        }.bind(this), 500);\n    }\n    mouseOutHandler() {\n        this.cursorInside = false;\n    }\n    mouseMoveHandler(e) {\n        this.mouseCoordinates[\"x\"] = e.clientX;\n        this.mouseCoordinates[\"y\"] = e.clientY;\n    }\n    componentDidLoad() {\n        if (this.minimal) {\n            document.addEventListener(\"mousemove\", this.mouseMoveHandler.bind(this));\n            /**************\n            GHOST SPAN\n            Ghost span for the \"minimal\" type input, in order to make the input width fit the content\n            **************/\n            const intersectionObserver = new IntersectionObserver(function (entries) {\n                // If intersectionRatio is 0, the target is out of view\n                // and we do not need to do anything.\n                if (entries[0].intersectionRatio <= 0)\n                    return;\n                const input = this.el.shadowRoot.querySelector(\".input\");\n                const inputComputedStyles = window.getComputedStyle(input);\n                const ghostSpan = this.el.shadowRoot.querySelector(\".ghost-span\");\n                //Set ghostSpan outside of the visible area\n                ghostSpan.style.position = \"fixed\";\n                ghostSpan.style.left = \"-1000px\";\n                ghostSpan.style.top = \"-1000px\";\n                ghostSpan.style.zIndex = \"-1000\";\n                ghostSpan.style.opacity = \"0\";\n                //Set input styles that affect the width to the ghost span\n                ghostSpan.style.fontSize = inputComputedStyles.fontSize;\n                ghostSpan.style.fontFamily = inputComputedStyles.fontFamily;\n                ghostSpan.style.textTransform = inputComputedStyles.textTransform;\n                ghostSpan.style.display = \"inline-block\";\n                ghostSpan.style.paddingLeft = inputComputedStyles.paddingRight;\n                ghostSpan.style.paddingRight = inputComputedStyles.paddingRight;\n                ghostSpan.style.letterSpacing = inputComputedStyles.letterSpacing;\n                ghostSpan.style.fontWeight = inputComputedStyles.fontWeight;\n                //Then get the ghost span width\n                const ghostSpanWidth = ghostSpan.offsetWidth + 5;\n                input.style.width = \"0px\";\n                //get inner-wrapper width\n                const innerWrapperWidth = this.el.shadowRoot.querySelector(\".inner-wrapper\")\n                    .offsetWidth - 5;\n                //Finally set that width to the input!\n                input.style.width = ghostSpanWidth + \"px\";\n                input.style.maxWidth = innerWrapperWidth + \"px\";\n                //Listen to resizeObserver to set the new max-width value on the on the input\n                const resizeObserver = new ResizeObserver(() => {\n                    input.style.width = \"0px\";\n                    const innerWrapperWidth = this.el.shadowRoot.querySelector(\".inner-wrapper\").offsetWidth - 5;\n                    input.style.maxWidth = innerWrapperWidth + \"px\";\n                    input.style.width = ghostSpanWidth + \"px\";\n                });\n                const innerWrapper = this.el.shadowRoot.querySelector(\".inner-wrapper\");\n                resizeObserver.observe(innerWrapper);\n            }.bind(this));\n            // start observing\n            intersectionObserver.observe(this.el.shadowRoot.querySelector(\".input\"));\n        } // if (this.minimal)\n        //Reading Direction\n        const dirHtml = document\n            .getElementsByTagName(\"html\")[0]\n            .getAttribute(\"dir\");\n        const dirBody = document\n            .getElementsByTagName(\"body\")[0]\n            .getAttribute(\"dir\");\n        if (dirHtml === \"rtl\" || dirBody === \"rtl\") {\n            this.rtl = true;\n        }\n    }\n    evaluateType() {\n        if (this.password) {\n            return \"password\";\n        }\n        else {\n            return \"text\";\n        }\n    }\n    inputFileChangedHandler = e => {\n        const selectedFiles = e.target.files;\n        this.fileList = selectedFiles;\n        this.fileSelected.emit(selectedFiles);\n        if (selectedFiles.length > 1) {\n            this.value = `${selectedFiles.length} files chosen`;\n        }\n        else {\n            this.value = selectedFiles[0].name;\n        }\n    };\n    renderInputFile = () => {\n        if (this.type === \"file\") {\n            return (h(\"input\", { class: \"input-file\", type: \"file\", multiple: this.multiple, accept: this.acceptFile, ref: el => (this.fileInputEl = el), onChange: this.inputFileChangedHandler, style: { display: \"none\" } }));\n        }\n    };\n    render() {\n        return (h(Host, { role: \"textbox\", \"aria-label\": this.label, \"icon-position\": this.iconPositionFunc(), style: {\n                width: this.width,\n                maxWidth: this.maxWidth\n            }, class: {\n                rtl: this.rtl,\n                large: state.large,\n                mercury: state.mercury,\n                borderless: this.borderless,\n                file: this.type === \"file\",\n                tooltip: this.toolTip,\n                \"has-icon\": this.icon,\n                \"icon-start\": this.icon && this.iconPosition === \"start\",\n                \"icon-end\": (this.icon && this.iconPosition === \"end\" && !this.clearButton) ||\n                    (!this.icon && this.clearButton) ||\n                    (this.icon && this.iconPosition === \"start\" && this.clearButton),\n                \"icon-end--double\": this.icon && this.iconPosition === \"end\" && this.clearButton,\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            }, exportParts: this.exportparts ? this.exportparts : null }, this.minimal ? h(\"span\", { class: \"ghost-span\" }, this.value) : null, h(\"div\", { class: {\n                \"outer-wrapper\": true\n            } }, this.label ? (h(\"gxg-label\", { labelPosition: this.labelPosition, center: this.centerLabel, width: this.labelWidth }, this.label, requiredLabel(this))) : (\"\"), h(\"div\", { class: {\n                \"inner-wrapper\": true,\n                \"has-clear-button\": this.clearButton === true\n            } }, h(\"input\", { part: this.parts.input, type: this.evaluateType(), value: this.value, class: {\n                input: true,\n                \"form-element\": true,\n                \"form-element--readonly\": this.readonly,\n                \"cursor-inside\": this.cursorInside,\n                \"has-clear-button\": this.clearButton === true,\n                \"has-custom-icon\": this.icon,\n                \"custom-icon--start\": this.iconPosition === \"start\",\n                \"custom-icon--end\": this.iconPosition === \"end\",\n                \"input--borderless\": this.borderless\n            }, placeholder: this.placeholder, disabled: this.disabled, readonly: \"readonly\" ? this.readonly : null, onClick: this.type === \"file\" && this.readonly && this.openFile, onInput: this.handleInput.bind(this), onKeyDown: this.handleKeyDown, onChange: this.handleChange.bind(this), onFocus: this.onFocusHandler.bind(this), required: this.required, onMouseEnter: this.mouseEnterHandler.bind(this), onMouseOut: this.mouseOutHandler.bind(this), ref: el => (this.textInput = el), maxLength: this.maxLength ? parseInt(this.maxLength) : null, minLength: this.minLength ? parseInt(this.minLength) : null }), this.inputIcon(), this.clearButton ? (h(\"gxg-icon\", { class: \"clear-button\", type: \"gemini-tools/close\", size: \"small\", color: \"onbackground\", onClick: this.clearButtonFunc.bind(this) })) : null, this.toolTip ? formTooltipLogic(this, this.hideTooltip) : null, this.labelPosition === \"start\" && !this.toolTip\n            ? formMessageLogic(this)\n            : null, this.renderInputFile())), this.labelPosition === \"above\" && !this.toolTip\n            ? formMessageLogic(this)\n            : null));\n    }\n    static get is() { return \"gxg-form-text\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"form-text.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"form-text.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"hideTooltip\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute disables the tooltip. Useful for the combo-box.\"\n                },\n                \"attribute\": \"hide-tooltip\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"toolTip\": {\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 displays a tooltip message, instead of a block message below the control\"\n                },\n                \"attribute\": \"tool-tip\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"clearButton\": {\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 displays a clear (cross) button-icon on the right side\"\n                },\n                \"attribute\": \"clear-button\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"debounce\": {\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 activates a debounce for the valueChanged event. This will cause the event to be emitted after 'debounceDelay' time.\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"debounceDelay\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The debounce delay value. Only applies if 'debounce' is true.\"\n                },\n                \"attribute\": \"debounce-delay\",\n                \"reflect\": false,\n                \"defaultValue\": \"800\"\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 input disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\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 input readonly\"\n                },\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"icon\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The input icon (optional)\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"null\"\n            },\n            \"cursorEnd\": {\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\": \"If true, it will position the cursor at the end when the input is focused.\"\n                },\n                \"attribute\": \"cursor-end\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"iconPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IconPosition\",\n                    \"resolved\": \"\\\"end\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"IconPosition\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/form-text/form-text.tsx\",\n                            \"id\": \"src/components/form-text/form-text.tsx::IconPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The input icon side\"\n                },\n                \"attribute\": \"icon-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"null\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The input label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"labelPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LabelPosition\",\n                    \"resolved\": \"\\\"above\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"LabelPosition\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/form-text/form-text.tsx\",\n                            \"id\": \"src/components/form-text/form-text.tsx::LabelPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label position\"\n                },\n                \"attribute\": \"label-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"start\\\"\"\n            },\n            \"borderless\": {\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 hides the border.\"\n                },\n                \"attribute\": \"borderless\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"minimal\": {\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 hides the border, and sets the background to transparent when the element has no focus\"\n                },\n                \"attribute\": \"minimal\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"overDarkBackground\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute sets the text color to white. Usefull when \\\"minimal\\\" attribute is applied and the background behind the input is dark\"\n                },\n                \"attribute\": \"over-dark-background\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"placeholder\": {\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 input placeholder\"\n                },\n                \"attribute\": \"placeholder\",\n                \"reflect\": false\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute makes this input required\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"centerLabel\": {\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\": \"Centers the label\"\n                },\n                \"attribute\": \"center-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"labelWidth\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label width\"\n                },\n                \"attribute\": \"label-width\",\n                \"reflect\": false\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"InputType\",\n                    \"resolved\": \"\\\"file\\\" | \\\"password\\\" | \\\"text\\\"\",\n                    \"references\": {\n                        \"InputType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/form-text/form-text.tsx\",\n                            \"id\": \"src/components/form-text/form-text.tsx::InputType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of input\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"text\\\"\"\n            },\n            \"multiple\": {\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\": \"Allows multiple files if type is \\\"file\\\"\"\n                },\n                \"attribute\": \"multiple\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fileList\": {\n                \"type\": \"unknown\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"FileList\",\n                    \"resolved\": \"FileList\",\n                    \"references\": {\n                        \"FileList\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FileList\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The file list that the user selected (only applies if the input type is \\\"file\\\")\"\n                }\n            },\n            \"acceptFile\": {\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 type of files the input accepts\"\n                },\n                \"attribute\": \"accept-file\",\n                \"reflect\": false\n            },\n            \"preventValueChangedEmit\": {\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\": \"Prevent \\\"valueChanged\\\" event from being emitted (helpful for cases where the event causes a conflict )\"\n                },\n                \"attribute\": \"prevent-value-changed-emit\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"ValidationStatus\",\n                    \"resolved\": \"\\\"error\\\" | \\\"indeterminate\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"ValidationStatus\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../common/types\",\n                            \"id\": \"src/common/types.ts::ValidationStatus\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status\"\n                },\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"indeterminate\\\"\"\n            },\n            \"validationMessage\": {\n                \"type\": \"string\",\n                \"mutable\": 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 when validation fails (error)\"\n                },\n                \"attribute\": \"validation-message\",\n                \"reflect\": false\n            },\n            \"informationMessage\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An informative message to help the user filling the information\"\n                },\n                \"attribute\": \"information-message\",\n                \"reflect\": false\n            },\n            \"value\": {\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 input value\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": true\n            },\n            \"maxWidth\": {\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 input max. width\"\n                },\n                \"attribute\": \"max-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"width\": {\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 input width\"\n                },\n                \"attribute\": \"width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"textStyle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Style\",\n                    \"resolved\": \"\\\"quote\\\" | \\\"regular\\\" | \\\"title-01\\\" | \\\"title-02\\\" | \\\"title-03\\\" | \\\"title-04\\\" | \\\"title-05\\\"\",\n                    \"references\": {\n                        \"Style\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/form-text/form-text.tsx\",\n                            \"id\": \"src/components/form-text/form-text.tsx::Style\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text style\"\n                },\n                \"attribute\": \"text-style\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"regular\\\"\"\n            },\n            \"password\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute sets the input type as password\"\n                },\n                \"attribute\": \"password\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"maxLength\": {\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 input max. length\"\n                },\n                \"attribute\": \"max-length\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"minLength\": {\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 input min. length\"\n                },\n                \"attribute\": \"min-length\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"cursorInside\": {},\n            \"inputSize\": {},\n            \"mouseCoordinates\": {},\n            \"rtl\": {},\n            \"iconColor\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"input\",\n                \"name\": \"input\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Returns the input value\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"change\",\n                \"name\": \"change\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Returns the input value\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"clearButtonClicked\",\n                \"name\": \"clearButtonClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The clear button was clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"valueChanged\",\n                \"name\": \"valueChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The clear button was clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"fileSelected\",\n                \"name\": \"fileSelected\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"File Selected\"\n                },\n                \"complexType\": {\n                    \"original\": \"FileList\",\n                    \"resolved\": \"FileList\",\n                    \"references\": {\n                        \"FileList\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FileList\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"selectInputText\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\n            \"openFile\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\n            \"clearInput\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"value\",\n                \"methodName\": \"watchValueHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=form-text.js.map\n","/*********************************\nICON\n*********************************/\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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: inline-block;\n  line-height: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n:host(.icon-size--regular) {\n  height: var(--ds-icon-size-box--regular);\n  width: var(--ds-icon-size-box--regular);\n}\n\n:host(.icon-size--small) {\n  height: var(--ds-icon-size-box--small);\n  width: var(--ds-icon-size-box--small);\n}","import { Host, getAssetPath, h } from \"@stencil/core\";\n/*********************************\nCONSTANTS\n*********************************/\nconst COLOR_MAPPINGS = {\n    alwaysblack: \"color-always-black\",\n    disabled: \"color-primary-disabled\",\n    ondisabled: \"color-on-disabled\",\n    error: \"ds-alert-color--dark\",\n    negative: \"color-on-primary\",\n    onbackground: \"color-on-background\",\n    indeterminate: \"color-primary-active\",\n    \"primary-enabled\": \"color-primary-enabled\",\n    \"primary-active\": \"color-primary-active\",\n    \"primary-hover\": \"color-primary-hover\",\n    success: \"ds-success-color--dark\",\n    warning: \"ds-warning-color--dark\",\n    mercury: \"mer-icon__primary\",\n    \"mercury-primary\": \"mer-icon__primary\",\n    \"mercury-on-primary\": \"mer-text__on-primary\",\n    \"mercury-text-on-message\": \"mer-text__on-message\",\n    \"mercury-neutral\": \"mer-icon__neutral\",\n    \"mercury-on-surface\": \"mer-icon__on-surface\",\n    \"mercury-primary-disabled\": \"mer-icon__primary--disabled\"\n};\nexport class GxgIcon {\n    constructor() {\n        this.color = undefined;\n        this.size = \"regular\";\n        this.type = undefined;\n    }\n    element;\n    /*********************************\n    METHODS\n    *********************************/\n    getSrcPath() {\n        return getAssetPath(`./icon-assets/${this.type}.svg`);\n    }\n    iconSize() {\n        if (this.size === \"regular\") {\n            return \"var(--ds-icon-size--regular)\";\n        }\n        else if (this.size === \"small\") {\n            return \"var(--ds-icon-size--small)\";\n        }\n    }\n    render() {\n        return (h(Host, { class: {\n                \"icon-size--regular\": this.size === \"regular\",\n                \"icon-size--small\": this.size === \"small\"\n            } }, h(\"ch-icon\", { style: {\n                \"--icon-color\": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),\n                \"--icon-size\": this.iconSize()\n            }, \"auto-color\": this.color === \"auto\", src: this.getSrcPath(), part: \"ch-icon\" })));\n    }\n    mapColorToCssVar(color) {\n        //return `var(--color-on-background)`;\n        return `var(--gxg-icon-color, var(--${color}))`;\n    }\n    static get is() { return \"gxg-icon\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"icon.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"icon.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"icon-assets\"]; }\n    static get properties() {\n        return {\n            \"color\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"alwaysblack\\\" | \\\"auto\\\" | \\\"disabled\\\" | \\\"error\\\" | \\\"indeterminate\\\" | \\\"mercury\\\" | \\\"mercury-neutral\\\" | \\\"mercury-on-primary\\\" | \\\"mercury-on-surface\\\" | \\\"mercury-primary\\\" | \\\"mercury-primary-disabled\\\" | \\\"mercury-text-on-message\\\" | \\\"negative\\\" | \\\"onbackground\\\" | \\\"ondisabled\\\" | \\\"primary-active\\\" | \\\"primary-enabled\\\" | \\\"primary-hover\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/icon/icon.tsx\",\n                            \"id\": \"src/components/icon/icon.tsx::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The color of the icon.\"\n                },\n                \"attribute\": \"color\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Size\",\n                    \"resolved\": \"\\\"regular\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"Size\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/icon/icon.tsx\",\n                            \"id\": \"src/components/icon/icon.tsx::Size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the icon. Possible values: regular, small.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"regular\\\"\"\n            },\n            \"type\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of icon.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get elementRef() { return \"element\"; }\n}\n//# sourceMappingURL=icon.js.map\n",":root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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: flex;\n  align-items: baseline;\n}\n:host 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\n:host(.position-above) {\n  margin-block-end: var(--gxg-label-separation-vertical);\n}\n\n:host(.position-end) {\n  margin-inline-start: var(--gxg-label-separation-horizontal);\n}\n\n:host(.position-below) {\n  margin-block-start: var(--gxg-label-separation-vertical);\n}\n\n:host(.position-start) {\n  margin-inline-end: var(--gxg-label-separation-horizontal);\n}\n\n:host(.gxg-label--no-margin) {\n  margin: 0 !important;\n}\n\n/*alignment*/\n:host(.position-above.gxg-label--center),\n:host(.position-below.gxg-label--center) {\n  justify-content: center;\n}\n\n:host(.position-start.gxg-label--center),\n:host(.position-end.gxg-label--center) {\n  align-items: center;\n}\n\n/*DISABLED*/\n:host([disabled]) label {\n  color: var(--gxg-label-color-disabled);\n}\n\n/*Size*/\n:host(.gxg-label--regular) {\n  --gxg-label-font-size: var(--gxg-label-font-size--regular);\n}\n\n:host(.gxg-label--large) {\n  --gxg-label-font-size: var(--gxg-label-font-size--large);\n}\n\n/*********************************************\nLARGE VERSION (html tag has 'gxg-large' class)\n**********************************************/\n:host(.large) label {\n  font-size: var(--font-size-lg);\n}","import { Host, h } from \"@stencil/core\";\nimport state from \"../store\";\nexport class GxgLabel {\n    constructor() {\n        this.labelPosition = \"start\";\n        this.disabled = false;\n        this.noMargin = false;\n        this.center = undefined;\n        this.for = undefined;\n        this.width = \"auto\";\n        this.size = \"regular\";\n        this.tooltip = undefined;\n    }\n    componentWillLoad() {\n        if ((this.center === undefined && this.labelPosition === \"start\") ||\n            (this.center === undefined && this.labelPosition === \"end\")) {\n            this.center = true;\n        }\n        else if ((this.center === undefined && this.labelPosition === \"above\") ||\n            (this.center === undefined && this.labelPosition === \"below\")) {\n            this.center = false;\n        }\n    }\n    render() {\n        return (h(Host, { class: {\n                large: state.large,\n                \"gxg-label--no-margin\": this.noMargin,\n                \"gxg-label--center\": this.center,\n                \"gxg-label--regular\": this.size === \"regular\",\n                \"gxg-label--large\": this.size === \"large\",\n                [`position-${this.labelPosition}`]: true\n            }, style: {\n                width: this.width\n            } }, h(\"label\", { htmlFor: this.for }, this.tooltip ? (h(\"gxg-tooltip\", { label: this.tooltip }, h(\"slot\", null))) : null, h(\"slot\", null))));\n    }\n    static get is() { return \"gxg-label\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"gxg-label.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"gxg-label.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"labelPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"LabelPosition\",\n                    \"resolved\": \"\\\"above\\\" | \\\"below\\\" | \\\"end\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"LabelPosition\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../common/types\",\n                            \"id\": \"src/common/types.ts::LabelPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"*******************************\\nPROPERTIES & STATE\\n*******************************\"\n                },\n                \"attribute\": \"label-position\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"start\\\"\"\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\": \"\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"noMargin\": {\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-margin\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"center\": {\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\": \"center\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"for\": {\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\": \"for\",\n                \"reflect\": false\n            },\n            \"width\": {\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\": \"width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"size\",\n                    \"resolved\": \"\\\"large\\\" | \\\"regular\\\"\",\n                    \"references\": {\n                        \"size\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/label/gxg-label.tsx\",\n                            \"id\": \"src/components/label/gxg-label.tsx::size\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"regular\\\"\"\n            },\n            \"tooltip\": {\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\": \"tooltip\",\n                \"reflect\": false\n            }\n        };\n    }\n}\n//# sourceMappingURL=gxg-label.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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: inline-flex;\n}\n:host .tooltip {\n  cursor: pointer;\n  position: relative;\n  border-bottom: 1px dotted var(--gxg-tooltip__background-color);\n  text-decoration: none;\n}\n:host .tooltip .tooltiptext {\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-size: var(--gxg-tooltip__font-size);\n  visibility: hidden;\n  opacity: 0;\n  transition-property: opacity;\n  transition-duration: var(--ui-animaton-speed);\n  transition-timing-function: ease;\n  position: absolute;\n  z-index: 1;\n  width: 250px;\n  text-align: center;\n}\n:host .tooltip .tooltiptext__content {\n  width: fit-content;\n  background-color: var(--gxg-tooltip__background-color);\n  padding: var(--gxg-tooltip__padding);\n  border-radius: var(--border-width-md);\n  color: var(--gxg-tooltip__color);\n  display: inline-block;\n  text-align: left;\n  line-height: var(--ds-base-font-line-height--regular);\n}\n:host .tooltip .tooltiptext:after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 5px solid var(--gxg-tooltip__background-color);\n  position: absolute;\n}\n:host .tooltip:hover .tooltiptext {\n  visibility: visible;\n  opacity: 1;\n}\n\n:host([position=top]) .tooltip .tooltiptext {\n  bottom: 27px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n:host([position=top]) .tooltip .tooltiptext:after {\n  left: 50%;\n  transform: translateX(-50%) rotate(180deg);\n  bottom: -4px;\n}\n\n:host([position=right]) .tooltip .tooltiptext {\n  top: 0;\n  left: 111%;\n  text-align: left;\n}\n:host([position=right]) .tooltip .tooltiptext:after {\n  left: -7px;\n  transform: rotate(-90deg);\n  top: 8px;\n}\n\n:host([position=bottom]) .tooltip .tooltiptext {\n  top: 25px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n:host([position=bottom]) .tooltip .tooltiptext:after {\n  left: 50%;\n  transform: translateX(-50%);\n  top: -4px;\n}\n\n:host([position=left]) .tooltip .tooltiptext {\n  text-align: right;\n  top: 0;\n  right: 105%;\n}\n:host([position=left]) .tooltip .tooltiptext:after {\n  right: -7px;\n  transform: rotate(90deg);\n  top: 8px;\n}\n\n:host([width-auto]) .tooltip .tooltiptext {\n  width: auto;\n  white-space: nowrap;\n}\n\n:host([no-border]) .tooltip {\n  border-bottom: none;\n}\n\n:host([align-end]) .tooltiptext {\n  transform: translateY(calc(-100% - 5px)) translateX(-100%) !important;\n  inset-inline-end: 0;\n  max-width: 180px;\n  width: max-content;\n}\n:host([align-end]) .tooltiptext:after {\n  inset-inline-end: -1px;\n  left: auto !important;\n}\n\n:host([flex]) {\n  display: flex;\n}\n:host([flex]) .tooltip {\n  display: flex;\n}\n\n:host([fixed]) .tooltip:hover .tooltiptext {\n  visibility: hidden;\n  opacity: 0;\n}\n:host([fixed]) .tooltip .tooltiptext {\n  position: fixed;\n  height: 0;\n}\n:host([fixed]) .tooltip .tooltiptext__content {\n  transform: translateY(calc(-100% - 5px));\n}\n:host([fixed]) .tooltip .tooltiptext__content:after {\n  content: \"\";\n  width: 0;\n  height: 0;\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 5px solid var(--gxg-tooltip__background-color);\n  position: absolute;\n  right: 0;\n  transform: translateX(-3px) rotate(180deg);\n  bottom: -3px;\n}\n:host([fixed]) .tooltip .tooltiptext:after {\n  display: none;\n}\n:host([fixed]) .tooltip--visible .tooltiptext {\n  visibility: visible !important;\n  opacity: 1 !important;\n}","import { h, Host } from \"@stencil/core\";\nexport class GxgTooltip {\n    constructor() {\n        this.position = \"top\";\n        this.label = undefined;\n        this.alignEnd = false;\n        this.fixed = false;\n        this.flex = false;\n        this.noBorder = false;\n        this.visible = false;\n    }\n    el;\n    tooltipTextEl;\n    componentWillLoad() {\n        if (this.fixed) {\n            this.el.addEventListener(\"mouseenter\", this.mouseEnterHandler);\n            this.el.addEventListener(\"mouseleave\", this.mouseLeaveHandler);\n            document.addEventListener(\"scroll\", this.documentScrollHandler);\n        }\n    }\n    mouseEnterHandler = () => {\n        const tooltipBC = this.el.getBoundingClientRect();\n        const top = tooltipBC.top;\n        const leftPosition = tooltipBC.left;\n        const width = tooltipBC.width;\n        this.tooltipTextEl.style.top = `${top}px`;\n        this.tooltipTextEl.style.left = `${leftPosition + width}px`;\n        this.visible = true;\n    };\n    mouseLeaveHandler = () => {\n        this.visible = false;\n    };\n    documentScrollHandler = () => {\n        this.visible = false;\n    };\n    render() {\n        return (h(Host, { role: \"tooltip\" }, h(\"span\", { class: { tooltip: true, \"tooltip--visible\": this.visible } }, h(\"slot\", null), h(\"div\", { class: \"tooltiptext\", ref: (el) => (this.tooltipTextEl = el) }, h(\"span\", { class: \"tooltiptext__content\" }, this.label)))));\n    }\n    static get is() { return \"gxg-tooltip\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"tooltip.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"tooltip.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"position\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"position\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"position\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tooltip/tooltip.tsx\",\n                            \"id\": \"src/components/tooltip/tooltip.tsx::position\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"the tooltip position\"\n                },\n                \"attribute\": \"position\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"top\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"alignEnd\": {\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 alignment\"\n                },\n                \"attribute\": \"align-end\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"fixed\": {\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\": \"Fixed positioned\"\n                },\n                \"attribute\": \"fixed\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"flex\": {\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 the tool-tip as flex\"\n                },\n                \"attribute\": \"flex\",\n                \"reflect\": true,\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\": \"This presence of this property removes the border under the text\"\n                },\n                \"attribute\": \"no-border\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"visible\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=tooltip.js.map\n"],"mappings":";;;;;;;;;;AAAO,MAAMA,IAAc,IAAIC;;AAC/B,MAAMC,IAAW,IAAID;;AACd,SAASE,cAAcC;;EAE1B,IAAIC,IAAUH,EAASI,IAAIF;EAC3B,KAAKC,GAAS;;IAEVA,IAAUE,MAAMH,GAAKI,MAAKC;MACtB,IAAIA,EAASC,IAAI;QACb,OAAOD,EAASE,OAAOH,MAAKI;UACxBZ,EAAYa,IAAIT,GAAKQ;UACrB,OAAOA;AAAU;AAErC;MACYZ,EAAYa,IAAIT,GAAK;AAAG;;QAG5BF,EAASW,IAAIT,GAAKC;AAC1B;EACI,OAAOA;AACX;;ACpBA,MAAMS,IAAU;;MCEHC,IAAM;EACf,WAAAC,CAAAC;;IACIC,KAAKC,QAAQC;IACbF,KAAKG,OAAO;IACZH,KAAKI,YAAY;IACjBJ,KAAKK,MAAM;IACXL,KAAKM,OAAO;IACZN,KAAKO,YAAY;IACjBP,KAAKN,aAAaQ;;;;;;;wCAOtB,iBAAAM;;;;IAIIR,KAAKS,iBAAiBT,KAAKU,SAAS,SAAQ;MACxCV,KAAKO,YAAY;MACjBP,KAAKW;AAAS;;EAGtB,oBAAAC;IACI,IAAIZ,KAAKa,OAAOX,WAAW;MACvBF,KAAKa,GAAGC;MACRd,KAAKa,KAAKX;;;EAGlB,gBAAAO,CAAiBM,GAAIC,GAAYC;IAC7B,IAAIjB,KAAKG,eACEe,WAAW,eAClBA,OAAOC,sBAAsB;;;MAG7B,MAAMN,IAAMb,KAAKa,KAAK,IAAIK,OAAOC,sBAAsBC;QACnD,IAAIA,EAAK,GAAGC,gBAAgB;UACxBR,EAAGC;UACHd,KAAKa,KAAKX;UACVe;;UAEL;QAAED;;MACLH,EAAGS,QAAQP;WAEV;;;MAGDE;;;EAGR,aAAMN;IACF,IAAIX,KAAKO,WAAW;MAChB,IAAIP,KAAKK,KAAK;QACV,IAAIvB,EAAYyC,IAAIvB,KAAKK,MAAM;UAC3BL,KAAKN,aAAaZ,EAAYM,IAAIY,KAAKK;eAEtC;UACDL,KAAKN,mBAAmBT,cAAce,KAAKK;;aAG9C;QACDL,KAAKN,aAAa;;;;EAI9B,MAAA8B;IACI,OAAOC,EAAE,OAAO;MAAEC,WAAW1B,KAAKN;;;EActC,qBAAWiC;IAAe,OAAO,EAAC;AAAkB;;;;;;;;;;ACnFxD,MAAMC,IAAc;;MCMPC,IAAW;EACpB,WAAA/B,CAAAC;IA4CAC,KAAA8B,QAAQ;MACJC,OAAO;;IAwEX/B,KAAAgC,yBAAyB;;MAErB,MAAMf,WAAWgB;QACbA,EAAaC,SAAQC;UACjB,IAAIA,EAASC,SAAS,gBAClBD,EAASE,kBAAkB,SAAS;YACpC,MAAMC,IAAUH,EAASI,OAAOC,UAAUC,SAAS;YACnDzC,KAAK0C,YAAYJ,IAAU,oBAAoB;;;AAErD;MAEN,MAAMK,IAAOC,SAASC,cAAc;MACpC7C,KAAK8C,SAAS,IAAIC,iBAAiB9B;MACnCjB,KAAK8C,OAAOxB,QAAQqB,GAAM;QACtBK,YAAY;;AACd;IAENhD,KAAAiD,oBAAoB;MAChB,MAAMC,IAAOlD,KAAKe,GAAGoC,aAAa;MAClC,MAAMC,IAAoBC,EAAYH,GAAMlD,KAAK8B;MACjDsB,EAAkBE,WAAWtD,KAAKuD,cAAcH;AAAkB;IAEtEpD,KAAAwD,eAAe;MACX,IAAIxD,KAAKoC,SAAS,QAAQ;QACtBpC,KAAKyD,OAAO;QACZzD,KAAK0D,eAAe;QACpB1D,KAAK2D,cAAc3D,KAAK2D,eAAe;;;IAG/C3D,KAAA4D,yBAAyB;MACrB,IAAI5D,KAAK6D,kBAAkB,SAAS;QAChC7D,KAAK8D,cAAc;;;IA8B3B9D,KAAA+D,gBAAgBC;MACZ,IAAIA,EAAEC,QAAQ,WAAWjE,KAAKoC,SAAS,QAAQ;QAC3CpC,KAAKkE,UAAUC;;;IA8HvBnE,KAAAoE,0BAA0BJ;MACtB,MAAMK,IAAgBL,EAAEzB,OAAO+B;MAC/BtE,KAAKuE,WAAWF;MAChBrE,KAAKwE,aAAaC,KAAKJ;MACvB,IAAIA,EAAcf,SAAS,GAAG;QAC1BtD,KAAK0E,QAAQ,GAAGL,EAAcf;aAE7B;QACDtD,KAAK0E,QAAQL,EAAc,GAAGM;;;IAGtC3E,KAAA4E,kBAAkB;MACd,IAAI5E,KAAKoC,SAAS,QAAQ;QACtB,OAAQX,EAAE,SAAS;UAAEoD,OAAO;UAAczC,MAAM;UAAQ0C,UAAU9E,KAAK8E;UAAUC,QAAQ/E,KAAKgF;UAAYC,KAAKlE,KAAOf,KAAKkF,cAAcnE;UAAKoE,UAAUnF,KAAKoE;UAAyBgB,OAAO;YAAEC,SAAS;;;;;;;;;;;IA9T5MrF,KAAKsF,cAAc;IACnBtF,KAAKuF,UAAU;IACfvF,KAAKwF,cAAc;IACnBxF,KAAKyF,WAAW;IAChBzF,KAAK0F,gBAAgB;IACrB1F,KAAK2F,WAAW;IAChB3F,KAAK4F,WAAW;IAChB5F,KAAKyD,OAAO;IACZzD,KAAK6F,YAAY;IACjB7F,KAAK0D,eAAe;IACpB1D,KAAK8F,QAAQ5F;IACbF,KAAK6D,gBAAgB;IACrB7D,KAAK+F,aAAa;IAClB/F,KAAKgG,UAAU;IACfhG,KAAKiG,qBAAqB;IAC1BjG,KAAK2D,cAAczD;IACnBF,KAAKkG,WAAW;IAChBlG,KAAK8D,cAAc;IACnB9D,KAAKmG,aAAajG;IAClBF,KAAKoC,OAAO;IACZpC,KAAK8E,WAAW;IAChB9E,KAAKuE,WAAWrE;IAChBF,KAAKgF,aAAa9E;IAClBF,KAAKoG,0BAA0B;IAC/BpG,KAAKqG,mBAAmB;IACxBrG,KAAKsG,oBAAoBpG;IACzBF,KAAKuG,qBAAqBrG;IAC1BF,KAAK0E,QAAQxE;IACbF,KAAKwG,WAAW;IAChBxG,KAAKyG,QAAQ;IACbzG,KAAK0G,YAAY;IACjB1G,KAAK2G,WAAW;IAChB3G,KAAK4G,YAAY1G;IACjBF,KAAK6G,YAAY3G;IACjBF,KAAK8G,eAAe;IACpB9G,KAAK+G,YAAY;IACjB/G,KAAKgH,mBAAmB;MACpBC,GAAG;MACHC,GAAG;;IAEPlH,KAAKmH,MAAM;IACXnH,KAAK0C,YAAYxC;;;;;EAkCrB,iBAAAkH,CAAkBC;IACd,KAAKrH,KAAKoG,2BAA2BpG,KAAKyF,UAAU;MAChD6B,aAAatH,KAAKuH;MAClBvH,KAAKuH,mBAAmBC,YAAW;QAC/BxH,KAAKyH,aAAahD,KAAK4C;AAAS,UACjCrH,KAAK0F;WAEP,KAAK1F,KAAKoG,4BAA4BpG,KAAKyF,UAAU;MACtDzF,KAAKyH,aAAahD,KAAK4C;;IAE3B,IAAIrH,KAAKgG,SAAS;MACdhG,KAAK0H;;IAET,IAAI1H,KAAKgG,SAAS;MACdhG,KAAK0H;;;EAGb,qBAAMC;IACF3H,KAAKkE,UAAU0D;IACf5H,KAAKkE,UAAU2D;;EAEnB,cAAMC;IACF,IAAI9H,KAAKoC,SAAS,QAAQ;MACtBpC,KAAKkF,YAAYf;;;EAGzB,gBAAM4D;IACF/H,KAAKgI;;EAET,iBAAAC;IACIjI,KAAKwD;IACLxD,KAAKiD;IACLjD,KAAK4D;IACL5D,KAAKgC;;EAET,oBAAApB;IACI,IAAIZ,KAAKgG,SAAS;MACdpD,SAASsF,oBAAoB,aAAalI,KAAKmI;;IAEnDnI,KAAK8C,OAAOhC;;;;wCAuChB,gBAAAsH;IACI,IAAIpI,KAAK0D,iBAAiB,QAAQ1D,KAAKyD,SAAS,MAAM;MAClD,OAAOzD,KAAK0D;;;EAGpB,SAAA2E;IACI,IAAIrI,KAAK0D,iBAAiB,QAAQ1D,KAAKyD,SAAS,MAAM;MAClD,IAAIzD,KAAKqG,qBAAqB,WAAW;QACrC,OAAQ5E,EAAE,YAAY;UAAEoD,OAAO;UAAezC,MAAMpC,KAAKyD;UAAMnD,MAAM;UAASL,OAAO;;;MAEzF,IAAID,KAAKqG,qBAAqB,SAAS;QACnC,OAAQ5E,EAAE,YAAY;UAAEoD,OAAO;UAAezC,MAAMpC,KAAKyD;UAAMnD,MAAM;UAASL,OAAO;;;MAEzF;QACI,OAAOD,KAAKyD,OAAQhC,EAAE,YAAY;UAAEoD,OAAO;UAAezC,MAAMpC,KAAKyD;UAAMnD,MAAM;UAASL,OAAOD,KAAK2F,WAAW,aAAa3F,KAAK0C;aAAgB;;;;EAI/J,WAAA4F,CAAYtE;IACRA,EAAEuE;IACF,MAAMhG,IAASyB,EAAEzB;IACjBvC,KAAK0E,QAAQnC,EAAOmC;IACpB1E,KAAK+B,MAAM0C,KAAKlC,EAAOmC;;EAO3B,YAAA8D,CAAaxE;IACTA,EAAEuE;IACF,MAAMhG,IAASyB,EAAEzB;IACjBvC,KAAK0E,QAAQnC,EAAOmC;IACpB1E,KAAKyI,OAAOhE,KAAKlC,EAAOmC;;EAE5B,cAAAgE;IACI,IAAI1I,KAAK6F,WAAW;MAChB7F,KAAKkE,UAAUyE,kBAAkB3I,KAAKkE,UAAUQ,MAAMpB,QAAQtD,KAAKkE,UAAUQ,MAAMpB;;;EAG3F,eAAA0E;IACIhI,KAAK4I,mBAAmBnE,KAAK;MAAEoE,WAAW7I,KAAK0E;;IAC/C1E,KAAK0E,QAAQ;IACb,IAAI1E,KAAKoC,SAAS,QAAQ;MACtBpC,KAAKuE,WAAW;MAChBvE,KAAKkF,YAAYR,QAAQ;;;EAGjC,eAAAgD;IACI,IAAI1H,KAAKgG,SAAS;;MAEd,MAAM8C,IAAY9I,KAAKe,GAAGgI,WAAWlG,cAAc;MACnDiG,EAAUpH,YAAY1B,KAAK0E;;YAE3B,MAAMsE,IAAiBF,EAAUG,cAAc;MAC/C,MAAMlH,IAAQ/B,KAAKe,GAAGgI,WAAWlG,cAAc;;YAE/Cd,EAAMqD,MAAMqB,QAAQuC,IAAiB;;;EAG7C,iBAAAE;IACI1B,WAAW;MACP,MAAM2B,IAAYnJ,KAAKe,GAAGgI,WAAWlG,cAAc;;YAEnD,MAAMuG,IAAgBD,EAAUE;MAChC,IAAIrJ,KAAKgH,iBAAiBC,IAAImC,EAAcE,QACxCtJ,KAAKgH,iBAAiBC,IAAImC,EAAcG,SACxCvJ,KAAKgH,iBAAiBE,IAAIkC,EAAcI,OACxCxJ,KAAKgH,iBAAiBE,IAAIkC,EAAcK,QAAQ;;QAEhDzJ,KAAK8G,eAAe;;MAE1B4C,KAAK1J,OAAO;;EAElB,eAAA2J;IACI3J,KAAK8G,eAAe;;EAExB,gBAAAqB,CAAiBnE;IACbhE,KAAKgH,iBAAiB,OAAOhD,EAAE4F;IAC/B5J,KAAKgH,iBAAiB,OAAOhD,EAAE6F;;EAEnC,gBAAAC;IACI,IAAI9J,KAAKgG,SAAS;MACdpD,SAASmH,iBAAiB,aAAa/J,KAAKmI,iBAAiBuB,KAAK1J;;;;iCAKlE,MAAMgK,IAAuB,IAAI7I,qBAAqB,SAAU8I;;;QAG5D,IAAIA,EAAQ,GAAGC,qBAAqB,GAChC;QACJ,MAAMnI,IAAQ/B,KAAKe,GAAGgI,WAAWlG,cAAc;QAC/C,MAAMsH,IAAsBjJ,OAAOkJ,iBAAiBrI;QACpD,MAAM+G,IAAY9I,KAAKe,GAAGgI,WAAWlG,cAAc;;gBAEnDiG,EAAU1D,MAAMiF,WAAW;QAC3BvB,EAAU1D,MAAMkE,OAAO;QACvBR,EAAU1D,MAAMoE,MAAM;QACtBV,EAAU1D,MAAMkF,SAAS;QACzBxB,EAAU1D,MAAMmF,UAAU;;gBAE1BzB,EAAU1D,MAAMoF,WAAWL,EAAoBK;QAC/C1B,EAAU1D,MAAMqF,aAAaN,EAAoBM;QACjD3B,EAAU1D,MAAMsF,gBAAgBP,EAAoBO;QACpD5B,EAAU1D,MAAMC,UAAU;QAC1ByD,EAAU1D,MAAMuF,cAAcR,EAAoBS;QAClD9B,EAAU1D,MAAMwF,eAAeT,EAAoBS;QACnD9B,EAAU1D,MAAMyF,gBAAgBV,EAAoBU;QACpD/B,EAAU1D,MAAM0F,aAAaX,EAAoBW;;gBAEjD,MAAM9B,IAAiBF,EAAUG,cAAc;QAC/ClH,EAAMqD,MAAMqB,QAAQ;;gBAEpB,MAAMsE,IAAoB/K,KAAKe,GAAGgI,WAAWlG,cAAc,kBACtDoG,cAAc;;gBAEnBlH,EAAMqD,MAAMqB,QAAQuC,IAAiB;QACrCjH,EAAMqD,MAAMoB,WAAWuE,IAAoB;;gBAE3C,MAAMC,IAAiB,IAAIC,gBAAe;UACtClJ,EAAMqD,MAAMqB,QAAQ;UACpB,MAAMsE,IAAoB/K,KAAKe,GAAGgI,WAAWlG,cAAc,kBAAkBoG,cAAc;UAC3FlH,EAAMqD,MAAMoB,WAAWuE,IAAoB;UAC3ChJ,EAAMqD,MAAMqB,QAAQuC,IAAiB;AAAI;QAE7C,MAAMkC,IAAelL,KAAKe,GAAGgI,WAAWlG,cAAc;QACtDmI,EAAe1J,QAAQ4J;QACzBxB,KAAK1J;;YAEPgK,EAAqB1I,QAAQtB,KAAKe,GAAGgI,WAAWlG,cAAc;;;;QAGlE,MAAMsI,IAAUvI,SACXwI,qBAAqB,QAAQ,GAC7BjI,aAAa;IAClB,MAAMkI,IAAUzI,SACXwI,qBAAqB,QAAQ,GAC7BjI,aAAa;IAClB,IAAIgI,MAAY,SAASE,MAAY,OAAO;MACxCrL,KAAKmH,MAAM;;;EAGnB,YAAAmE;IACI,IAAItL,KAAK2G,UAAU;MACf,OAAO;WAEN;MACD,OAAO;;;EAmBf,MAAAnF;IACI,OAAQC,EAAE8J,GAAM;MAAEC,MAAM;MAAW,cAAcxL,KAAK8F;MAAO,iBAAiB9F,KAAKoI;MAAoBhD,OAAO;QACtGqB,OAAOzG,KAAKyG;QACZD,UAAUxG,KAAKwG;;MAChB3B,OAAO;QACNsC,KAAKnH,KAAKmH;QACVsE,OAAOC,EAAMD;QACbnJ,SAASoJ,EAAMpJ;QACfyD,YAAY/F,KAAK+F;QACjB4F,MAAM3L,KAAKoC,SAAS;QACpBwJ,SAAS5L,KAAKuF;QACd,YAAYvF,KAAKyD;QACjB,cAAczD,KAAKyD,QAAQzD,KAAK0D,iBAAiB;QACjD,YAAa1D,KAAKyD,QAAQzD,KAAK0D,iBAAiB,UAAU1D,KAAKwF,gBACzDxF,KAAKyD,QAAQzD,KAAKwF,eACnBxF,KAAKyD,QAAQzD,KAAK0D,iBAAiB,WAAW1D,KAAKwF;QACxD,oBAAoBxF,KAAKyD,QAAQzD,KAAK0D,iBAAiB,SAAS1D,KAAKwF;QACrE,CAACqG,EAAY,oCAAoC7L,KAAKqG,qBAAqB;QAC3E,CAACwF,EAAY,8BAA8B7L,KAAKqG,qBAAqB;QACrE,CAACwF,EAAY,4BAA4B7L,KAAKqG,qBAAqB;QACnE,CAACwF,EAAY,8BAA8B7L,KAAKqG,qBAAqB;QACrE,CAACyF,EAAmB,oBAAoB9L,KAAK2F;;MAC9CtC,aAAarD,KAAKuD,cAAcvD,KAAKuD,cAAc;OAAQvD,KAAKgG,UAAUvE,EAAE,QAAQ;MAAEoD,OAAO;OAAgB7E,KAAK0E,SAAS,MAAMjD,EAAE,OAAO;MAAEoD,OAAO;QAClJ,iBAAiB;;OAChB7E,KAAK8F,QAASrE,EAAE,aAAa;MAAEoC,eAAe7D,KAAK6D;MAAekI,QAAQ/L,KAAK8D;MAAa2C,OAAOzG,KAAKmG;OAAcnG,KAAK8F,OAAOkG,EAAchM,SAAM,IAAUyB,EAAE,OAAO;MAAEoD,OAAO;QACnL,iBAAiB;QACjB,oBAAoB7E,KAAKwF,gBAAgB;;OACxC/D,EAAE,SAAS;MAAEyB,MAAMlD,KAAK8B,MAAMC;MAAOK,MAAMpC,KAAKsL;MAAgB5G,OAAO1E,KAAK0E;MAAOG,OAAO;QAC3F9C,OAAO;QACP,gBAAgB;QAChB,0BAA0B/B,KAAK4F;QAC/B,iBAAiB5F,KAAK8G;QACtB,oBAAoB9G,KAAKwF,gBAAgB;QACzC,mBAAmBxF,KAAKyD;QACxB,sBAAsBzD,KAAK0D,iBAAiB;QAC5C,oBAAoB1D,KAAK0D,iBAAiB;QAC1C,qBAAqB1D,KAAK+F;;MAC3BpC,aAAa3D,KAAK2D;MAAagC,UAAU3F,KAAK2F;MAAUC,UAAuB5F,KAAK4F;MAAiBqG,SAASjM,KAAKoC,SAAS,UAAUpC,KAAK4F,YAAY5F,KAAK8H;MAAUoE,SAASlM,KAAKsI,YAAYoB,KAAK1J;MAAOmM,WAAWnM,KAAK+D;MAAeoB,UAAUnF,KAAKwI,aAAakB,KAAK1J;MAAOoM,SAASpM,KAAK0I,eAAegB,KAAK1J;MAAOkG,UAAUlG,KAAKkG;MAAUmG,cAAcrM,KAAKkJ,kBAAkBQ,KAAK1J;MAAOsM,YAAYtM,KAAK2J,gBAAgBD,KAAK1J;MAAOiF,KAAKlE,KAAOf,KAAKkE,YAAYnD;MAAK6F,WAAW5G,KAAK4G,YAAY2F,SAASvM,KAAK4G,aAAa;MAAMC,WAAW7G,KAAK6G,YAAY0F,SAASvM,KAAK6G,aAAa;QAAS7G,KAAKqI,aAAarI,KAAKwF,cAAe/D,EAAE,YAAY;MAAEoD,OAAO;MAAgBzC,MAAM;MAAsB9B,MAAM;MAASL,OAAO;MAAgBgM,SAASjM,KAAKgI,gBAAgB0B,KAAK1J;SAAY,MAAMA,KAAKuF,UAAUiH,EAAiBxM,MAAMA,KAAKsF,eAAe,MAAMtF,KAAK6D,kBAAkB,YAAY7D,KAAKuF,UAC/3BkH,EAAiBzM,QACjB,MAAMA,KAAK4E,qBAAqB5E,KAAK6D,kBAAkB,YAAY7D,KAAKuF,UACxEkH,EAAiBzM,QACjB;;EAIV,yBAAW0M;IAAmB,OAAO;AAAK;;;;;;;;;;ACtX9C,MAAM9M,IAAU;;;;kCCIhB,OAAM+M,IAAiB;EACnBC,aAAa;EACbjH,UAAU;EACVkH,YAAY;EACZC,OAAO;EACPC,UAAU;EACVC,cAAc;EACdC,eAAe;EACf,mBAAmB;EACnB,kBAAkB;EAClB,iBAAiB;EACjBC,SAAS;EACTC,SAAS;EACT7K,SAAS;EACT,mBAAmB;EACnB,sBAAsB;EACtB,2BAA2B;EAC3B,mBAAmB;EACnB,sBAAsB;EACtB,4BAA4B;;;MAEnB8K,IAAO;EAChB,WAAAtN,CAAAC;;IACIC,KAAKC,QAAQC;IACbF,KAAKM,OAAO;IACZN,KAAKoC,OAAOlC;;;;;;;wCAMhB,UAAAmN;IACI,OAAOC,EAAa,iBAAiBtN,KAAKoC;;EAE9C,QAAAmL;IACI,IAAIvN,KAAKM,SAAS,WAAW;MACzB,OAAO;WAEN,IAAIN,KAAKM,SAAS,SAAS;MAC5B,OAAO;;;EAGf,MAAAkB;IACI,OAAQC,EAAE8J,GAAM;MAAE1G,OAAO;QACjB,sBAAsB7E,KAAKM,SAAS;QACpC,oBAAoBN,KAAKM,SAAS;;OACjCmB,EAAE,WAAW;MAAE2D,OAAO;QACvB,gBAAgBpF,KAAKwN,iBAAiBb,EAAe3M,KAAKC;QAC1D,eAAeD,KAAKuN;;MACrB,cAAcvN,KAAKC,UAAU;MAAQI,KAAKL,KAAKqN;MAAcnK,MAAM;;;EAE9E,gBAAAsK,CAAiBvN;;IAEb,OAAO,+BAA+BA;;EAc1C,qBAAW0B;IAAe,OAAO,EAAC;AAAe;;;;;ACvErD,MAAM8L,IAAc;;MCEPC,IAAQ;EACjB,WAAA5N,CAAAC;;IACIC,KAAK6D,gBAAgB;IACrB7D,KAAK2F,WAAW;IAChB3F,KAAK2N,WAAW;IAChB3N,KAAK+L,SAAS7L;IACdF,KAAK4N,MAAM1N;IACXF,KAAKyG,QAAQ;IACbzG,KAAKM,OAAO;IACZN,KAAK4L,UAAU1L;;EAEnB,iBAAA+H;IACI,IAAKjI,KAAK+L,WAAW7L,aAAaF,KAAK6D,kBAAkB,WACpD7D,KAAK+L,WAAW7L,aAAaF,KAAK6D,kBAAkB,OAAQ;MAC7D7D,KAAK+L,SAAS;WAEb,IAAK/L,KAAK+L,WAAW7L,aAAaF,KAAK6D,kBAAkB,WACzD7D,KAAK+L,WAAW7L,aAAaF,KAAK6D,kBAAkB,SAAU;MAC/D7D,KAAK+L,SAAS;;;EAGtB,MAAAvK;IACI,OAAQC,EAAE8J,GAAM;MAAE1G,OAAO;QACjB4G,OAAOC,EAAMD;QACb,wBAAwBzL,KAAK2N;QAC7B,qBAAqB3N,KAAK+L;QAC1B,sBAAsB/L,KAAKM,SAAS;QACpC,oBAAoBN,KAAKM,SAAS;QAClC,CAAC,YAAYN,KAAK6D,kBAAkB;;MACrCuB,OAAO;QACNqB,OAAOzG,KAAKyG;;OACXhF,EAAE,SAAS;MAAEoM,SAAS7N,KAAK4N;OAAO5N,KAAK4L,UAAWnK,EAAE,eAAe;MAAEqE,OAAO9F,KAAK4L;OAAWnK,EAAE,QAAQ,SAAU,MAAMA,EAAE,QAAQ;;;;;;ACjCjJ,MAAMqM,IAAa;;MCCNC,IAAU;EACnB,WAAAjO,CAAAC;IAkBAC,KAAAkJ,oBAAoB;MAChB,MAAM8E,IAAYhO,KAAKe,GAAGsI;MAC1B,MAAMG,IAAMwE,EAAUxE;MACtB,MAAMyE,IAAeD,EAAU1E;MAC/B,MAAM7C,IAAQuH,EAAUvH;MACxBzG,KAAKkO,cAAc9I,MAAMoE,MAAM,GAAGA;MAClCxJ,KAAKkO,cAAc9I,MAAMkE,OAAO,GAAG2E,IAAexH;MAClDzG,KAAKmO,UAAU;AAAI;IAEvBnO,KAAAoO,oBAAoB;MAChBpO,KAAKmO,UAAU;AAAK;IAExBnO,KAAAqO,wBAAwB;MACpBrO,KAAKmO,UAAU;AAAK;;IA9BpBnO,KAAKqK,WAAW;IAChBrK,KAAK8F,QAAQ5F;IACbF,KAAKsO,WAAW;IAChBtO,KAAKuO,QAAQ;IACbvO,KAAKwO,OAAO;IACZxO,KAAKyO,WAAW;IAChBzO,KAAKmO,UAAU;;;;;EAInB,iBAAAlG;IACI,IAAIjI,KAAKuO,OAAO;MACZvO,KAAKe,GAAGgJ,iBAAiB,cAAc/J,KAAKkJ;MAC5ClJ,KAAKe,GAAGgJ,iBAAiB,cAAc/J,KAAKoO;MAC5CxL,SAASmH,iBAAiB,UAAU/J,KAAKqO;;;EAkBjD,MAAA7M;IACI,OAAQC,EAAE8J,GAAM;MAAEC,MAAM;OAAa/J,EAAE,QAAQ;MAAEoD,OAAO;QAAE+G,SAAS;QAAM,oBAAoB5L,KAAKmO;;OAAa1M,EAAE,QAAQ,OAAOA,EAAE,OAAO;MAAEoD,OAAO;MAAeI,KAAMlE,KAAQf,KAAKkO,gBAAgBnN;OAAOU,EAAE,QAAQ;MAAEoD,OAAO;OAA0B7E,KAAK8F"}