@genexus/genexus-ide-ui 0.0.109 → 0.0.110

package/dist/genexus-ide-ui/p-045a084f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mutationObserverRemoved","target","ref","observer","MutationObserver","mutationsList","mutation","type","removedNodesArray","Array","from","removedNodes","removedNode","nodeType","Node","ELEMENT_NODE","removedItem","observe","childList","comboBoxCss","GxgComboBox","constructor","hostRef","this","parts","input","clearButton","toggleButton","prevEmittedValue","userTyped","formMessageLogic","detectClickOutsideCombo","detectClickOutsideComboFunc","bind","detectMouseScroll","detectMouseScrollFunc","attachExportParts","part","el","getAttribute","exportPartsResult","exportParts","length","exportparts","mutationRemoveObserver","_mo","inputHandler","e","value","sanitizeString","detail","filterList","strict","item","getItemByValue","undefined","keyDownHandler","code","KK","ARROW_DOWN","ARROW_UP","preventDefault","newItem","getNewItem","altKey","showList","ENTER","preventEnterPropagation","listIsOpen","stopPropagation","hideList","showAllItems","evaluateValueChangedEmit","SPACE","ESCAPE","TAB","text","valueChanged","emit","evaluateScroll","selectedItem","selectedITemTop","getBoundingClientRect","top","selectedITemBottom","bottom","containerTop","itemsContainer","containerBottom","scrollIntoView","behavior","handleValueChangeFormText","evaluatePopOver","popOver","setAttribute","caseSensitive","toLowerCase","enabledItems","getEnabledItems","filteredItems","forEach","itemText","textContent","toLocaleLowerCase","disabled","includes","push","hidden","cleanup","myObserver","unobserve","document","body","removeEventListener","disconnect","setup","setIndexes","setInitialValue","allItems","getAllItems","i","index","getFilteredItems","allItemsNodeList","querySelectorAll","find","clearSelectedItem","selected","clearIcon","getValueByText","direction","indexInFiltered","findIndex","setSelectedItem","replace","trim","firstItem","innerText","inputTextIcon","icon","toString","onBlurHandler","toggleListButtonClickHandler","toggleList","focus","inputTextClickHandler","disableFilter","toolTip","fixedIcon","label","labelPosition","minWidth","maxWidth","listMaxHeight","placeholder","disableClear","listPosition","centerLabel","labelWidth","required","validationStatus","validationMessage","cursorEnd","informationMessage","inputTextValue","noMatch","lastAllowedValue","slottedContent","selectionProgramatic","lastSetValueByUser","componentDidUpdate","itemsContainerIsOverflowing","itemsContainerBottomOverflows","componentWillLoad","componentDidLoad","resizeObserver","disconnectedCallback","open","close","getValueByIndex","foundItem","filter","setValueByIndex","selectInputText","inputText","itemSelectedHandler","event","itemDidLoadHandler","keyDownComboItemHandler","onValueChanged","newValue","setTimeout","setIcon","listIsOpenHandler","isOpen","addEventListener","opened","repositionItemsContainer","showPopover","closed","hidePopover","toggled","selectedItemHandler","removedItemHandler","comboMainContainer","shadowRoot","querySelector","x","y","comboMainContainerArea","left","right","screenX","screenY","clientX","clientY","clearCombo","ResizeObserver","entries","inputTextWidth","clientWidth","style","width","inputTextBoundingClient","inputTextY","inputTextHeight","height","inputTextX","viewportHeight","window","innerHeight","comboBottom","itemsContainerHeight","clientHeight","result","itOverflows","render","h","Host","class","tooltip","large","state","mainContainer","center","searchItemsContainer","onInput","onKeyDown","onClick","onBlur","iconPosition","readonly","preventValueChangedEmit","tabindex","small","maxHeight","formTooltipLogic","delegatesFocus","comboBoxItemCss","GxgComboBoxItem","innerHTML","clickHandler","itemSelected","exactMatch","iconColor","itemDidLoad","iconColorHandler","commonClassesNames","container","color","size"],"sources":["node_modules/@genexus/gemini/dist/collection/common/mo-removed.js","node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.css?tag=gxg-combo-box&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.js","node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.css?tag=gxg-combo-box-item&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.js"],"sourcesContent":["export function mutationObserverRemoved(target, ref) {\n    const observer = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n            if (mutation.type === \"childList\") {\n                const removedNodesArray = Array.from(mutation.removedNodes);\n                for (const removedNode of removedNodesArray) {\n                    if (removedNode.nodeType === Node.ELEMENT_NODE) {\n                        ref.removedItem = removedNode;\n                    }\n                }\n            }\n        }\n    });\n    observer.observe(target, { childList: true });\n    return observer; // Return the observer instance if needed\n}\n//# sourceMappingURL=mo-removed.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/*--- Elevation ---*/\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 {\n  font-family: var(--ds-base-font-family-primary);\n  display: block;\n}\n:host .main-container {\n  width: 100%;\n  position: relative;\n  /*POSITION TOP*/\n}\n:host .main-container .outer-wrapper {\n  display: flex;\n  align-items: center;\n}\n:host .main-container .search-container {\n  flex: 1;\n  position: relative;\n}\n:host .main-container .search-container .buttons-wrapper {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  top: 0;\n  inset-inline-end: var(--gxg-combo-box-items-buttons-wrapper--iie);\n}\n:host .main-container .items-container {\n  color: var(--gxg-combo-box-items-container_color);\n  font-size: var(--gxg-combo-box-items-container_font-size);\n  border: var(--ds-border-common-styles);\n  border-radius: var(--ds-form-control-border-radius);\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  border-top-width: 0;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  background-color: var(--gxg-combo-box-items-container_background-color);\n  position: fixed;\n  width: inherit;\n  box-sizing: border-box;\n  z-index: 999;\n  box-sizing: border-box;\n  padding: var(--gxg-combo-box-items-container_padding);\n  /*popover*/\n}\n:host .main-container .items-container--not-popover {\n  display: none;\n}\n:host .main-container .items-container--show {\n  display: block;\n}\n:host .main-container .items-container--no-match {\n  display: none;\n}\n:host .main-container .items-container .no-ocurrences-found {\n  font-size: var(--gxg-combo-box-no-occurrences_font-size);\n  color: var(--gxg-combo-box-no-occurrences_color);\n  padding: var(--gxg-combo-box-no-occurrences_padding);\n  background-color: var(--gxg-combo-box-no-occurrences_background-color);\n}\n:host .main-container .items-container .no-ocurrences-found span {\n  display: block;\n  color: var(--gxg-combo-box-no-occurrences_command-color);\n}\n:host .main-container .items-container.exact-match {\n  overflow-y: hidden;\n}\n:host .main-container .items-container--popover {\n  padding: 0;\n  margin: 0;\n}\n:host .main-container .items-container--above {\n  transform: translateY(calc(-100% - 24px));\n  border-top-width: 1px;\n  border-bottom-width: 0;\n  border-top-left-radius: var(--ds-form-control-border-radius);\n  border-top-right-radius: var(--ds-form-control-border-radius);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\n:host .search-and-items-container {\n  flex: 1;\n}\n\n/*label position*/\n:host([label-position=start]) .main-container {\n  display: flex;\n  flex-direction: row;\n}\n:host([label-position=start]) .main-container .outer-wrapper {\n  flex: 1;\n}\n\n/*scrollbar*/\n.items-container {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n}\n.items-container::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.items-container::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.items-container::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.items-container::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.items-container::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*********************************************\nVALIDATION\n**********************************************/\n.messages-wrapper {\n  margin-top: var(--spacing-comp-02);\n  display: flex;\n  gap: var(--spacing-comp-01);\n  flex-direction: column;\n}","import { Host, h } from \"@stencil/core\";\nimport { formMessageLogic, formTooltipLogic } from \"../../common/form\";\nimport { KeyboardKeys as KK } from \"../../common/types\";\nimport { exportParts } from \"../../common/export-parts\";\nimport state from \"../store\";\nimport { mutationObserverRemoved } from \"../../common/mo-removed\";\nexport class GxgComboBox {\n    constructor() {\n        this.popOver = false;\n        this.toolTip = false;\n        this.preventEnterPropagation = false;\n        this.fixedIcon = undefined;\n        this.disabled = false;\n        this.label = undefined;\n        this.labelPosition = \"above\";\n        this.minWidth = \"0\";\n        this.maxWidth = \"100%\";\n        this.listMaxHeight = \"244px\";\n        this.placeholder = \"Search item\";\n        this.disableFilter = false;\n        this.disableClear = false;\n        this.strict = false;\n        this.value = undefined;\n        this.caseSensitive = false;\n        this.listPosition = \"below\";\n        this.text = undefined;\n        this.centerLabel = false;\n        this.labelWidth = undefined;\n        this.required = false;\n        this.validationStatus = \"indeterminate\";\n        this.validationMessage = undefined;\n        this.cursorEnd = false;\n        this.informationMessage = undefined;\n        this.inputTextValue = \"\";\n        this.listIsOpen = false;\n        this.inputTextIcon = undefined;\n        this.noMatch = false;\n        this.lastAllowedValue = undefined;\n        this.slottedContent = null;\n        this.selectionProgramatic = true;\n        this.lastSetValueByUser = undefined;\n        this.myObserver = null;\n        this.selectedItem = undefined;\n        this.removedItem = undefined;\n    }\n    parts = {\n        input: \"input\",\n        clearButton: \"clear-button\",\n        toggleButton: \"toggle-button\"\n    };\n    exportparts;\n    _mo;\n    prevEmittedValue = null;\n    /**\n     * This event is triggered when the combo box value changes.\n     */\n    valueChanged;\n    /**\n     * This event is triggered when the combo dropdown is opened\n     */\n    opened;\n    /**\n     * This event is triggered when the combo dropdown has closed\n     */\n    closed;\n    /**\n     * This event is triggered when the combo dropdown has toggled (opened/closed)\n     */\n    toggled;\n    inputText;\n    el;\n    mainContainer;\n    itemsContainer;\n    searchItemsContainer;\n    userTyped = false;\n    formMessageLogic = formMessageLogic;\n    detectClickOutsideCombo = this.detectClickOutsideComboFunc.bind(this);\n    detectMouseScroll = this.detectMouseScrollFunc.bind(this);\n    componentDidUpdate() {\n        const itemsContainerIsOverflowing = this.itemsContainerBottomOverflows();\n        itemsContainerIsOverflowing\n            ? (this.listPosition = \"above\")\n            : (this.listPosition = \"below\");\n    }\n    componentWillLoad() {\n        this.setup();\n        this.attachExportParts();\n        this.mutationRemoveObserver();\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    mutationRemoveObserver = () => {\n        this._mo = mutationObserverRemoved(this.el, this);\n    };\n    componentDidLoad() {\n        this.resizeObserver();\n        this.evaluatePopOver();\n    }\n    disconnectedCallback() {\n        this.cleanup();\n    }\n    /*********************************\n    METHODS\n    *********************************/\n    async open() {\n        this.listIsOpen = true;\n    }\n    async close() {\n        this.listIsOpen = false;\n    }\n    async getValueByIndex(index) {\n        const enabledItems = this.getEnabledItems();\n        const foundItem = enabledItems.filter(item => item.index === index)[0];\n        return foundItem?.value;\n    }\n    async setValueByIndex(index) {\n        const enabledItems = this.getEnabledItems();\n        const foundItem = enabledItems.filter(item => item.index === index)[0];\n        if (foundItem && foundItem.value) {\n            this.value = foundItem.value;\n            return true;\n        }\n        return false;\n    }\n    async selectInputText() {\n        this.inputText.selectInputText();\n    }\n    /*********************************\n    LISTEN\n    *********************************/\n    itemSelectedHandler(event) {\n        this.value = event.detail.value;\n        this.inputText.focus();\n    }\n    itemDidLoadHandler() {\n        this.setIndexes();\n        //this.setInitialValue();\n    }\n    keyDownComboItemHandler(event) {\n        event.stopPropagation();\n        if (event.detail === \"ArrowUp\") {\n            this.inputText.focus();\n        }\n        else if (event.detail === \"Tab\" || event.detail === \"Escape\") {\n            this.listIsOpen = false;\n            this.inputText.focus();\n        }\n    }\n    /*********************************\n    HANDLERS\n    *********************************/\n    inputHandler = (e) => {\n        this.userTyped = true;\n        const value = this.sanitizeString(e.detail);\n        this.filterList(value);\n        if (!this.strict) {\n            this.value = value;\n        }\n        else {\n            const item = this.getItemByValue(value);\n            if (item) {\n                this.value = value;\n            }\n            else {\n                this.value = undefined;\n            }\n        }\n    };\n    keyDownHandler = (e) => {\n        if (e.code === KK.ARROW_DOWN || e.code === KK.ARROW_UP) {\n            e.preventDefault();\n        }\n        let newItem;\n        if (e.code === KK.ARROW_DOWN) {\n            newItem = this.getNewItem(\"next\");\n            newItem?.value && (this.value = newItem?.value);\n            e.altKey && this.showList();\n        }\n        else if (e.code === KK.ARROW_UP) {\n            newItem = this.getNewItem(\"prev\");\n            newItem?.value && (this.value = newItem?.value);\n        }\n        else if (e.code === KK.ENTER) {\n            if (this.preventEnterPropagation && this.listIsOpen) {\n                e.stopPropagation();\n            }\n            this.hideList();\n            this.showAllItems();\n            this.evaluateValueChangedEmit();\n        }\n        else if (e.code === KK.SPACE) {\n            this.showList();\n        }\n        else if (e.code === KK.ESCAPE) {\n            this.showAllItems();\n            this.hideList();\n        }\n        else if (e.code === KK.TAB && this.showList) {\n            this.hideList();\n        }\n    };\n    evaluateValueChangedEmit = () => {\n        if (this.strict && this.value === undefined) {\n            this.text = \"\";\n            this.value = this.prevEmittedValue;\n        }\n        else if (this.value !== this.prevEmittedValue) {\n            this.valueChanged.emit(this.value);\n            this.prevEmittedValue = this.value;\n        }\n    };\n    evaluateScroll = () => {\n        if (this.selectedItem) {\n            const selectedITemTop = this.selectedItem.getBoundingClientRect().top;\n            const selectedITemBottom = this.selectedItem.getBoundingClientRect().bottom;\n            const containerTop = this.itemsContainer.getBoundingClientRect().top;\n            const containerBottom = this.itemsContainer.getBoundingClientRect().bottom;\n            if (selectedITemTop < containerTop ||\n                selectedITemBottom > containerBottom) {\n                this.selectedItem.scrollIntoView({ behavior: \"smooth\" });\n            }\n        }\n    };\n    handleValueChangeFormText = e => {\n        this.value = e.detail;\n    };\n    /********************************\n    WATCH\n    *********************************/\n    onValueChanged(newValue) {\n        setTimeout(() => {\n            this.clearSelectedItem();\n            let value;\n            let newItem = undefined;\n            if (this.userTyped) {\n                value = this.getValueByText(newValue);\n            }\n            else {\n                !this.listIsOpen && this.showAllItems();\n                value = newValue;\n            }\n            newItem = this.getItemByValue(value);\n            if (newItem) {\n                this.setSelectedItem(newItem);\n                this.setIcon(newItem.icon);\n                const textContent = newItem.textContent;\n                if (textContent.length > 0) {\n                    this.text = textContent;\n                }\n                else {\n                    this.text = newItem.value;\n                }\n            }\n            else {\n                //this.setIcon(undefined);\n                if (this.strict) {\n                    this.value = undefined;\n                }\n                else {\n                    this.text = newValue;\n                }\n            }\n            this.userTyped = false;\n        }, 20);\n    }\n    listIsOpenHandler(open) {\n        let isOpen = false;\n        if (open) {\n            //list is open\n            isOpen = true;\n            document.addEventListener(\"click\", this.detectClickOutsideCombo, true);\n            document.addEventListener(\"scroll\", this.detectMouseScroll, true);\n            this.opened.emit();\n            //Reposition .items-container, since it has fixed position\n            this.repositionItemsContainer();\n            if (this.popOver) {\n                this.itemsContainer.showPopover();\n            }\n        }\n        else {\n            //list is closed\n            document.removeEventListener(\"click\", this.detectClickOutsideCombo, true);\n            document.removeEventListener(\"scroll\", this.detectMouseScroll, true);\n            this.closed.emit();\n            if (this.popOver) {\n                this.itemsContainer.hidePopover();\n            }\n        }\n        this.toggled.emit(isOpen);\n    }\n    selectedItemHandler(newItem) {\n        newItem && (newItem.selected = true);\n        if (this.listIsOpen) {\n            this.evaluateScroll();\n        }\n    }\n    removedItemHandler(removedItem) {\n        const value = removedItem.value;\n        if (value === this.value) {\n            /*The removed item was the one selected on the combo. Re-evaluation of new value is needed*/\n            this.setup();\n        }\n    }\n    /*********************************\n    PRIVATE METHODS\n    *********************************/\n    evaluatePopOver = () => {\n        if (this.popOver) {\n            this.itemsContainer.setAttribute(\"popover\", \"\");\n        }\n    };\n    filterList = (text) => {\n        text = this.sanitizeString(text);\n        !this.caseSensitive && (text = text.toLowerCase());\n        const enabledItems = this.getEnabledItems();\n        const filteredItems = [];\n        if (enabledItems.length) {\n            enabledItems.forEach(item => {\n                const itemText = !this.caseSensitive\n                    ? item.textContent.toLocaleLowerCase()\n                    : item.textContent;\n                if (!item.disabled && itemText.includes(text)) {\n                    filteredItems.push(item);\n                    item.hidden = false;\n                }\n                else {\n                    item.hidden = true;\n                }\n            });\n        }\n        if (filteredItems.length >= 1) {\n            this.showList();\n        }\n        else {\n            this.hideList();\n        }\n        return filteredItems;\n    };\n    showAllItems = () => {\n        const enabledItems = this.getEnabledItems();\n        enabledItems?.forEach(item => {\n            item?.hidden && (item.hidden = false);\n        });\n    };\n    cleanup = () => {\n        this.myObserver.unobserve(document.body);\n        document.removeEventListener(\"click\", this.detectClickOutsideCombo, true);\n        document.removeEventListener(\"scroll\", this.detectMouseScroll, true);\n        this._mo.disconnect();\n    };\n    setup = () => {\n        this.setIndexes();\n        this.setInitialValue();\n    };\n    setIndexes = () => {\n        const allItems = this.getAllItems();\n        allItems.forEach((item, i) => {\n            item.index = i;\n        });\n    };\n    getEnabledItems = () => {\n        const enabledItems = [];\n        const allItems = this.getAllItems();\n        allItems.forEach(item => {\n            !item.disabled && enabledItems.push(item);\n        });\n        return enabledItems;\n    };\n    getFilteredItems = () => {\n        const enabledItems = this.getEnabledItems();\n        const filteredItems = [];\n        enabledItems.forEach(item => {\n            !item.hidden && filteredItems.push(item);\n        });\n        return filteredItems;\n    };\n    getAllItems = () => {\n        const allItems = [];\n        const allItemsNodeList = this.el.querySelectorAll(\"gxg-combo-box-item\");\n        allItemsNodeList.forEach(item => {\n            allItems.push(item);\n        });\n        return allItems;\n    };\n    getItemByValue = (value) => {\n        let item;\n        if (value) {\n            const enabledItems = this.getEnabledItems();\n            item = enabledItems.find(item => {\n                return !item.disabled && item?.value && item.value === value;\n            });\n        }\n        return item;\n    };\n    clearSelectedItem = () => {\n        const enabledItems = this.getEnabledItems();\n        enabledItems?.forEach(item => {\n            item.selected && (item.selected = false);\n        });\n        this.selectedItem = undefined;\n        this.clearIcon();\n    };\n    getValueByText = (text) => {\n        if (text) {\n            !this.caseSensitive && (text = text.toLowerCase());\n            const enabledItems = this.getEnabledItems();\n            const item = enabledItems?.find(item => {\n                const itemText = !this.caseSensitive\n                    ? item.textContent.toLocaleLowerCase()\n                    : item.textContent;\n                return !item.disabled && itemText === text;\n            });\n            return item?.value;\n        }\n        else {\n            return undefined;\n        }\n    };\n    getNewItem = (direction) => {\n        const filteredItems = this.getFilteredItems();\n        const indexInFiltered = filteredItems?.findIndex(item => {\n            return item.selected;\n        });\n        if (direction === \"next\") {\n            if (indexInFiltered === -1) {\n                /*no selectedItem at the time*/\n                return filteredItems[0];\n            }\n            return filteredItems[indexInFiltered + 1];\n        }\n        else if (direction === \"prev\") {\n            if (indexInFiltered !== -1) {\n                return filteredItems[indexInFiltered - 1];\n            }\n        }\n    };\n    setSelectedItem = (item) => {\n        if (item) {\n            this.selectedItem && (this.selectedItem.selected = false);\n            item.selected = true;\n            this.selectedItem = item;\n            return true;\n        }\n        return false;\n    };\n    sanitizeString = (value) => {\n        if (typeof value === \"string\") {\n            return value.replace(/\\s+/g, \" \").trim();\n        }\n        return value;\n    };\n    setInitialValue = () => {\n        const firstItem = this.getEnabledItems()[0];\n        if (!this.value || this.removedItem !== undefined) {\n            if (firstItem) {\n                this.value = firstItem.value;\n                this.text = firstItem.innerText;\n            }\n            else {\n                if (this.strict) {\n                    this.value = undefined;\n                }\n            }\n        }\n        else {\n            const item = this.getItemByValue(this.value);\n            if (item) {\n                this.text = item.innerText;\n                this.inputTextIcon = item.icon;\n                item.selected = true;\n            }\n            else {\n                if (this.strict) {\n                    this.value = undefined;\n                }\n                else {\n                    this.text = this.value.toString();\n                }\n            }\n        }\n        this.prevEmittedValue = this.value;\n    };\n    onBlurHandler = () => {\n        this.evaluateValueChangedEmit();\n    };\n    toggleListButtonClickHandler = () => {\n        if (!this.disabled) {\n            this.showAllItems();\n            this.toggleList();\n            this.focus();\n        }\n    };\n    inputTextClickHandler = () => {\n        if (!this.disabled) {\n            this.disableFilter && this.toggleList();\n        }\n    };\n    toggleList = () => {\n        if (!this.disabled) {\n            this.listIsOpen = !this.listIsOpen;\n        }\n    };\n    showList = () => {\n        if (!this.disabled) {\n            this.listIsOpen = true;\n        }\n    };\n    hideList = () => {\n        if (!this.disabled) {\n            this.listIsOpen = false;\n        }\n    };\n    clearIcon = () => {\n        if (!this.disabled) {\n            this.inputTextIcon = null;\n        }\n    };\n    setIcon(icon) {\n        if (icon) {\n            this.inputTextIcon = icon;\n        }\n        else {\n            this.inputTextIcon = null;\n        }\n    }\n    focus() {\n        this.inputText.focus();\n    }\n    detectClickOutsideComboFunc(event) {\n        const comboMainContainer = this.el.shadowRoot.querySelector(\".main-container\");\n        const x = event.x;\n        const y = event.y;\n        //Contextual menu coordinates\n        const comboMainContainerArea = comboMainContainer.getBoundingClientRect();\n        if ((x > comboMainContainerArea.left &&\n            x < comboMainContainerArea.right &&\n            y > comboMainContainerArea.top &&\n            y < comboMainContainerArea.bottom) ||\n            (event.screenX === 0 &&\n                event.screenY === 0 &&\n                event.clientX === 0 &&\n                event.clientY === 0)) {\n            //Click happened inside the combo\n        }\n        else {\n            this.listIsOpen = false;\n            //Click happened outside the combo\n        }\n    }\n    detectMouseScrollFunc() {\n        this.listIsOpen = false;\n    }\n    clearCombo() {\n        if (!this.disabled) {\n            this.value = undefined;\n            this.listIsOpen = true;\n            this.focus();\n        }\n    }\n    resizeObserver() {\n        this.myObserver = new ResizeObserver(entries => {\n            entries.forEach(() => {\n                this.repositionItemsContainer();\n            });\n        });\n        this.myObserver.observe(document.body);\n        this.myObserver.observe(this.el);\n    }\n    repositionItemsContainer() {\n        //redefine .main-container width\n        const inputText = this.inputText;\n        const inputTextWidth = inputText.clientWidth;\n        this.itemsContainer.style.width = inputTextWidth + \"px\";\n        //redefine .items-container \"top\" value\n        const inputTextBoundingClient = inputText.getBoundingClientRect();\n        const inputTextY = inputTextBoundingClient.y;\n        const inputTextHeight = inputTextBoundingClient.height;\n        this.itemsContainer.style.top = inputTextY + inputTextHeight + \"px\";\n        if (this.popOver) {\n            //redefine .items-container \"left\" value\n            const inputTextX = inputTextBoundingClient.x;\n            this.itemsContainer.style.left = inputTextX + \"px\";\n        }\n    }\n    itemsContainerBottomOverflows() {\n        const viewportHeight = window.innerHeight;\n        const comboBottom = this.el.getBoundingClientRect().bottom;\n        const itemsContainerHeight = this.itemsContainer.clientHeight;\n        const result = comboBottom + itemsContainerHeight;\n        const itOverflows = true ? result > viewportHeight : false;\n        return itOverflows;\n    }\n    render() {\n        const clearIcon = this.value && !this.disableFilter && !this.disableClear;\n        return (h(Host, { class: {\n                \"gxg-combo-box--disabled\": this.disableFilter,\n                tooltip: this.toolTip,\n                large: state.large\n            }, style: { maxWidth: this.maxWidth, minWidth: this.minWidth }, exportParts: this.exportparts ? this.exportparts : null }, h(\"div\", { class: {\n                \"main-container\": true\n            }, ref: el => (this.mainContainer = el) }, this.label ? (h(\"gxg-label\", { labelPosition: this.labelPosition, center: this.centerLabel, width: this.labelWidth }, this.label)) : null, h(\"div\", { class: \"outer-wrapper\" }, h(\"div\", { class: \"search-and-items-container\", ref: el => (this.searchItemsContainer = el) }, h(\"div\", { class: { \"search-container\": true } }, h(\"gxg-form-text\", { placeholder: this.placeholder, onInput: this.inputHandler.bind(this), onKeyDown: this.keyDownHandler, onClick: this.inputTextClickHandler, onBlur: this.onBlurHandler, value: this.text, icon: this.fixedIcon || this.inputTextIcon, iconPosition: \"start\", readonly: this.disableFilter, ref: el => (this.inputText = el), validationStatus: this.validationStatus, disabled: this.disabled, onValueChanged: this.handleValueChangeFormText, cursorEnd: this.cursorEnd, preventValueChangedEmit: true, class: {\n                \"icon-end--double\": clearIcon,\n                \"icon-end\": !clearIcon\n            }, part: this.parts.input }), h(\"div\", { class: \"buttons-wrapper\" }, clearIcon ? (h(\"gxg-button\", { class: { \"button-icon delete-icon\": true }, icon: \"menus/delete\", type: \"tertiary\", onClick: () => this.clearCombo(), tabindex: \"-1\", disabled: this.disabled, part: this.parts.clearButton, small: true })) : null, h(\"gxg-button\", { class: { \"button-icon\": true }, icon: \"navigation/arrow-down\", type: \"tertiary\", onClick: this.toggleListButtonClickHandler, disabled: this.disabled, tabindex: \"-1\", part: this.parts.toggleButton, small: true }))), h(\"div\", { class: {\n                \"items-container\": true,\n                \"items-container--not-popover\": !this.popOver,\n                \"items-container--show\": this.listIsOpen && !this.popOver,\n                \"items-container--popover\": this.popOver,\n                \"items-container--no-match\": this.noMatch,\n                \"items-container--below\": this.listPosition === \"below\",\n                \"items-container--above\": this.listPosition === \"above\"\n            }, style: { maxHeight: this.listMaxHeight }, ref: el => (this.itemsContainer = el) }, h(\"slot\", null), false && this.strict ? (h(\"div\", { class: \"no-ocurrences-found\" }, \"No occurrences found\", h(\"span\", null, \"ctrl/cmd + backspace to erase\"))) : null)), this.toolTip ? formTooltipLogic(this, false) : null)), !this.toolTip ? formMessageLogic(this) : null));\n    }\n    static get is() { return \"gxg-combo-box\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"combo-box.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"combo-box.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"popOver\": {\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 applies the popover attribute to the list of items. This is useful if the combo-box is wrapped inside a \\\"@container\\\" responsive container, since at the time of writing, fixed positioned elements that are inside a \\\"@container\\\" container, are relative to the container, not the viewport.\"\n                },\n                \"attribute\": \"pop-over\",\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            \"preventEnterPropagation\": {\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 prevent Enter key propagation only when the list is open. This prop. was created to prevent issues with ch-shortcuts, when an Enter key has to fire a callback on another element (such as a button) but it has to be ignored when the list is open, since an Enter key on a list-box-item, has to select the item only.\"\n                },\n                \"attribute\": \"prevent-enter-propagation\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fixedIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"A fixed icon that will show on the combo, ignoring the combo-box-item's icons.\"\n                },\n                \"attribute\": \"fixed-icon\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute makes the input disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\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 combo label\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\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\": \"The input label\"\n                },\n                \"attribute\": \"label-position\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"above\\\"\"\n            },\n            \"minWidth\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The combo min-width\"\n                },\n                \"attribute\": \"min-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"0\\\"\"\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 combo max-width\"\n                },\n                \"attribute\": \"max-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"listMaxHeight\": {\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 combo list max height\"\n                },\n                \"attribute\": \"list-max-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"244px\\\"\"\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 combo placeholder\"\n                },\n                \"attribute\": \"placeholder\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Search item\\\"\"\n            },\n            \"disableFilter\": {\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 filter\"\n                },\n                \"attribute\": \"disable-filter\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableClear\": {\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 clear button\"\n                },\n                \"attribute\": \"disable-clear\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"strict\": {\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 this attribute is present, \\\"value\\\" will only return something if a comboItem is selected, otherwise it will return undefined.\\nif this attribute is not present, \\\"value\\\" will return the value of the actual comboItem, or whatever text the comboItem has.\"\n                },\n                \"attribute\": \"strict\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ComboBoxItemValue\",\n                    \"resolved\": \"any\",\n                    \"references\": {\n                        \"ComboBoxItemValue\": {\n                            \"location\": \"import\",\n                            \"path\": \"../combo-box-item/combo-box-item\",\n                            \"id\": \"src/components/combo-box-item/combo-box-item.tsx::ComboBoxItemValue\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The current combo box item value\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"caseSensitive\": {\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 with make the filter search for values with case sensitive distinction\"\n                },\n                \"attribute\": \"case-sensitive\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"listPosition\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ListPosition\",\n                    \"resolved\": \"\\\"above\\\" | \\\"below\\\"\",\n                    \"references\": {\n                        \"ListPosition\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/combo-box/combo-box.tsx\",\n                            \"id\": \"src/components/combo-box/combo-box.tsx::ListPosition\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The container 'items container' position\"\n                },\n                \"attribute\": \"list-position\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"below\\\"\"\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            \"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 the commbo required\"\n                },\n                \"attribute\": \"required\",\n                \"reflect\": true,\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            \"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            \"informationMessage\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An informative message to help the user filling the information\"\n                },\n                \"attribute\": \"information-message\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"text\": {},\n            \"inputTextValue\": {},\n            \"listIsOpen\": {},\n            \"inputTextIcon\": {},\n            \"noMatch\": {},\n            \"lastAllowedValue\": {},\n            \"slottedContent\": {},\n            \"selectionProgramatic\": {},\n            \"lastSetValueByUser\": {},\n            \"myObserver\": {},\n            \"selectedItem\": {},\n            \"removedItem\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"valueChanged\",\n                \"name\": \"valueChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is triggered when the combo box value changes.\"\n                },\n                \"complexType\": {\n                    \"original\": \"ComboBoxItemValue\",\n                    \"resolved\": \"any\",\n                    \"references\": {\n                        \"ComboBoxItemValue\": {\n                            \"location\": \"import\",\n                            \"path\": \"../combo-box-item/combo-box-item\",\n                            \"id\": \"src/components/combo-box-item/combo-box-item.tsx::ComboBoxItemValue\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"opened\",\n                \"name\": \"opened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is triggered when the combo dropdown is opened\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"closed\",\n                \"name\": \"closed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is triggered when the combo dropdown has closed\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"toggled\",\n                \"name\": \"toggled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is triggered when the combo dropdown has toggled (opened/closed)\"\n                },\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"open\": {\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\": \"*******************************\\nMETHODS\\n*******************************\",\n                    \"tags\": []\n                }\n            },\n            \"close\": {\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            \"getValueByIndex\": {\n                \"complexType\": {\n                    \"signature\": \"(index: number) => Promise<string>\",\n                    \"parameters\": [{\n                            \"name\": \"index\",\n                            \"type\": \"number\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<string>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\n            \"setValueByIndex\": {\n                \"complexType\": {\n                    \"signature\": \"(index: number) => Promise<boolean>\",\n                    \"parameters\": [{\n                            \"name\": \"index\",\n                            \"type\": \"number\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<boolean>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\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        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"value\",\n                \"methodName\": \"onValueChanged\"\n            }, {\n                \"propName\": \"listIsOpen\",\n                \"methodName\": \"listIsOpenHandler\"\n            }, {\n                \"propName\": \"selectedItem\",\n                \"methodName\": \"selectedItemHandler\"\n            }, {\n                \"propName\": \"removedItem\",\n                \"methodName\": \"removedItemHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"itemSelected\",\n                \"method\": \"itemSelectedHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"itemDidLoad\",\n                \"method\": \"itemDidLoadHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keyDownComboItem\",\n                \"method\": \"keyDownComboItemHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=combo-box.js.map\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  --ds-icon-size--small: var(--gxg-combo-box-item_icon-size);\n  display: block;\n  cursor: pointer;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  font-size: inherit;\n  color: inherit;\n  opacity: 1;\n  overflow: hidden;\n  border-radius: var(--gxg-combo-box-item_border-radius);\n}\n:host .container {\n  display: flex;\n  align-items: center;\n  padding: var(--gxg-combo-box-item_padding);\n  width: 100%;\n  height: var(--ds-list-item-height--spaced);\n  box-sizing: border-box;\n  /*items with icon are this tall*/\n  gap: var(--gxg-combo-box-item_container-gap);\n}\n:host gxg-icon {\n  flex-shrink: 0;\n  --gxg-icon-color: var(--gxg-combo-box-item--active_icon-color);\n}\n\n.description {\n  white-space: nowrap;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n:host(.no-icon) .container {\n  padding-inline-start: var(--gxg-combo-box-item_container-no-icon-pis);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host(.display-none) {\n  display: none;\n}\n\n:host(:hover) {\n  background-color: var(--ds-item-background-color--hover);\n}\n:host(:hover) .container {\n  color: var(--gxg-combo-box-item_container-color--hover);\n}\n\n:host([selected]) {\n  background-color: var(--ds-item-background-color--selected);\n  color: var(--gxg-combo-box-item--selected_color);\n}\n\n:host([selected]:hover) {\n  background-color: var(--ds-item-background-color--selected-hover);\n  color: var(--gxg-combo-box-item--selected_color);\n}","import { Host, h } from \"@stencil/core\";\nimport state from \"../store\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nexport class GxgComboBoxItem {\n    constructor() {\n        this.icon = undefined;\n        this.value = undefined;\n        this.index = undefined;\n        this.disabled = false;\n        this.selected = false;\n        this.exactMatch = false;\n        this.hidden = false;\n        this.iconColor = undefined;\n    }\n    el;\n    /**\n     * This event is triggered when the user clicks on an item. event.detail contains the item index, item value, and item icon.\n     */\n    itemSelected;\n    /**\n     * This event is fired when the item has loaded\n     */\n    itemDidLoad;\n    /**\n     * This event is for internal use. This event is triggered when the user presses keyboard \"arrow up\" on the first item. This event is caputred on \"combo\" component\n     * and then focus is set on \"search\" input.\n     */\n    keyDownPressed;\n    componentWillLoad() {\n        this.setup();\n        this.disabled ? (this.iconColor = \"ondisabled\") : (this.iconColor = \"auto\");\n    }\n    componentDidLoad() {\n        this.itemDidLoad.emit({\n            el: this.el,\n            index: this.index,\n            value: this.value,\n            icon: this.icon\n        });\n    }\n    /*********************************\n    WATCH\n    *********************************/\n    setup = () => {\n        if (!this.value) {\n            this.value = this.el.innerHTML;\n        }\n    };\n    clickHandler = () => {\n        this.itemSelected.emit({\n            el: this.el,\n            index: this.index,\n            value: this.value,\n            icon: this.icon\n        });\n    };\n    iconColorHandler() {\n        if (this.disabled) {\n            return \"disabled\";\n        }\n        else if (this.selected) {\n            return \"primary-enabled\";\n        }\n        else {\n            return \"auto\";\n        }\n    }\n    render() {\n        return (h(Host, { onClick: this.clickHandler, class: {\n                large: state.large,\n                \"no-icon\": !this.icon,\n                [commonClassesNames[\"DISABLED_CLASS\"]]: this.disabled\n            } }, h(\"div\", { class: { container: true, \"form-element\": true } }, this.icon ? (h(\"gxg-icon\", { color: this.iconColorHandler(), size: \"small\", type: this.icon })) : null, h(\"div\", { class: \"description\" }, h(\"slot\", null)))));\n    }\n    static get is() { return \"gxg-combo-box-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"combo-box-item.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"combo-box-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Any icon that belongs to Gemini icon library: https://gx-gemini.netlify.app/?path=/story/icons\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"value\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ComboBoxItemValue\",\n                    \"resolved\": \"any\",\n                    \"references\": {\n                        \"ComboBoxItemValue\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/combo-box-item/combo-box-item.tsx\",\n                            \"id\": \"src/components/combo-box-item/combo-box-item.tsx::ComboBoxItemValue\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The item value. If value is not provided, an automatic value will be generated with the innerText.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"index\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"(This prop is for internal use).\"\n                },\n                \"attribute\": \"index\",\n                \"reflect\": true\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 this combo-item disabled and not interactive.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute makes this combo-item selected.\"\n                },\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"exactMatch\": {\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\": \"True if the text typed on the combo box input is equal to this combo box item text\"\n                },\n                \"attribute\": \"exact-match\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"hidden\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property hides the combo box item\"\n                },\n                \"attribute\": \"hidden\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"iconColor\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"itemSelected\",\n                \"name\": \"itemSelected\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is triggered when the user clicks on an item. event.detail contains the item index, item value, and item icon.\"\n                },\n                \"complexType\": {\n                    \"original\": \"ItemInformation\",\n                    \"resolved\": \"{ el: HTMLGxgComboBoxItemElement; index: number; value: any; icon?: string; }\",\n                    \"references\": {\n                        \"ItemInformation\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/combo-box-item/combo-box-item.tsx\",\n                            \"id\": \"src/components/combo-box-item/combo-box-item.tsx::ItemInformation\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"itemDidLoad\",\n                \"name\": \"itemDidLoad\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is fired when the item has loaded\"\n                },\n                \"complexType\": {\n                    \"original\": \"ItemInformation\",\n                    \"resolved\": \"{ el: HTMLGxgComboBoxItemElement; index: number; value: any; icon?: string; }\",\n                    \"references\": {\n                        \"ItemInformation\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/combo-box-item/combo-box-item.tsx\",\n                            \"id\": \"src/components/combo-box-item/combo-box-item.tsx::ItemInformation\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"keyDownPressed\",\n                \"name\": \"keyDownPressed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This event is for internal use. This event is triggered when the user presses keyboard \\\"arrow up\\\" on the first item. This event is caputred on \\\"combo\\\" component\\nand then focus is set on \\\"search\\\" input.\"\n                },\n                \"complexType\": {\n                    \"original\": \"any\",\n                    \"resolved\": \"any\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=combo-box-item.js.map\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-36544e00.entry.js

@@ -1,138 +0,0 @@
-import { r as e, c as t, h as s, H as i, g as r } from "./p-48217969.js";
-
-import { L as o } from "./p-74d59062.js";
-
-const l = ":host{display:block;border:1px solid var(--gx-ide-container-border-color);border-radius:var(--ds-form-control-border-radius);--status-buttons-label-color:var(--mer-text__on-surface)}gx-ide-list-selector::part(list){display:flex;flex-direction:row}gx-ide-list-selector-item{border-block-start:none !important;flex:1;text-align:center;}gx-ide-list-selector-item.not-zero{font-weight:var(--mer-font__weight--semi-bold)}gx-ide-list-selector-item:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}gx-ide-list-selector-item .label__wrapper{display:inline-flex;width:auto;min-height:0}gx-ide-list-selector-item .label__description{color:var(--status-buttons-label-color);margin-inline-start:var(--mer-spacing--xxs)}gx-ide-list-selector-item .active-indicator{display:inline-block;width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border:1px solid var(--mer-border-color__dim);border-radius:calc(var(--mer-spacing--xs) / 2);background-color:var(--mer-border-color__dim)}gx-ide-list-selector-item input:checked+.label{--status-buttons-label-color:var(--mer-text__on-surface);background-color:inherit}gx-ide-list-selector-item input:checked+.label .active-indicator{background-color:var(--mer-icon__primary);border-color:var(--mer-icon__primary)}gx-ide-list-selector-item:hover input:checked+.label{background-color:var(--ds-item-background-color--hover) !important}:host([compact]) gx-ide-list-selector-item{font-size:var(--mer-font__size--xxs)}:host([compact]) .label__wrapper{gap:var(--mer-spacing--xxs);padding:var(--mer-spacing--xxxs) var(--mer-spacing--xs) var(--mer-spacing--xxxs) var(--mer-spacing--xxs)}:host([compact]) .label__universal-slot{margin-inline-end:var(--mer-spacing--xxxs)}:host([no-border]){border:none}:host([no-border-top]){border-top:none}:host([no-border-end]){border-inline-end:none}:host([no-border-bottom]){border-bottom:none}:host([no-border-start]){border-inline-start:none}:host([no-inner-borders]) gx-ide-list-selector-item{border-inline-end:none}";
-
-const a = class {
-  constructor(s) {
-    e(this, s);
-    this.selectionChanged = t(this, "selectionChanged", 7);
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.evaluateIconsSize = () => {
-      if (this.compact) {
-        this.iconsSize = "small";
-      }
-    };
-    this.evaluateLabel = e => {
-      const t = this[e];
-      if (this.minimal) {
-        return `${t}`;
-      } else {
-        const s = t === 1;
-        return s ? `${t} ${this._componentLocale[e]["singular"]}` : `${t} ${this._componentLocale[e]["plural"]}`;
-      }
-    };
-    this.selectionChangedHandler = e => {
-      e.stopPropagation();
-      this.selectionChanged.emit(e.detail);
-    };
-    this.active = false;
-    this.errors = 0;
-    this.hideError = false;
-    this.warnings = 0;
-    this.hideWarning = false;
-    this.successes = 0;
-    this.hideSuccess = false;
-    this.messages = 0;
-    this.hideMessage = false;
-    this.minimal = false;
-    this.compact = false;
-    this.noBorder = false;
-    this.noInnerBorders = false;
-    this.noBorderTop = false;
-    this.noBorderEnd = false;
-    this.noBorderBottom = false;
-    this.noBorderStart = false;
-    this.iconsSize = "small";
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await o.getComponentStrings(this.el);
-    this.evaluateIconsSize();
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return s(i, null, s("gx-ide-list-selector", {
-      type: "multi-selection",
-      listName: "status-buttons",
-      noListBorder: true,
-      ellipsis: true,
-      iconsSize: this.iconsSize,
-      onSelectionChanged: this.selectionChangedHandler
-    }, !this.hideError ? s("gx-ide-list-selector-item", {
-      itemId: "errors",
-      itemValue: this.evaluateLabel("errors"),
-      icon: "gx-test/result-exception",
-      iconColor: this.errors === 0 ? "disabled" : "auto",
-      class: {
-        error: true,
-        "not-zero": this.errors !== 0
-      },
-      itemChecked: true
-    }, s("span", {
-      slot: "universal",
-      class: {
-        "active-indicator": true
-      }
-    })) : null, !this.hideWarning ? s("gx-ide-list-selector-item", {
-      itemId: "warnings",
-      itemValue: this.evaluateLabel("warnings"),
-      icon: "gx-test/result-warning",
-      iconColor: this.warnings === 0 ? "disabled" : "auto",
-      class: {
-        warning: true,
-        "not-zero": this.warnings !== 0
-      },
-      itemChecked: true
-    }, s("span", {
-      slot: "universal",
-      class: {
-        "active-indicator": true
-      }
-    })) : null, !this.hideSuccess ? s("gx-ide-list-selector-item", {
-      itemId: "successes",
-      itemValue: this.evaluateLabel("successes"),
-      icon: "gx-test/result-ok",
-      iconColor: this.successes === 0 ? "disabled" : "auto",
-      class: {
-        success: true,
-        "not-zero": this.successes !== 0
-      },
-      itemChecked: true
-    }, s("span", {
-      slot: "universal",
-      class: {
-        "active-indicator": true
-      }
-    })) : null, !this.hideMessage ? s("gx-ide-list-selector-item", {
-      itemId: "messages",
-      itemValue: this.evaluateLabel("messages"),
-      icon: "gx-test/screenshot-viewer",
-      iconColor: this.messages === 0 ? "disabled" : "auto",
-      class: {
-        message: true,
-        "not-zero": this.messages !== 0
-      },
-      itemChecked: true
-    }, s("span", {
-      slot: "universal",
-      class: {
-        "active-indicator": true
-      }
-    })) : null));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/status-buttons" ];
-  }
-  get el() {
-    return r(this);
-  }
-};
-
-a.style = l;
-
-export { a as gx_ide_status_buttons };
-//# sourceMappingURL=p-36544e00.entry.js.map

package/dist/genexus-ide-ui/p-36544e00.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gxIdeStatusButtonsCss","GxIdeStatusButtons","this","evaluateIconsSize","compact","iconsSize","evaluateLabel","type","amount","minimal","singular","_componentLocale","selectionChangedHandler","e","stopPropagation","selectionChanged","emit","detail","componentWillLoad","Locale","getComponentStrings","el","render","h","Host","listName","noListBorder","ellipsis","onSelectionChanged","hideError","itemId","itemValue","icon","iconColor","errors","class","error","itemChecked","slot","hideWarning","warnings","warning","hideSuccess","successes","success","hideMessage","messages","message"],"sources":["src/components/_helpers/status-buttons/gx-ide-status-buttons.scss?tag=gx-ide-status-buttons&encapsulation=shadow","src/components/_helpers/status-buttons/gx-ide-status-buttons.tsx"],"sourcesContent":[":host {\n  display: block;\n  border: 1px solid var(--gx-ide-container-border-color);\n  border-radius: var(--ds-form-control-border-radius);\n  --status-buttons-label-color: var(--mer-text__on-surface);\n}\n/*list-selector*/\ngx-ide-list-selector::part(list) {\n  display: flex;\n  flex-direction: row;\n}\n/*list-selector-items*/\ngx-ide-list-selector-item {\n  border-block-start: none !important; //reset\n\n  &.not-zero {\n    font-weight: var(--mer-font__weight--semi-bold);\n  }\n\n  &:not(:last-child) {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n  flex: 1;\n  text-align: center;\n\n  .label {\n    &__wrapper {\n      display: inline-flex;\n      width: auto;\n      min-height: 0;\n    }\n    &__description {\n      color: var(--status-buttons-label-color);\n      margin-inline-start: var(--mer-spacing--xxs);\n    }\n  }\n\n  /*active indicator*/\n  .active-indicator {\n    display: inline-block;\n    width: var(--mer-spacing--xs);\n    height: var(--mer-spacing--xs);\n    border: 1px solid var(--mer-border-color__dim);\n    border-radius: calc(var(--mer-spacing--xs) / 2);\n    background-color: var(--mer-border-color__dim);\n  }\n  input:checked {\n    + .label {\n      --status-buttons-label-color: var(--mer-text__on-surface);\n      background-color: inherit;\n\n      .active-indicator {\n        background-color: var(--mer-icon__primary);\n        border-color: var(--mer-icon__primary);\n      }\n    }\n  }\n\n  /*hover*/\n  &:hover {\n    input:checked + .label {\n      background-color: var(--ds-item-background-color--hover) !important;\n    }\n  }\n}\n\n/*--------------------\nCompact size\n--------------------*/\n:host([compact]) {\n  gx-ide-list-selector-item {\n    font-size: var(--mer-font__size--xxs);\n  }\n  .label__wrapper {\n    gap: var(--mer-spacing--xxs);\n    padding: var(--mer-spacing--xxxs) var(--mer-spacing--xs)\n      var(--mer-spacing--xxxs) var(--mer-spacing--xxs);\n  }\n  .label__universal-slot {\n    margin-inline-end: var(--mer-spacing--xxxs);\n  }\n}\n\n/*--------------------\nAll about borders\n--------------------*/\n:host([no-border]) {\n  border: none;\n}\n:host([no-border-top]) {\n  border-top: none;\n}\n:host([no-border-end]) {\n  border-inline-end: none;\n}\n:host([no-border-bottom]) {\n  border-bottom: none;\n}\n:host([no-border-start]) {\n  border-inline-start: none;\n}\n:host([no-inner-borders]) {\n  gx-ide-list-selector-item {\n    border-inline-end: none;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  State,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Size } from \"@genexus/gemini/dist/types/components/icon/icon\";\n/* CUSTOM IMPORTS */\nimport { CheckedItemsInfo } from \"../list-selector/list-selector\";\nimport { Locale } from \"../../../common/locale\";\n@Component({\n  tag: \"gx-ide-status-buttons\",\n  styleUrl: \"gx-ide-status-buttons.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/status-buttons\"]\n})\nexport class GxIdeStatusButtons {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES | WATCH'S //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n\n  /**\n   * Whether or not the buttons are active\n   */\n  @Prop() readonly active: boolean = false;\n\n  /**\n   * The errors amount\n   */\n  @Prop() readonly errors: number = 0;\n\n  /**\n   * Hide the errors button\n   */\n  @Prop() readonly hideError: boolean = false;\n\n  /**\n   * The warnings amount\n   */\n  @Prop() readonly warnings: number = 0;\n\n  /**\n   * Hide the warnings button\n   */\n  @Prop() readonly hideWarning: boolean = false;\n\n  /**\n   * The successes amount\n   */\n  @Prop() readonly successes: number = 0;\n\n  /**\n   * Hide the successes button\n   */\n  @Prop() readonly hideSuccess: boolean = false;\n\n  /**\n   * The messages amount\n   */\n  @Prop() readonly messages: number = 0;\n\n  /**\n   * Hide the messages button\n   */\n  @Prop() readonly hideMessage: boolean = false;\n\n  /**\n   * Display only the number\n   */\n  @Prop() readonly minimal: boolean = false;\n\n  /**\n   * If present will make the component look smaller.\n   */\n  @Prop({ reflect: true }) readonly compact: boolean = false;\n\n  /**\n   * No border all around\n   */\n  @Prop({ reflect: true }) readonly noBorder: boolean = false;\n\n  /**\n   * No inner borders\n   */\n  @Prop({ reflect: true }) readonly noInnerBorders: boolean = false;\n\n  /**\n   * No border on the top\n   */\n  @Prop({ reflect: true }) readonly noBorderTop: boolean = false;\n\n  /**\n   * No border on the end\n   */\n  @Prop({ reflect: true }) readonly noBorderEnd: boolean = false;\n\n  /**\n   * No border on the bottom\n   */\n  @Prop({ reflect: true }) readonly noBorderBottom: boolean = false;\n\n  /**\n   * No border on the start\n   */\n  @Prop({ reflect: true }) readonly noBorderStart: boolean = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeStatusButtonsElement;\n\n  // 3.STATE() VARIABLES //\n\n  @State() iconsSize: Size = \"small\";\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * Emits the actual selection\n   */\n  @Event() selectionChanged: EventEmitter<CheckedItemsInfo>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateIconsSize();\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateIconsSize = () => {\n    if (this.compact) {\n      this.iconsSize = \"small\";\n    }\n  };\n\n  private evaluateLabel = (\n    type: \"errors\" | \"warnings\" | \"successes\" | \"messages\"\n  ): string => {\n    const amount = this[type];\n    if (this.minimal) {\n      return `${amount}`;\n    } else {\n      const singular: boolean = amount === 1;\n      return singular\n        ? `${amount} ${this._componentLocale[type][\"singular\"]}`\n        : `${amount} ${this._componentLocale[type][\"plural\"]}`;\n    }\n  };\n\n  private selectionChangedHandler = (e: CustomEvent<CheckedItemsInfo>) => {\n    e.stopPropagation();\n    this.selectionChanged.emit(e.detail);\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <gx-ide-list-selector\n          type=\"multi-selection\"\n          listName=\"status-buttons\"\n          noListBorder\n          ellipsis\n          iconsSize={this.iconsSize}\n          onSelectionChanged={this.selectionChangedHandler}\n        >\n          {!this.hideError ? (\n            <gx-ide-list-selector-item\n              itemId=\"errors\"\n              itemValue={this.evaluateLabel(\"errors\")}\n              icon=\"gx-test/result-exception\"\n              iconColor={this.errors === 0 ? \"disabled\" : \"auto\"}\n              class={{ \"error\": true, \"not-zero\": this.errors !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideWarning ? (\n            <gx-ide-list-selector-item\n              itemId=\"warnings\"\n              itemValue={this.evaluateLabel(\"warnings\")}\n              icon=\"gx-test/result-warning\"\n              iconColor={this.warnings === 0 ? \"disabled\" : \"auto\"}\n              class={{ \"warning\": true, \"not-zero\": this.warnings !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideSuccess ? (\n            <gx-ide-list-selector-item\n              itemId=\"successes\"\n              itemValue={this.evaluateLabel(\"successes\")}\n              icon=\"gx-test/result-ok\"\n              iconColor={this.successes === 0 ? \"disabled\" : \"auto\"}\n              class={{ \"success\": true, \"not-zero\": this.successes !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n          {!this.hideMessage ? (\n            <gx-ide-list-selector-item\n              itemId=\"messages\"\n              itemValue={this.evaluateLabel(\"messages\")}\n              icon=\"gx-test/screenshot-viewer\"\n              iconColor={this.messages === 0 ? \"disabled\" : \"auto\"}\n              class={{ \"message\": true, \"not-zero\": this.messages !== 0 }}\n              itemChecked\n            >\n              <span\n                slot=\"universal\"\n                class={{\n                  \"active-indicator\": true\n                }}\n              ></span>\n            </gx-ide-list-selector-item>\n          ) : null}\n        </gx-ide-list-selector>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;AAAA,MAAMA,IAAwB;;MCsBjBC,IAAkB;;;;;;;QAyIrBC,KAAAC,oBAAoB;MAC1B,IAAID,KAAKE,SAAS;QAChBF,KAAKG,YAAY;;;IAIbH,KAAAI,gBACNC;MAEA,MAAMC,IAASN,KAAKK;MACpB,IAAIL,KAAKO,SAAS;QAChB,OAAO,GAAGD;aACL;QACL,MAAME,IAAoBF,MAAW;QACrC,OAAOE,IACH,GAAGF,KAAUN,KAAKS,iBAAiBJ,GAAM,gBACzC,GAAGC,KAAUN,KAAKS,iBAAiBJ,GAAM;;;IAIzCL,KAAAU,0BAA2BC;MACjCA,EAAEC;MACFZ,KAAKa,iBAAiBC,KAAKH,EAAEI;AAAO;kBAtIH;kBAKD;qBAKI;oBAKF;uBAKI;qBAKH;uBAKG;oBAKJ;uBAKI;mBAKJ;mBAKiB;oBAKC;0BAKM;uBAKH;uBAKA;0BAKG;yBAKD;qBAQhC;;;EAa3B,uBAAMC;IACJhB,KAAKS,yBAAyBQ,EAAOC,oBAAoBlB,KAAKmB;IAC9DnB,KAAKC;;;EAoCP,MAAAmB;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MACEhB,MAAK;MACLkB,UAAS;MACTC,cAAY;MACZC,UAAQ;MACRtB,WAAWH,KAAKG;MAChBuB,oBAAoB1B,KAAKU;QAEvBV,KAAK2B,YACLN,EAAA;MACEO,QAAO;MACPC,WAAW7B,KAAKI,cAAc;MAC9B0B,MAAK;MACLC,WAAW/B,KAAKgC,WAAW,IAAI,aAAa;MAC5CC,OAAO;QAAEC,OAAS;QAAM,YAAYlC,KAAKgC,WAAW;;MACpDG,aAAW;OAEXd,EAAA;MACEe,MAAK;MACLH,OAAO;QACL,oBAAoB;;UAIxB,OACFjC,KAAKqC,cACLhB,EAAA;MACEO,QAAO;MACPC,WAAW7B,KAAKI,cAAc;MAC9B0B,MAAK;MACLC,WAAW/B,KAAKsC,aAAa,IAAI,aAAa;MAC9CL,OAAO;QAAEM,SAAW;QAAM,YAAYvC,KAAKsC,aAAa;;MACxDH,aAAW;OAEXd,EAAA;MACEe,MAAK;MACLH,OAAO;QACL,oBAAoB;;UAIxB,OACFjC,KAAKwC,cACLnB,EAAA;MACEO,QAAO;MACPC,WAAW7B,KAAKI,cAAc;MAC9B0B,MAAK;MACLC,WAAW/B,KAAKyC,cAAc,IAAI,aAAa;MAC/CR,OAAO;QAAES,SAAW;QAAM,YAAY1C,KAAKyC,cAAc;;MACzDN,aAAW;OAEXd,EAAA;MACEe,MAAK;MACLH,OAAO;QACL,oBAAoB;;UAIxB,OACFjC,KAAK2C,cACLtB,EAAA;MACEO,QAAO;MACPC,WAAW7B,KAAKI,cAAc;MAC9B0B,MAAK;MACLC,WAAW/B,KAAK4C,aAAa,IAAI,aAAa;MAC9CX,OAAO;QAAEY,SAAW;QAAM,YAAY7C,KAAK4C,aAAa;;MACxDT,aAAW;OAEXd,EAAA;MACEe,MAAK;MACLH,OAAO;QACL,oBAAoB;;UAIxB"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["gxIdeEmptyStateCss","GxIdeEmptyState","this","transitionSpeed","watchDisplayHandler","display","primaryButtonLabel","primaryButtonEl","disabled","secondaryButtonLabel","secondaryButtonEl","setTimeout","componentWillLoad","el","style","setProperty","componentDidLoad","render","h","Host","class","container","stateIcon","type","color","stateTitle","alignment","stateDescription","textAlign","ref","escapeRegExp","str","replace","hiChar","text","filterValue","escapedFilterValue","re","RegExp","innerHTML","cardCss","GxgCard","constructor","hostRef","titleType","hasSlot","hasHeaderSlot","renderCardSubtitle","cardSubtitle","subtitleLink","href","target","elevation","background","padding","minHeight","height","maxWidth","noShadow","noBorder","undefined","noPaddingTop","cardTitle","noHeaderBorder","titleSemibold","subtitleIcon","cardType","icon","iconColor","subtitleColor","editableTitle","actionable","displayHeaderSlot","querySelector","headerSlot","role","card","mercury","state","wrapper","value","disableEdition","name"],"sources":["src/components/_helpers/empty-state/gx-ide-empty-state.scss?tag=gx-ide-empty-state&encapsulation=shadow","src/components/_helpers/empty-state/gx-ide-empty-state.tsx","node_modules/@genexus/gemini/dist/collection/common/hiChar.js","node_modules/@genexus/gemini/dist/collection/components/card/card.css?tag=gxg-card&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/card/card.js"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.container {\n  max-width: 520px;\n  margin: 0 auto;\n  gap: var(--mer-spacing--xl);\n  opacity: 0;\n  transition: opacity var(--state-transition-speed);\n  padding: var(--mer-spacing--md);\n\n  .icon-wrapper {\n    border: var(--mer-border__width--sm) dashed var(--mer-accent__primary);\n    border-radius: 50%;\n    min-width: 40px;\n    min-height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &__main {\n    gap: var(--mer-spacing--sm);\n  }\n  &__buttons {\n    gap: var(--mer-spacing--xs);\n  }\n  &--visible {\n    opacity: 1;\n  }\n}\n.container,\n.container__main,\n.container__buttons {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n","import { Component, Host, h, Prop, Watch, Element } from \"@stencil/core\";\n\n@Component({\n  tag: \"gx-ide-empty-state\",\n  styleUrl: \"gx-ide-empty-state.scss\",\n  shadow: true\n})\nexport class GxIdeEmptyState {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  private transitionSpeed: number = 200;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeEmptyStateElement;\n  private primaryButtonEl!: HTMLGxgButtonElement;\n  private secondaryButtonEl!: HTMLGxgButtonElement;\n\n  // 3.STATE() VARIABLES //\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * The state icon\n   */\n  @Prop() readonly stateIcon?: string;\n\n  /**\n   * The state title\n   */\n  @Prop() readonly stateTitle!: string;\n\n  /**\n   * The state description\n   */\n  @Prop() readonly stateDescription?: string;\n\n  /**\n   * The button primary label\n   */\n  @Prop() readonly primaryButtonLabel?: string;\n\n  /**\n   * The button secondary label\n   */\n  @Prop() readonly secondaryButtonLabel?: string;\n\n  /**\n   * If true, it will display the content\n   */\n  @Prop({ mutable: true }) display: boolean = false;\n  @Watch(\"display\")\n  watchDisplayHandler(display: boolean) {\n    if (display) {\n      this.primaryButtonLabel && (this.primaryButtonEl.disabled = false);\n      this.secondaryButtonLabel && (this.secondaryButtonEl.disabled = false);\n    } else {\n      setTimeout(() => {\n        this.primaryButtonLabel && (this.primaryButtonEl.disabled = true);\n        this.secondaryButtonLabel && (this.secondaryButtonEl.disabled = true);\n      }, this.transitionSpeed);\n    }\n  }\n\n  // 5.EVENTS (EMIT) //\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  componentWillLoad() {\n    this.el.style.setProperty(\n      \"--state-transition-speed\",\n      `${this.transitionSpeed}ms`\n    );\n  }\n\n  componentDidLoad() {\n    this.display = true;\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host>\n        <div class={{ \"container\": true, \"container--visible\": this.display }}>\n          {this.stateIcon ? (\n            <span class=\"icon-wrapper\">\n              <gxg-icon\n                class=\"icon\"\n                type={this.stateIcon}\n                color=\"mercury-primary\"\n              >\n                {this.stateTitle}\n              </gxg-icon>\n            </span>\n          ) : null}\n          <main class=\"container__main\">\n            {this.stateTitle ? (\n              <gx-ide-title alignment=\"center\">{this.stateTitle}</gx-ide-title>\n            ) : null}\n            {this.stateDescription ? (\n              <gxg-text textAlign=\"center\">{this.stateDescription}</gxg-text>\n            ) : null}\n          </main>\n          <div class=\"container__buttons\">\n            {this.primaryButtonLabel ? (\n              <gxg-button\n                type=\"primary-text-only\"\n                ref={el => (this.primaryButtonEl = el as HTMLGxgButtonElement)}\n              >\n                {this.primaryButtonLabel}\n              </gxg-button>\n            ) : null}\n            {this.secondaryButtonLabel ? (\n              <gxg-button\n                type=\"secondary-text-only\"\n                ref={el =>\n                  (this.secondaryButtonEl = el as HTMLGxgButtonElement)\n                }\n              >\n                {this.secondaryButtonLabel}\n              </gxg-button>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/*A function that helps highlighting characters when searching.*/\nexport const escapeRegExp = (str) => {\n    return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\nexport const hiChar = function (text, filterValue) {\n    if (text && filterValue) {\n        /* this function highlights the character(s) that match(es) the filter value. (hi)light (Char)acters */\n        const escapedFilterValue = escapeRegExp(filterValue);\n        const re = new RegExp(escapedFilterValue, \"gi\");\n        return (h(\"span\", { innerHTML: text.replace(re, '<span class=\"hiChar\">$&</span>') }));\n    }\n    else {\n        return text;\n    }\n};\n//# sourceMappingURL=hiChar.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/*--- Elevation ---*/\n:host {\n  display: block;\n  background-color: var(--gxg-card_background-color);\n  box-shadow: var(--gxg-card_box-shadow);\n  border-radius: var(--gxg-card_border-radius);\n  border-style: solid;\n  border-width: 1px;\n  border-color: transparent;\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:host([elevation=xs]) {\n  box-shadow: var(--gxg-card_box-shadow);\n}\n\n:host([elevation=m]) {\n  box-shadow: var(--gxg-card_box-shadow);\n}\n\n:host([padding=\"0\"]) {\n  padding: 0;\n}\n\n:host([padding=xs]) {\n  padding: var(--gxg-card_padding-xs);\n}\n\n:host([padding=s]) {\n  padding: var(--gxg-card_padding-s);\n}\n\n:host([padding=m]) {\n  padding: var(--gxg-card_padding-m);\n}\n\n:host([padding=l]) {\n  padding: var(--gxg-card_padding-l);\n}\n\n:host([padding=xl]) {\n  padding: var(--gxg-card_padding-xl);\n}\n\n:host([padding=xxl]) {\n  padding: var(--gxg-card_padding-xxl);\n}\n\n:host([padding=xxxl]) {\n  padding: var(--gxg-card_padding-xxxl);\n}\n\n:host([background=white]) {\n  background: var(--gxg-card_background-white);\n}\n\n:host([background=gray-01]) {\n  background: var(--gxg-card_background-gray);\n}\n\n.content {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  overflow: auto;\n  height: 100%;\n}\n.content::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width);\n  height: var(--gxg-scrollbar-width);\n}\n.content::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background);\n  border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.content::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.content::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.content::-webkit-scrollbar-corner {\n  background: rgba(0, 0, 0, 0);\n}\n\n/*No Shadow*/\n:host(.card--no-shadow) {\n  box-shadow: none;\n}\n\n/*Title*/\n:host(.card--title) .wrapper {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  grid-template-rows: auto 1fr;\n}\n\n:host(.card) {\n  background-color: var(--gxg-card_background-color);\n}\n:host(.card) .card__header {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: var(--gxg-card-header_margin);\n  padding-block-end: var(--gxg-card-header_padding-block-end);\n  border-block-end: var(--gxg-card-header_border-block-end);\n  gap: var(--gxg-card-header_gap);\n}\n:host(.card) .card__header--left {\n  display: flex;\n  align-items: center;\n  gap: var(--gxg-card-header-left_gap);\n  width: var(--gxg-card-header-left_width);\n}\n:host(.card) .card__header--left .card-title-wrapper {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n:host(.card) .card__header--left-full-width {\n  width: 100% !important;\n}\n:host(.card) .card__header--left-full-width .card-title-wrapper {\n  white-space: unset;\n}\n:host(.card) .card__header--right {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n  gap: var(--gxg-card-header-right_gap);\n  font-size: var(--font-size-xl);\n  width: var(--gxg-card-header-right_width);\n  overflow: hidden;\n  white-space: nowrap;\n}\n:host(.card) .card__header .subtitle-wrapper {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--gxg-card-subtitle_color);\n  padding-inline-end: var(--gxg-card-subtitle-wrapper_padding-inline-end);\n  /*prevents text cut text if italic, due to ellipsis*/\n}\n:host(.card) .card__header .subtitle-wrapper a {\n  color: var(--gxg-card-subtitle-wrapper_link-color);\n}\n:host(.card) .card__header .subtitle {\n  white-space: nowrap;\n  color: var(--gxg-card-subtitle-wrapper_color);\n}\n:host(.card) .content {\n  padding: var(--gxg-card-content_padding);\n  font-size: var(--gxg-card-content_font-size);\n  line-height: var(--gxg-card-content_line-height);\n  color: var(--gxg-card-content_color);\n}\n\n/*--- Default ---*/\n:host(.card--default) {\n  background: var(--color-background);\n}\n:host(.card--default) .content {\n  padding: 0;\n}\n\n/*--- Section ---*/\n:host(.card--section) {\n  font-size: var(--gxg-card-section_font-size);\n  border-radius: var(--gxg-card-section_border-radius);\n  padding: var(--gxg-card-section_padding);\n  background-color: var(--mer-elevation__background-color--01);\n  border: var(--mer-elevation__border-01);\n  box-shadow: var(--mer-elevation__box-shadow--01);\n}\n:host(.card--section) .card__title {\n  font-weight: var(--gxg-card-section-title_font-weight);\n  font-size: var(--gxg-card-section-title_font-size);\n}\n\n/*--- Article ---*/\n:host(.card--article) {\n  font-size: var(--gxg-card-article_font-size);\n  border-radius: var(--gxg-card-article_border-radius);\n  padding: var(--gxg-card-article_padding);\n  background-color: var(--mer-elevation__background-color--02);\n  border: var(--mer-elevation__border-02);\n  box-shadow: var(--mer-elevation__box-shadow--02);\n  border: var(--gxg-card-article_border);\n}\n:host(.card--article) .card__header .card__title {\n  margin: var(--gxg-card-article-title_margin);\n  color: var(--gxg-card-article-title_color);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: var(--gxg-card-article-title_font-weight);\n  font-size: var(--gxg-card-article-title_font-size);\n}\n:host(.card--article) .card__header .subtitle-wrapper {\n  color: var(--gxg-card-article-subtitle-wrapper_color);\n  font-style: var(--gxg-card-article-subtitle-wrapper_font-style);\n}\n:host(.card--article) .content {\n  font-style: var(--gxg-card-article-subtitle-content_font-style);\n  color: var(--gxg-card-article-content_color);\n  line-height: var(--gxg-card-article-subtitle-content_line-height);\n}\n\n/*semibold*/\n:host(.card--article.title-semibold) .card__header .card__title {\n  font-weight: var(--gxg-card-article-title-semibold_font-weight);\n}\n\n/*--- Mini ---*/\n:host(.card--mini) {\n  font-size: var(--gxg-card-mini_font-size);\n  border-radius: var(--gxg-card-mini_border-radius);\n  padding: var(--gxg-card-mini_padding);\n  background-color: var(--mer-elevation__background-color--02);\n  border: var(--mer-elevation__border-02);\n  box-shadow: var(--mer-elevation__box-shadow--02);\n  border: var(--gxg-card-mini_border);\n}\n:host(.card--mini) .card__header {\n  margin: var(--gxg-card-mini-header_margin);\n  padding-block-end: var(--gxg-card-mini-header_padding-block-end);\n  border-bottom: var(--gxg-card-mini-header_border-bottom);\n}\n:host(.card--mini) .card__header .card__header--left {\n  width: var(--gxg-card-mini-header-left_width);\n  gap: var(--gxg-card-mini-header-left_gap);\n}\n:host(.card--mini) .card__header .card__title {\n  margin: var(--gxg-card-mini-title_margin);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: var(--gxg-card-mini-title_font-weight);\n  font-size: var(--gxg-card-mini-title_font-size);\n  color: var(--gxg-card-mini-title_color);\n}\n:host(.card--mini) .content {\n  font-style: var(--gxg-card-mini-content_font-style);\n  font-size: var(--gxg-card-mini_font-size);\n  padding: var(--gxg-card-mini-content_padding);\n  color: var(--gxg-card-mini-content_color);\n}\n\n:host(.card--no-content) .card__header {\n  border-bottom: 0;\n}\n\n/*actionable*/\n:host(.card--actionable:hover) {\n  filter: brightness(var(--gxg-card-actionable-brightness--hover));\n}\n:host(.card--actionable:hover) .wrapper,\n:host(.card--actionable:hover) .card__header,\n:host(.card--actionable:hover) .content {\n  cursor: pointer;\n}\n\n/*no header border*/\n:host(.no-header-border) .card__header {\n  padding-bottom: 0;\n  border-bottom: 0;\n}\n\n/*noBorder*/\n:host(.card--no-border) {\n  border: none !important;\n}\n\n/*hiChar*/\n.hiChar {\n  color: var(--gxg-hi-char-color);\n  font-weight: 600;\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nimport { hiChar } from \"../../common/hiChar\";\nexport class GxgCard {\n    constructor() {\n        this.elevation = \"xs\";\n        this.background = \"white\";\n        this.padding = \"xs\";\n        this.minHeight = \"auto\";\n        this.height = \"auto\";\n        this.maxWidth = \"100%\";\n        this.noShadow = false;\n        this.noBorder = false;\n        this.hiChar = false;\n        this.filterValue = undefined;\n        this.noPaddingTop = false;\n        this.cardTitle = undefined;\n        this.noHeaderBorder = false;\n        this.titleSemibold = false;\n        this.cardSubtitle = undefined;\n        this.subtitleLink = undefined;\n        this.subtitleIcon = undefined;\n        this.cardType = \"section\";\n        this.icon = undefined;\n        this.iconColor = \"auto\";\n        this.subtitleColor = \"auto\";\n        this.editableTitle = false;\n        this.actionable = false;\n        this.displayHeaderSlot = false;\n    }\n    el;\n    /*---  Mercury Only Tokens ---*/\n    titleType = \"h2\";\n    hasSlot = false;\n    hasHeaderSlot = false;\n    componentWillLoad() {\n        if (this.cardType === \"article\") {\n            this.titleType = \"h2\";\n        }\n        else if (this.cardType === \"mini\") {\n            this.titleType = \"h4\";\n        }\n        const hasSlot = this.el.querySelector(\"*\");\n        if (hasSlot) {\n            this.hasSlot = true;\n        }\n        const headerSlot = this.el.querySelector(\"[slot='header']\");\n        if (headerSlot || this.displayHeaderSlot) {\n            this.hasHeaderSlot = true;\n        }\n    }\n    renderCardSubtitle = () => {\n        if (this.cardSubtitle && this.subtitleLink) {\n            return (h(\"a\", { class: \"subtitle\", href: this.subtitleLink, target: \"_blank\" }, this.cardSubtitle));\n        }\n        else if (this.cardSubtitle && !this.subtitleLink) {\n            {\n                return this.hiChar\n                    ? hiChar(this.cardSubtitle, this.filterValue)\n                    : this.cardSubtitle;\n            }\n        }\n    };\n    render() {\n        return (h(Host, { role: \"article\", class: {\n                card: true,\n                mercury: state.mercury,\n                \"card--no-content\": !this.hasSlot,\n                \"card--section\": this.cardType === \"section\",\n                \"card--article\": this.cardType === \"article\",\n                \"card--mini\": this.cardType === \"mini\",\n                \"card--title\": this.cardTitle !== undefined,\n                \"card--actionable\": this.actionable &&\n                    (this.cardType === \"article\" || this.cardType === \"mini\"),\n                \"title-semibold\": this.titleSemibold,\n                \"card--no-shadow\": this.noShadow,\n                \"card--no-border\": this.noBorder,\n                \"no-header-border\": this.noHeaderBorder\n            }, style: {\n                maxWidth: this.maxWidth,\n                minHeight: this.minHeight,\n                height: this.height\n            } }, h(\"div\", { role: this.actionable ? \"button\" : \"none\", class: {\n                wrapper: true,\n                \"wrapper--header\": this.cardTitle !== undefined\n            } }, this.cardTitle ? (h(\"header\", { class: \"card__header\" }, h(\"div\", { class: {\n                \"card__header--left\": true,\n                \"card__header--left-full-width\": !this.cardSubtitle\n            } }, this.icon ? (h(\"gxg-icon\", { type: this.icon, color: this.iconColor })) : null, h(\"div\", { class: \"card-title-wrapper\" }, this.cardType === \"section\" ? (h(\"gxg-title-editable\", { class: \"card__title\", titleType: this.titleType, value: this.cardTitle, disableEdition: !this.editableTitle })) : (h(\"h2\", { class: \"card__title\" }, this.hiChar\n            ? hiChar(this.cardTitle, this.filterValue)\n            : this.cardTitle)))), this.cardSubtitle &&\n            this.cardType !== \"mini\" &&\n            !this.hasHeaderSlot ? (h(\"div\", { class: \"card__header--right\" }, h(\"div\", { class: \"subtitle-wrapper\" }, this.renderCardSubtitle()), this.subtitleIcon ? (h(\"gxg-icon\", { type: this.subtitleIcon, color: this.subtitleColor })) : null)) : null, this.hasHeaderSlot ? (h(\"div\", { class: \"card__header--right\" }, h(\"slot\", { name: \"header\" }))) : null)) : null, this.hasSlot ? (h(\"div\", { class: \"content\" }, h(\"slot\", null))) : null)));\n    }\n    static get is() { return \"gxg-card\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"card.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"card.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"elevation\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"elevation\",\n                    \"resolved\": \"\\\"m\\\" | \\\"xs\\\"\",\n                    \"references\": {\n                        \"elevation\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n                            \"id\": \"src/components/card/card.tsx::elevation\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The card box-shadow\"\n                },\n                \"attribute\": \"elevation\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"xs\\\"\"\n            },\n            \"background\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"background\",\n                    \"resolved\": \"\\\"gray-01\\\" | \\\"white\\\"\",\n                    \"references\": {\n                        \"background\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n                            \"id\": \"src/components/card/card.tsx::background\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The background color\"\n                },\n                \"attribute\": \"background\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"white\\\"\"\n            },\n            \"padding\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"padding\",\n                    \"resolved\": \"\\\"0\\\" | \\\"l\\\" | \\\"m\\\" | \\\"s\\\" | \\\"xl\\\" | \\\"xs\\\" | \\\"xxl\\\" | \\\"xxxl\\\"\",\n                    \"references\": {\n                        \"padding\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n                            \"id\": \"src/components/card/card.tsx::padding\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The card padding\"\n                },\n                \"attribute\": \"padding\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"xs\\\"\"\n            },\n            \"minHeight\": {\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 component min. height\"\n                },\n                \"attribute\": \"min-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"height\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The component height\"\n                },\n                \"attribute\": \"height\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\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 component max. width\"\n                },\n                \"attribute\": \"max-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"noShadow\": {\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\": \"Disables box-shadow\"\n                },\n                \"attribute\": \"no-shadow\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"noBorder\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Removes border\"\n                },\n                \"attribute\": \"no-border\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hiChar\": {\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 allows to highlight any character on the card title, or subtitle.\"\n                },\n                \"attribute\": \"hi-char\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"filterValue\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This is the filter value needed for hiChar.\"\n                },\n                \"attribute\": \"filter-value\",\n                \"reflect\": false\n            },\n            \"noPaddingTop\": {\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\": \"Remove padding from the top (applies only for the \\\"section\\\" card type)\"\n                },\n                \"attribute\": \"no-padding-top\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"cardTitle\": {\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 optional title\"\n                },\n                \"attribute\": \"card-title\",\n                \"reflect\": false\n            },\n            \"noHeaderBorder\": {\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\": \"Removes the header border\"\n                },\n                \"attribute\": \"no-header-border\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"titleSemibold\": {\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\": \"Card title semibold\"\n                },\n                \"attribute\": \"title-semibold\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"cardSubtitle\": {\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 optional subtitle\"\n                },\n                \"attribute\": \"card-subtitle\",\n                \"reflect\": false\n            },\n            \"subtitleLink\": {\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 optional subtitle link\"\n                },\n                \"attribute\": \"subtitle-link\",\n                \"reflect\": false\n            },\n            \"subtitleIcon\": {\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 optional subtitle icon\"\n                },\n                \"attribute\": \"subtitle-icon\",\n                \"reflect\": false\n            },\n            \"cardType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CardType\",\n                    \"resolved\": \"\\\"article\\\" | \\\"mini\\\" | \\\"section\\\"\",\n                    \"references\": {\n                        \"CardType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n                            \"id\": \"src/components/card/card.tsx::CardType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The card type (only for mercury)\"\n                },\n                \"attribute\": \"card-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"section\\\"\"\n            },\n            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The card type (only for mercury)\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"iconColor\": {\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\": \"import\",\n                            \"path\": \"../icon/icon\",\n                            \"id\": \"src/components/icon/icon.tsx::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The icon color\"\n                },\n                \"attribute\": \"icon-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"subtitleColor\": {\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\": \"import\",\n                            \"path\": \"../icon/icon\",\n                            \"id\": \"src/components/icon/icon.tsx::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The icon color\"\n                },\n                \"attribute\": \"subtitle-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"editableTitle\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"It makes the title editable (only for mercury)\"\n                },\n                \"attribute\": \"editable-title\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"actionable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"It applies a different style on hover. Useful when the card is actionable (has an action attached to the click event).\"\n                },\n                \"attribute\": \"actionable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"displayHeaderSlot\": {\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\": \"A way to force header slot evaluation.\"\n                },\n                \"attribute\": \"display-header-slot\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=card.js.map\n"],"mappings":"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"}