npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.108 → 0.0.109 - Mend

@genexus/genexus-ide-ui 0.0.108 → 0.0.109

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (267) hide show

package/dist/esm/ch-suggest_4.entry.js CHANGED Viewed

@@ -303,7 +303,7 @@ const ChSuggestListItem = class {
 };
 ChSuggestListItem.style = chSuggestListItemCss;
-const stylesCss = "@charset \"UTF-8\";:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}ch-suggest{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-color);}ch-suggest::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}ch-suggest::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}ch-suggest::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}ch-suggest::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}ch-suggest::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}ch-suggest::part(label){font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);display:flex;align-items:center;cursor:default;font-size:inherit;flex-shrink:0}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-separation-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-separation-vertical)}ch-suggest::part(input){height:var(--gxg-suggest-input__height);border:var(--ds-form-control-border);border-radius:var(--ds-form-control-border-radius);padding:var(--gxg-suggest-input__padding);box-sizing:border-box;background-color:var(--gxg-suggest-input__background-color);width:100%;flex:auto}ch-suggest::part(input):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0;outline-offset:-1px}ch-suggest::part(header){display:block;padding-block-end:var(--gxg-suggest-header__padding-block-end);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:\"✖\";width:100%;display:block;line-height:var(--gxg-suggest-close-button__line-height--after);text-align:center}ch-suggest::part(close-button):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}ch-suggest::part(dropdown){background-color:var(--gxg-suggest-drop-down__background-color);margin-top:var(--gxg-suggest-drop-down__margin-top);padding:var(--gxg-suggest-drop-down__padding);box-shadow:var(--gxg-suggest-drop-down__box-shadow);border:var(--gxg-suggest-general__border);position:relative;top:2px;}ch-suggest::part(dropdown)::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}ch-suggest::part(dropdown)::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{font-family:inherit;border:var(--gxg-suggest-list__border);border-radius:var(--gxg-suggest-list__border-radius);padding:var(--gxg-suggest-list__padding)}ch-suggest-list>ch-suggest-list-item:not(:first-child){border-top:var(--gxg-suggest-general__border)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:capitalize;font-weight:var(--gxg-suggest-list-title__font-weight);margin:var(--gxg-suggest-list-title__margin);padding:var(--gxg-suggest-list-title__padding);color:var(--gxg-suggest-list-title__color);background-color:var(--gxg-suggest-list-title__background-color);border-bottom:var(--gxg-suggest-general__border);border-bottom-width:2px}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list::part(list){padding:var(--gxg-suggest-list-part-list__padding)}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list+ch-suggest-list-item{margin-block-start:var(--gxg-suggest-list-item-next-sibling__margin-block-start)}ch-suggest-list-item{font-size:inherit;border-radius:var(--gxg-suggest-list-item__border-radius);}ch-suggest-list-item::part(button){padding:var(--gxg-suggest-list-item-button__padding);align-items:center;gap:var(--gxg-suggest-list-item-button__gap);box-sizing:border-box;line-height:var(--gxg-suggest-list-item__line-height);box-sizing:border-box;overflow:hidden}ch-suggest-list-item::part(button):hover{color:var(--gxg-suggest-list-item-button__color--hover)}ch-suggest-list-item::part(button):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}ch-suggest-list-item::part(description)::before{content:\" - \"}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:var(--gxg-suggest-list-item-icon__size);margin-right:var(--gxg-suggest-list-item-icon__margin-right)}ch-suggest-list-item:hover{background-color:var(--gxg-suggest-list-item-button__background-color)}ch-suggest-list-item+ch-suggest-list{margin-block-start:var(--spacing-comp-02)}";
+const stylesCss = "@charset \"UTF-8\";:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}ch-suggest{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-color);}ch-suggest::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}ch-suggest::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}ch-suggest::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}ch-suggest::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}ch-suggest::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}ch-suggest::part(label){font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);display:flex;align-items:center;cursor:default;font-size:inherit;flex-shrink:0}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-separation-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-separation-vertical)}ch-suggest::part(input){font-size:var(--gxg-suggest-input__font-size);height:var(--gxg-suggest-input__height);border:var(--ds-form-control-border);border-radius:var(--ds-form-control-border-radius);padding:var(--gxg-suggest-input__padding);box-sizing:border-box;background-color:var(--gxg-suggest-input__background-color);width:100%;flex:auto}ch-suggest::part(input):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0;outline-offset:-1px}ch-suggest::part(header){display:block;padding-block-end:var(--gxg-suggest-header__padding-block-end);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:\"✖\";width:100%;display:block;line-height:var(--gxg-suggest-close-button__line-height--after);text-align:center}ch-suggest::part(close-button):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}ch-suggest::part(dropdown){background-color:var(--gxg-suggest-drop-down__background-color);margin-top:var(--gxg-suggest-drop-down__margin-top);padding:var(--gxg-suggest-drop-down__padding);box-shadow:var(--gxg-suggest-drop-down__box-shadow);border:var(--gxg-suggest-general__border);position:relative;top:2px;}ch-suggest::part(dropdown)::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}ch-suggest::part(dropdown)::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{font-family:inherit;border:var(--gxg-suggest-list__border);border-radius:var(--gxg-suggest-list__border-radius);padding:var(--gxg-suggest-list__padding)}ch-suggest-list>ch-suggest-list-item:not(:first-child){border-top:var(--gxg-suggest-general__border)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:capitalize;font-weight:var(--gxg-suggest-list-title__font-weight);margin:var(--gxg-suggest-list-title__margin);padding:var(--gxg-suggest-list-title__padding);color:var(--gxg-suggest-list-title__color);background-color:var(--gxg-suggest-list-title__background-color);border-bottom:var(--gxg-suggest-general__border);border-bottom-width:2px}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list::part(list){padding:var(--gxg-suggest-list-part-list__padding)}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list+ch-suggest-list-item{margin-block-start:var(--gxg-suggest-list-item-next-sibling__margin-block-start)}ch-suggest-list-item{font-size:inherit;border-radius:var(--gxg-suggest-list-item__border-radius);}ch-suggest-list-item::part(button){padding:var(--gxg-suggest-list-item-button__padding);align-items:center;gap:var(--gxg-suggest-list-item-button__gap);box-sizing:border-box;line-height:var(--gxg-suggest-list-item__line-height);box-sizing:border-box;overflow:hidden}ch-suggest-list-item::part(button):hover{color:var(--gxg-suggest-list-item-button__color--hover)}ch-suggest-list-item::part(button):focus{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}ch-suggest-list-item::part(description)::before{content:\" - \"}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:var(--gxg-suggest-list-item-icon__size);margin-right:var(--gxg-suggest-list-item-icon__margin-right)}ch-suggest-list-item:hover{background-color:var(--gxg-suggest-list-item-button__background-color)}ch-suggest-list-item+ch-suggest-list{margin-block-start:var(--spacing-comp-02)}";
 const GxgSuggest = class {
     constructor(hostRef) {

package/dist/esm/ch-suggest_4.entry.js.map CHANGED Viewed

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