@genexus/genexus-ide-ui 0.0.125 → 0.0.127

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

@@ -0,0 +1 @@
+{"version":3,"names":["containerCss","GxIdeContainer","this","headingClasses","heading","inactiveTitle","titleType","noHeadingBorder","hasOnlyHeading","headingJustify","noHeadingPadding","noHeadingPaddingBlockEnd","noHeadingGap","headingPaddingTop","_a","containerTitle","length","titleHeightAsInput","flexRow","contentClasses","content","flexContent","noContentPadding","noContentGap","noContentBorderTop","contentBorderEnd","alignItems","undefined","justifyContent","aboveFooter","hasAboveFooterSlot","h","class","noBorderAboveFooter","noAboveFooterPadding","slimmerFooter","name","footer","hasFooterSlot","hasOnlyFooter","hasSlottedContent","noBorderFooter","footerJustify","noFooterPadding","componentWillLoad","evaluateSlots","headerSlot","el","querySelectorAll","hasHeaderSlot","slottedContent","footerAboveSlot","footerStartSlot","footerEndSlot","evaluateSections","hasOnlyContent","render","result","type","alignment","titleAlignment","part","Host","container","sectionsPadding","displayBorder","displayBorderTop","displayBorderEnd","displayBorderBottom","displayBorderStart","mutationObserverRemoved","target","ref","observer","MutationObserver","mutationsList","mutation","removedNodesArray","Array","from","removedNodes","removedNode","nodeType","Node","ELEMENT_NODE","removedItem","observe","childList","comboBoxCss","GxgComboBox","constructor","hostRef","parts","input","clearButton","toggleButton","prevEmittedValue","userTyped","formMessageLogic","detectClickOutsideCombo","detectClickOutsideComboFunc","bind","detectMouseScroll","detectMouseScrollFunc","attachExportParts","getAttribute","exportPartsResult","exportParts","exportparts","mutationRemoveObserver","_mo","inputHandler","e","value","sanitizeString","detail","filterList","strict","item","getItemByValue","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","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","selectionProgramatic","lastSetValueByUser","componentDidUpdate","itemsContainerIsOverflowing","itemsContainerBottomOverflows","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","itOverflows","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","color","size"],"sources":["src/components/_helpers/container/container.scss?tag=gx-ide-container&encapsulation=shadow","src/components/_helpers/container/container.tsx","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":["@import \"../../../../node_modules/@genexus/gemini/dist/gemini/globals/mixins.scss\";\n\n/*******************************\nHOST / GENERAL\n********************************/\n:host {\n  --gx-ide-container-elements-spacing: var(--mer-spacing--xs);\n  display: block;\n  height: 100%;\n  box-sizing: border-box;\n}\n.container {\n  display: grid;\n  height: 100%;\n  grid-template-rows: auto 1fr auto;\n  box-sizing: border-box;\n}\n.heading,\n.content,\n.footer,\n.footer-above {\n  padding: var(--gx-ide-container__padding);\n}\n/*PADDING*/\n.container--padding-s {\n  --gx-ide-container__padding: var(--mer-spacing--xs);\n}\n.container--padding-m {\n  --gx-ide-container__padding: var(--mer-spacing--sm);\n}\n.container--padding-l {\n  --gx-ide-container__padding: var(--mer-spacing--md);\n}\n/*BORDERS*/\n.container--display-border {\n  border: 1px solid var(--gx-ide-container-border-color);\n}\n.container--display-border-top {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n}\n.container--display-border-end {\n  border-inline-end: 1px solid var(--gx-ide-container-border-color);\n}\n.container--display-border-bottom {\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n}\n.container--display-border-start {\n  border-inline-start: 1px solid var(--gx-ide-container-border-color);\n}\n.container--overflow-hidden-y {\n  overflow-y: hidden;\n}\n/*******************************\nHEADING\n********************************/\n.heading {\n  // @include gxg-flex-justify();\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-container__padding);\n  width: 100%;\n  box-sizing: border-box;\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n  &--no-border {\n    border-bottom: 0;\n  }\n  &--no-padding {\n    padding: 0;\n  }\n  &--no-padding-block-end {\n    padding-block-end: 0;\n  }\n  &--no-gap {\n    gap: 0;\n  }\n  &--inactive {\n    color: var(--gxg-color--disabled);\n  }\n  &--padding-top {\n    padding: var(--gx-ide-container__padding) 0 0 0;\n  }\n  &--slimmer {\n    padding-top: var(--mer-spacing--xs);\n    padding-bottom: var(--mer-spacing--xs);\n  }\n  &--form-text-height {\n    .heading__title {\n      min-height: var(--gxg-form-text-height);\n      justify-content: center;\n    }\n  }\n  &--flex-row {\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n  }\n}\n/*******************************\nCONTENT\n********************************/\n.content {\n  overflow-x: auto;\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-form-items-gap);\n  box-sizing: border-box;\n  @include gxg-scrollbar();\n\n  &--no-padding {\n    padding: 0;\n  }\n  &--no-border-top {\n    border-top: none;\n  }\n  &--flex {\n    display: flex;\n  }\n  &--no-gap {\n    gap: 0;\n  }\n  &--align-items-start {\n    align-items: start;\n  }\n  &--align-items-center {\n    align-items: center;\n  }\n  &--align-items-end {\n    align-items: end;\n  }\n  &--justify-content-start {\n    justify-content: start;\n  }\n  &--justify-content-center {\n    justify-content: center;\n  }\n  &--justify-content-end {\n    justify-content: end;\n  }\n  &--border-end {\n    border-inline-end: 1px solid var(--gx-ide-container-border-color);\n  }\n}\n/*only content*/\n.container--only-content {\n  grid-template-rows: 1fr;\n}\n/*no header, but has footer*/\n.container--no-header:not(.container--only-content) {\n  grid-template-rows: 1fr auto;\n}\n/*no footer, but has header*/\n.container--no-footer:not(.container--only-content) {\n  grid-template-rows: auto 1fr;\n}\n/*******************************\nFOOTER\n********************************/\n/*ABOVE*/\n.footer-above {\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  &--no-border-top {\n    border-top: 0;\n  }\n  &--slimmer {\n    padding-top: var(--mer-spacing--xs);\n    padding-bottom: var(--mer-spacing--xs);\n  }\n  &--no-padding {\n    padding: 0;\n  }\n}\n/*START and END*/\n.footer {\n  display: flex;\n  gap: var(--gx-ide-container-elements-spacing);\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  border-top: 1px solid var(--gx-ide-container-border-color);\n  &__start,\n  &__end {\n    display: flex;\n    gap: var(--gx-ide-container-elements-spacing);\n  }\n  &--no-border {\n    border-top: 0;\n  }\n  &--no-padding {\n    padding: 0;\n  }\n  &--slimmer {\n    padding-top: var(--mer-spacing--xs);\n    padding-bottom: var(--mer-spacing--xs);\n  }\n}\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\nimport { TitleAlignment } from \"@genexus/gemini/dist/types/common/types\";\nimport { TitleType } from \"../title/title\";\n@Component({\n  tag: \"gx-ide-container\",\n  styleUrl: \"container.scss\",\n  shadow: true\n})\nexport class GxIdeContainer {\n  // 1.OWN PROPERTIES //\n\n  /* GENERAL */\n\n  /**\n   * By setting the title to inactive, the color will be gray instead of black.\n   */\n  @Prop() readonly inactiveTitle: boolean = false;\n\n  /**\n   * The title of the container\n   */\n  @Prop() readonly containerTitle: string;\n\n  /**\n   * The title of the container\n   */\n  @Prop() readonly titleType: TitleType = \"primary\";\n\n  /**\n   * Displays a border all around the container\n   */\n  @Prop() readonly displayBorder: boolean = false;\n\n  /**\n   * Displays a border on the top\n   */\n  @Prop() readonly displayBorderTop: boolean = false;\n\n  /**\n   * Displays a border at the end\n   */\n  @Prop() readonly displayBorderEnd: boolean = false;\n\n  /**\n   * Displays a border at on the bottom\n   */\n  @Prop() readonly displayBorderBottom: boolean = false;\n\n  /**\n   * Displays a border at the start\n   */\n  @Prop() readonly displayBorderStart: boolean = false;\n\n  /**\n   * The container general padding (applies to .heading, .content, and .footer)\n   */\n  @Prop() readonly sectionsPadding: SectionsPadding = \"m\";\n\n  /* HEADING*/\n\n  /**\n   * Title alignment\n   */\n  @Prop() readonly titleAlignment: TitleAlignment = \"center\";\n\n  /**\n   * Removes the border bottom from the heading\n   */\n  @Prop() readonly noHeadingBorder: boolean = false;\n\n  /**\n   * Removes the heading gap\n   */\n  @Prop() readonly noHeadingGap: boolean = false;\n\n  /**\n   * Removes the padding from the heading\n   */\n  @Prop() readonly noHeadingPadding: boolean = false;\n\n  /**\n   * Removes the padding block end from the heading\n   */\n  @Prop() readonly noHeadingPaddingBlockEnd: boolean = false;\n\n  /**\n   * Adds padding to the top of the heading\n   */\n  @Prop() readonly headingPaddingTop: boolean = false;\n\n  /**\n   * The heading justification\n   */\n  @Prop() readonly headingJustify: HeadingJustify = \"center\";\n\n  /**\n   * It forces the .heading__title min-height to be as tall as the gxg-form-text height. This is useful when you are displaying two gx-ide-container's on the same row, both of them display a title, and one of them displays a gxg-form-text in the header (usually used to filter content). Without this property set to true, the .heading without a gxg-from-text would be shorter. At the time of writing, this is used on ww-images.\n   */\n  @Prop() readonly titleHeightAsInput: boolean = false;\n\n  /**\n   * Makes the header (.heading) display flex:row, instad of the default flex:column.\n   */\n  @Prop() readonly flexRow: boolean = false;\n\n  /* CONTENT */\n\n  /**\n   * Makes the content a flex container\n   */\n  @Prop() readonly flexContent: boolean = false;\n\n  /**\n   * Removes the border-top from the content\n   */\n  @Prop() readonly noContentBorderTop: boolean = false;\n\n  /**\n   * Removes the padding from the content\n   */\n  @Prop() readonly noContentPadding: boolean = false;\n\n  /**\n   * Removes the gap from the content\n   */\n  @Prop() readonly noContentGap: boolean = false;\n\n  /**\n   * Align items\n   */\n  @Prop() readonly alignItems: AlignItems = undefined;\n\n  /**\n   * Justify content\n   */\n  @Prop() readonly justifyContent: JustifyContent = undefined;\n\n  /**\n   * Display border end on the content\n   */\n  @Prop() readonly contentBorderEnd: boolean = false;\n\n  /* FOOTER ABOVE */\n\n  /**\n   * Makes the above footer vertical padding slimmer\n   */\n  @Prop() readonly slimmerAboveFooter: boolean = false;\n\n  /**\n   * Removes the above padding from the footer\n   */\n  @Prop() readonly noAboveFooterPadding: boolean = false;\n\n  /**\n   * Removes the above border top\n   */\n  @Prop() readonly noBorderAboveFooter: boolean = false;\n\n  /* FOOTER > START and FOOTER > END*/\n\n  /**\n   * Makes the footer vertical padding slimmer\n   */\n  @Prop() readonly slimmerFooter: boolean = false;\n\n  /**\n   * Removes the padding from the footer\n   */\n  @Prop() readonly noFooterPadding: boolean = false;\n\n  /**\n   * The footer justification\n   */\n  @Prop() readonly footerJustify: FooterJustify = \"end\";\n\n  /**\n   * Removes the border top from the footer\n   */\n  @Prop() readonly noBorderFooter: boolean = false;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeContainerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * A boolean variable indicating if the component has or not any content for the 'header' slot\n   */\n  @State() hasHeaderSlot = false;\n\n  /**\n   * A boolean variable indicating if the component has or not any content slotted content (regular slotted content, without 'slot' attribute)\n   */\n  @State() hasSlottedContent = false;\n\n  /**\n   * A boolean variable indicating if the component has or not any content for the 'footer' slot\n   */\n  @State() hasFooterSlot = false;\n\n  /**\n   * A boolean variable indicating if the component has or not any content for the 'footer' slot\n   */\n  @State() hasAboveFooterSlot = false;\n\n  /**\n   * A boolean variable indicating that the container only has the heading section\n   */\n  @State() hasOnlyHeading = false;\n\n  /**\n   * A boolean variable indicating that the container only has the content section\n   */\n  @State() hasOnlyContent = false;\n\n  /**\n   * A boolean variable indicating that the container only has the footer section\n   */\n  @State() hasOnlyFooter = false;\n\n  // 4.PUBLIC PROPERTY API //\n\n  // 5.EVENTS (EMIT) //\n\n  // 6.COMPONENT LIFECYCLE EVENTS //\n\n  componentWillLoad() {\n    this.evaluateSlots();\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private evaluateSlots() {\n    // header\n    const headerSlot = this.el.querySelectorAll(':scope > [slot=\"header\"]');\n    if (headerSlot.length) {\n      this.hasHeaderSlot = true;\n    }\n    // content\n    const slottedContent = this.el.querySelectorAll(\":scope >  :not([slot])\");\n    if (slottedContent.length) {\n      this.hasSlottedContent = true;\n    }\n    // footer\n    const footerAboveSlot = this.el.querySelectorAll(\n      ':scope >  [slot=\"footer-above\"]'\n    );\n    const footerStartSlot = this.el.querySelectorAll(\n      ':scope >  [slot=\"footer-start\"]'\n    );\n    const footerEndSlot = this.el.querySelectorAll(\n      ':scope >  [slot=\"footer-end\"]'\n    );\n    if (footerStartSlot.length || footerEndSlot.length) {\n      this.hasFooterSlot = true;\n    }\n    if (footerAboveSlot.length) {\n      this.hasAboveFooterSlot = true;\n    }\n  }\n\n  private evaluateSections() {\n    // has only heading\n    if (\n      !this.hasSlottedContent &&\n      !this.hasFooterSlot &&\n      !this.hasAboveFooterSlot\n    ) {\n      this.hasOnlyHeading = true;\n    }\n    // has only content\n    if (\n      this.hasSlottedContent &&\n      !this.containerTitle &&\n      !this.hasHeaderSlot &&\n      !this.hasAboveFooterSlot &&\n      !this.hasFooterSlot\n    ) {\n      this.hasOnlyContent = true;\n    }\n    // has only footer\n    if (\n      !this.hasSlottedContent &&\n      !this.containerTitle &&\n      !this.hasAboveFooterSlot\n    ) {\n      this.hasOnlyFooter = true;\n    }\n  }\n\n  private headingClasses = (): string | { [className: string]: boolean } => {\n    return {\n      \"heading\": true,\n      \"heading--inactive\": this.inactiveTitle,\n      \"heading--slimmer\": this.titleType === \"secondary\",\n      \"heading--no-border\": this.noHeadingBorder || this.hasOnlyHeading,\n      [`heading--justify-${this.headingJustify}`]: true,\n      \"heading--no-padding\": this.noHeadingPadding,\n      \"heading--no-padding-block-end\": this.noHeadingPaddingBlockEnd,\n      \"heading--no-gap\": this.noHeadingGap,\n      \"heading--padding-top\":\n        this.headingPaddingTop && this.containerTitle?.length > 0,\n      \"heading--form-text-height\": this.titleHeightAsInput,\n      \"heading--flex-row\": this.flexRow\n    };\n  };\n\n  private contentClasses = (): string | { [className: string]: boolean } => {\n    return {\n      \"content\": true,\n      \"content--flex\": this.flexContent,\n      \"content--no-padding\": this.noContentPadding,\n      \"content--no-gap\": this.noContentGap,\n      \"content--no-border-top\": this.noContentBorderTop,\n      \"content--border-end\": this.contentBorderEnd,\n      [`content--align-items-${this.alignItems}`]:\n        this.alignItems !== undefined,\n      [`content--justify-content-${this.justifyContent}`]:\n        this.justifyContent !== undefined\n    };\n  };\n\n  private aboveFooter = (): JSX.Element | null => {\n    return this.hasAboveFooterSlot ? (\n      <footer\n        class={{\n          \"footer-above\": true,\n          \"footer-above--no-border-top\": this.noBorderAboveFooter,\n          \"footer-above--no-padding\": this.noAboveFooterPadding,\n          \"footer-above--slimmer\": this.slimmerFooter\n        }}\n      >\n        <slot name=\"footer-above\"></slot>\n      </footer>\n    ) : null;\n  };\n\n  private footer = (): JSX.Element | null => {\n    return this.hasFooterSlot ? (\n      <footer\n        class={{\n          \"footer\": true,\n          \"footer--no-border\":\n            this.hasOnlyFooter ||\n            !this.hasSlottedContent ||\n            this.noBorderFooter,\n          [`footer--justify-${this.footerJustify}`]: true,\n          [`footer--justify-${this.footerJustify}`]: true,\n          \"footer--no-padding\": this.noFooterPadding,\n          \"footer--slimmer\": this.slimmerFooter\n        }}\n      >\n        <div class=\"footer__start\">\n          <slot name=\"footer-start\"></slot>\n        </div>\n        <div class=\"footer__end\">\n          <slot name=\"footer-end\"></slot>\n        </div>\n      </footer>\n    ) : null;\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    this.evaluateSections();\n    const result = [\n      this.containerTitle || this.hasHeaderSlot ? (\n        <header class={this.headingClasses()}>\n          {this.containerTitle ? (\n            <gx-ide-title\n              class=\"heading__title\"\n              type={this.titleType}\n              alignment={this.titleAlignment as any}\n            >\n              {this.containerTitle}\n            </gx-ide-title>\n          ) : null}\n          {this.hasHeaderSlot ? (\n            <div class=\"heading__inner-wrapper\">\n              <slot name=\"header\"></slot>\n            </div>\n          ) : null}\n        </header>\n      ) : null,\n      this.hasSlottedContent ? (\n        <div class={this.contentClasses()} part=\"content\">\n          <slot></slot>\n        </div>\n      ) : null,\n      this.aboveFooter(),\n      this.footer()\n    ];\n\n    return (\n      <Host>\n        <div\n          class={{\n            \"container\": true,\n            [`container--padding-${this.sectionsPadding}`]: true,\n            \"container--display-border\": this.displayBorder,\n            \"container--display-border-top\": this.displayBorderTop,\n            \"container--display-border-end\": this.displayBorderEnd,\n            \"container--display-border-bottom\": this.displayBorderBottom,\n            \"container--display-border-start\": this.displayBorderStart,\n            \"container--only-content\": this.hasOnlyContent,\n            \"container--no-header\": !this.hasHeaderSlot && !this.containerTitle,\n            \"container--no-footer\":\n              !this.hasFooterSlot && !this.hasAboveFooterSlot\n          }}\n        >\n          {result}\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type HeadingJustify = \"start\" | \"center\" | \"end\";\nexport type FooterJustify = \"start\" | \"center\" | \"end\";\nexport type SectionsPadding = \"s\" | \"m\" | \"l\";\nexport type AlignItems = \"start\" | \"center\" | \"end\";\nexport type JustifyContent = \"start\" | \"center\" | \"end\";\n","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.prevEmittedValue = this.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-9d7a1451.entry.js

@@ -0,0 +1,181 @@
+import { h as e, r as t, c as o, g as r, H as a } from "./p-48217969.js";
+
+import { f as i } from "./p-6a9b79f1.js";
+
+import { f as s, c as n } from "./p-537654ad.js";
+
+import { s as l } from "./p-ac964d4c.js";
+
+import { e as c } from "./p-1a098c4f.js";
+
+const d = '/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--ds-background-color-disabled) !important;color:var(--ds-color--disabled) !important;border-color:var(--ds-border-color-disabled) !important;cursor:default !important}:host{display:block;line-height:0}.gxg-form-checkbox__wrapper{display:inline-flex;align-items:center;cursor:pointer}.gxg-form-checkbox__wrapper:hover .wrapper{border-color:var(--gxg-checkbox-border-color--hover)}.wrapper{flex-shrink:0;border-color:var(--gxg-checkbox-border-color);background-color:var(--gxg-checkbox-background-color);width:var(--gxg-checkbox-size);height:var(--gxg-checkbox-size);position:relative;border-width:var(--gxg-checkbox-border-width);border-style:solid;border-color:var(--gxg-checkbox-border-color);border-radius:var(--gxg-checkbox-border-radius)}.wrapper:after{content:"";position:absolute;display:block;border:solid;border-color:transparent;z-index:0}.wrapper--checked:after{left:5.5px;top:3px;width:4px;height:7px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:var(--gxg-checkbox-indicator-color)}.wrapper--indeterminate:after{left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--gxg-checkbox-indicator-color);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}.wrapper--has-icon{margin-inline-end:var(--gxg-checkbox-spacing)}.input{position:relative;z-index:1;display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:pointer;height:0;width:0}.input:focus+.wrapper{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0;outline-offset:-1px}.label--has-icon{padding-inline-start:var(--gxg-checkbox-spacing)}:host([disabled]) .gxg-form-checkbox__wrapper,:host([disabled]) .input{cursor:initial}:host([disabled]) .wrapper{border-color:var(--ds-border-color-disabled);background-color:var(--gxg-checkbox-disabled-background-color)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}';
+
+const g = class {
+  constructor(r) {
+    this.parts = {
+      input: "input"
+    };
+    /**
+         * The logic for displaying or hidding the validation messages
+         *
+         */    this.formMessageLogic = i;
+    this.attachExportParts = () => {
+      const e = this.el.getAttribute("part");
+      const t = c(e, this.parts);
+      t.length && (this.exportparts = t);
+    };
+    this.handleGxgLabelClick = () => {
+      this.checkboxInput.click();
+    };
+    this.focusHandler = () => {};
+    this.blurHandler = () => {};
+    this.renderCheckbox = () => [ e("input", {
+      ref: e => this.checkboxInput = e,
+      type: "checkbox",
+      checked: this.checked,
+      class: "input",
+      id: this.checkboxId,
+      name: this.name,
+      value: this.value,
+      disabled: this.disabled,
+      onChange: this.changed.bind(this),
+      onKeyUp: this.handlerOnKeyUp.bind(this),
+      onFocus: this.focusHandler,
+      onBlur: this.blurHandler,
+      tabindex: "0",
+      onClick: this.handleInputClick,
+      part: this.parts.input
+    }), e("div", {
+      class: {
+        wrapper: true,
+        "wrapper--checked": this.checked,
+        "wrapper--indeterminate": this.indeterminate,
+        "wrapper--focus": this.hasFocus,
+        "wrapper--has-icon": !!this.iconName
+      }
+    }), e("span", {
+      part: "box",
+      class: {
+        box: true,
+        "no-label": !this.label,
+        "has-icon": !!this.iconName,
+        "form-element": true,
+        indeterminate: this.indeterminate,
+        checkbox: true
+      },
+      role: "checkbox"
+    }), this.icon() ];
+    t(this, r);
+    this.change = o(this, "change", 7);
+    this.checkboxId = undefined;
+    this.checked = false;
+    this.indeterminate = false;
+    this.disabled = false;
+    this.label = undefined;
+    this.labelSize = "regular";
+    this.value = undefined;
+    this.name = undefined;
+    this.iconName = undefined;
+    this.alignTop = false;
+    this.hasFocus = false;
+    this.required = false;
+    this.validationStatus = "indeterminate";
+    this.validationMessage = undefined;
+    this.informationMessage = undefined;
+    this.tooltip = undefined;
+  }
+  get el() {
+    return r(this);
+  }
+  /*********************************
+    METHODS
+    *********************************/  componentWillLoad() {
+    this.attachExportParts();
+  }
+  compontentDidLoad() {
+    if (this.checked && this.disabled) {
+      this.checked = false;
+      this.checkboxInput.removeAttribute("checked");
+    }
+  }
+  changed() {
+    this.checked = this.checkboxInput.checked;
+  }
+  checkedHandler() {
+    this.change.emit({
+      id: this.checkboxId,
+      value: this.checked,
+      disabled: this.disabled
+    });
+  }
+  handlerOnKeyUp(e) {
+    if (e.code == "Space") {
+      this.checked = !this.checked;
+    }
+  }
+  ariaChecked() {
+    if (this.checked) {
+      return "true";
+    } else {
+      return "false";
+    }
+  }
+  handleInputClick(e) {
+    e.stopPropagation();
+  }
+  icon() {
+    if (this.iconName) {
+      return e("gxg-icon", {
+        type: this.iconName,
+        color: "auto",
+        size: "small"
+      });
+    }
+  }
+  render() {
+    return e(a, {
+      role: "checkbox",
+      value: this.value,
+      "aria-checked": this.ariaChecked,
+      "aria-label": this.label,
+      class: {
+        large: l.large,
+        [s["VALIDATION_INDETERMINATE_CLASS"]]: this.validationStatus === "indeterminate",
+        [s["VALIDATION_WARNING_CLASS"]]: this.validationStatus === "warning",
+        [s["VALIDATION_ERROR_CLASS"]]: this.validationStatus === "error",
+        [s["VALIDATION_SUCCESS_CLASS"]]: this.validationStatus === "success",
+        [n["DISABLED_CLASS"]]: this.disabled
+      },
+      exportParts: this.exportparts ? this.exportparts : null
+    }, e("div", {
+      class: {
+        "gxg-form-checkbox__wrapper": true,
+        "gxg-form-checkbox__wrapper--align-top": this.alignTop
+      },
+      onClick: this.handleGxgLabelClick
+    }, this.label ? [ this.renderCheckbox(), e("gxg-label", {
+      class: {
+        label: true,
+        "label--has-icon": !!this.iconName
+      },
+      disabled: this.disabled,
+      labelPosition: "end",
+      tooltip: this.tooltip,
+      noMargin: !!this.iconName,
+      size: this.labelSize
+    }, this.label) ] : this.renderCheckbox()), this.formMessageLogic(this));
+  }
+  static get delegatesFocus() {
+    return true;
+  }
+  static get watchers() {
+    return {
+      checked: [ "checkedHandler" ]
+    };
+  }
+};
+
+g.style = d;
+
+export { g as gxg_form_checkbox };
+//# sourceMappingURL=p-9d7a1451.entry.js.map