npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.125 → 0.0.127 - Mend

@genexus/genexus-ide-ui 0.0.125 → 0.0.127

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 (75) hide show

package/dist/genexus-ide-ui/p-9d7a1451.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["formCheckboxCss","GxgFormCheckbox","constructor","hostRef","this","parts","input","formMessageLogic","attachExportParts","part","el","getAttribute","exportPartsResult","exportParts","length","exportparts","handleGxgLabelClick","checkboxInput","click","focusHandler","blurHandler","renderCheckbox","h","ref","type","checked","class","id","checkboxId","name","value","disabled","onChange","changed","bind","onKeyUp","handlerOnKeyUp","onFocus","onBlur","tabindex","onClick","handleInputClick","wrapper","indeterminate","hasFocus","iconName","box","label","checkbox","role","icon","undefined","labelSize","alignTop","required","validationStatus","validationMessage","informationMessage","tooltip","componentWillLoad","compontentDidLoad","removeAttribute","checkedHandler","change","emit","event","code","ariaChecked","e","stopPropagation","color","size","render","Host","large","state","formClasses","commonClassesNames","labelPosition","noMargin","delegatesFocus"],"sources":["node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css?tag=gxg-form-checkbox&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n/*Warning*/\n:host(.gxg-validation--warning) .form-element {\n border-color: var(--ds-border-color--warning);\n}\n:host(.gxg-validation--warning) .form-element:focus {\n outline-color: var(--ds-border-color--warning);\n border-color: var(--ds-border-color--warning);\n}\n:host(.gxg-validation--warning) .form-element:focus + .checkmark {\n --checkmark-border-color: var(--ds-border-color--warning);\n}\n\n/*Error*/\n:host(.gxg-validation--error) .form-element {\n border-color: var(--ds-border-color--error);\n}\n:host(.gxg-validation--error) .form-element:focus {\n outline-color: var(--ds-border-color--error);\n border-color: var(--ds-border-color--error);\n}\n:host(.gxg-validation--error) .form-element:focus + .checkmark {\n --checkmark-border-color: var(--ds-border-color--error);\n}\n\n/*Success*/\n:host(.gxg-validation--success) .form-element {\n border-color: var(--ds-border-color--success);\n}\n:host(.gxg-validation--success) .form-element:focus {\n outline-color: var(--ds-border-color--success);\n border-color: var(--ds-border-color--success);\n}\n:host(.gxg-validation--success) .form-element:focus + .checkmark {\n --checkmark-border-color: var(--ds-border-color--success);\n}\n\n/*Tooltip*/\n.tooltip-outer-wrapper {\n display: grid;\n grid-template-columns: 0fr;\n transition: grid-template-columns var(--timing-02);\n}\n\n:host(.tooltip--visible) .tooltip-outer-wrapper {\n grid-template-columns: 1fr;\n}\n\n.tooltip-inner-wrapper {\n --margin-inline-start: 6px;\n overflow: hidden;\n transition: 150ms width;\n width: 0;\n}\n.tooltip-inner-wrapper gxg-icon {\n display: flex;\n position: relative !important;\n top: 0 !important;\n transform: none !important;\n margin-inline-start: var(--margin-inline-start);\n box-sizing: border-box;\n}\n.tooltip-inner-wrapper--visible {\n width: calc(var(--ds-icon-size-box--small) + var(--margin-inline-start));\n}\n.tooltip-inner-wrapper--hidden {\n display: none;\n}\n\n:host(.gxg--disabled) .form-element,\n:host(.gxg--disabled.form-element) {\n pointer-events: none;\n background-color: var(--ds-background-color-disabled) !important;\n color: var(--ds-color--disabled) !important;\n border-color: var(--ds-border-color-disabled) !important;\n cursor: default !important;\n}\n\n:host {\n display: block;\n line-height: 0;\n}\n\n.gxg-form-checkbox__wrapper {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n}\n.gxg-form-checkbox__wrapper:hover .wrapper {\n border-color: var(--gxg-checkbox-border-color--hover);\n}\n\n.wrapper {\n flex-shrink: 0;\n border-color: var(--gxg-checkbox-border-color);\n background-color: var(--gxg-checkbox-background-color);\n /*additional styles*/\n width: var(--gxg-checkbox-size);\n height: var(--gxg-checkbox-size);\n position: relative;\n border-width: var(--gxg-checkbox-border-width);\n border-style: solid;\n border-color: var(--gxg-checkbox-border-color);\n border-radius: var(--gxg-checkbox-border-radius);\n}\n.wrapper:after {\n content: \"\";\n position: absolute;\n display: block;\n border: solid;\n border-color: transparent;\n z-index: 0;\n}\n.wrapper--checked:after {\n left: 5.5px;\n top: 3px;\n width: 4px;\n height: 7px;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n border-color: var(--gxg-checkbox-indicator-color);\n}\n.wrapper--indeterminate:after {\n left: 50%;\n top: 50%;\n width: 8px;\n height: 1.5px;\n border: 0;\n background-color: var(--gxg-checkbox-indicator-color);\n -webkit-transform: rotate(0) translateY(-50%) translateX(-50%);\n -ms-transform: rotate(0) translateY(-50%) translateX(-50%);\n transform: rotate(0) translateY(-50%) translateX(-50%);\n}\n.wrapper--has-icon {\n margin-inline-end: var(--gxg-checkbox-spacing);\n}\n\n.input {\n position: relative;\n z-index: 1;\n display: flex;\n width: 100%;\n height: 100%;\n opacity: 0;\n margin: 0;\n padding: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n\n.input:focus + .wrapper {\n outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n outline-offset: -1px;\n outline-offset: 0;\n outline-offset: -1px;\n}\n\n.label--has-icon {\n padding-inline-start: var(--gxg-checkbox-spacing);\n}\n\n/*Disabled*/\n:host([disabled]) .gxg-form-checkbox__wrapper,\n:host([disabled]) .input {\n cursor: initial;\n}\n:host([disabled]) .wrapper {\n border-color: var(--ds-border-color-disabled);\n background-color: var(--gxg-checkbox-disabled-background-color);\n}\n\n/*********************************************\nVALIDATION\n**********************************************/\n.messages-wrapper {\n margin-top: var(--spacing-comp-02);\n display: flex;\n gap: var(--spacing-comp-01);\n flex-direction: column;\n}","import { Host, h } from \"@stencil/core\";\nimport { formMessageLogic } from \"../../common/form\";\nimport { formClasses } from \"../../common/classesNames\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nimport state from \"../store\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgFormCheckbox {\n constructor() {\n this.checkboxId = undefined;\n this.checked = false;\n this.indeterminate = false;\n this.disabled = false;\n this.label = undefined;\n this.labelSize = \"regular\";\n this.value = undefined;\n this.name = undefined;\n this.iconName = undefined;\n this.alignTop = false;\n this.hasFocus = false;\n this.required = false;\n this.validationStatus = \"indeterminate\";\n this.validationMessage = undefined;\n this.informationMessage = undefined;\n this.tooltip = undefined;\n }\n parts = {\n input: \"input\"\n };\n exportparts;\n el;\n //A reference to the input\n checkboxInput;\n change;\n /**\n * The logic for displaying or hidding the validation messages\n *\n */\n formMessageLogic = formMessageLogic;\n /*********************************\n METHODS\n *********************************/\n componentWillLoad() {\n this.attachExportParts();\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n compontentDidLoad() {\n if (this.checked && this.disabled) {\n this.checked = false;\n this.checkboxInput.removeAttribute(\"checked\");\n }\n }\n changed() {\n this.checked = this.checkboxInput.checked;\n }\n checkedHandler() {\n this.change.emit({\n id: this.checkboxId,\n value: this.checked,\n disabled: this.disabled\n });\n }\n handlerOnKeyUp(event) {\n if (event.code == \"Space\") {\n this.checked = !this.checked;\n }\n }\n handleGxgLabelClick = () => {\n this.checkboxInput.click();\n };\n ariaChecked() {\n if (this.checked) {\n return \"true\";\n }\n else {\n return \"false\";\n }\n }\n handleInputClick(e) {\n e.stopPropagation();\n }\n icon() {\n if (this.iconName) {\n return (h(\"gxg-icon\", { type: this.iconName, color: \"auto\", size: \"small\" }));\n }\n }\n focusHandler = () => {\n //this.hasFocus = true;\n };\n blurHandler = () => {\n //this.hasFocus = false;\n };\n renderCheckbox = () => {\n return [\n h(\"input\", { ref: el => (this.checkboxInput = el), type: \"checkbox\", checked: this.checked, class: \"input\", id: this.checkboxId, name: this.name, value: this.value, disabled: this.disabled, onChange: this.changed.bind(this), onKeyUp: this.handlerOnKeyUp.bind(this), onFocus: this.focusHandler, onBlur: this.blurHandler, tabindex: \"0\", onClick: this.handleInputClick, part: this.parts.input }),\n h(\"div\", { class: {\n wrapper: true,\n \"wrapper--checked\": this.checked,\n \"wrapper--indeterminate\": this.indeterminate,\n \"wrapper--focus\": this.hasFocus,\n \"wrapper--has-icon\": !!this.iconName\n } }),\n h(\"span\", { part: \"box\", class: {\n box: true,\n \"no-label\": !this.label,\n \"has-icon\": !!this.iconName,\n \"form-element\": true,\n indeterminate: this.indeterminate,\n checkbox: true\n }, role: \"checkbox\" }),\n this.icon()\n ];\n };\n render() {\n return (h(Host, { role: \"checkbox\", value: this.value, \"aria-checked\": this.ariaChecked, \"aria-label\": this.label, class: {\n large: state.large,\n [formClasses[\"VALIDATION_INDETERMINATE_CLASS\"]]: this.validationStatus === \"indeterminate\",\n [formClasses[\"VALIDATION_WARNING_CLASS\"]]: this.validationStatus === \"warning\",\n [formClasses[\"VALIDATION_ERROR_CLASS\"]]: this.validationStatus === \"error\",\n [formClasses[\"VALIDATION_SUCCESS_CLASS\"]]: this.validationStatus === \"success\",\n [commonClassesNames[\"DISABLED_CLASS\"]]: this.disabled\n }, exportParts: this.exportparts ? this.exportparts : null }, h(\"div\", { class: {\n \"gxg-form-checkbox__wrapper\": true,\n \"gxg-form-checkbox__wrapper--align-top\": this.alignTop\n }, onClick: this.handleGxgLabelClick }, this.label\n ? [\n this.renderCheckbox(),\n h(\"gxg-label\", { class: {\n label: true,\n \"label--has-icon\": !!this.iconName\n }, disabled: this.disabled, labelPosition: \"end\", tooltip: this.tooltip, noMargin: !!this.iconName, size: this.labelSize }, this.label)\n ]\n : this.renderCheckbox()), this.formMessageLogic(this)));\n }\n static get is() { return \"gxg-form-checkbox\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"form-checkbox.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"form-checkbox.css\"]\n };\n }\n static get properties() {\n return {\n \"checkboxId\": {\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 checkbox id\"\n },\n \"attribute\": \"checkbox-id\",\n \"reflect\": false\n },\n \"checked\": {\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 checkbox checked by default\"\n },\n \"attribute\": \"checked\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"indeterminate\": {\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 checkbox indeterminate\"\n },\n \"attribute\": \"indeterminate\",\n \"reflect\": true,\n \"defaultValue\": \"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 disables the checkbox\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"label\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string | undefined\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The checkbox label\"\n },\n \"attribute\": \"label\",\n \"reflect\": false,\n \"defaultValue\": \"undefined\"\n },\n \"labelSize\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"size\",\n \"resolved\": \"\\\"large\\\" | \\\"regular\\\"\",\n \"references\": {\n \"size\": {\n \"location\": \"import\",\n \"path\": \"../label/gxg-label\",\n \"id\": \"src/components/label/gxg-label.tsx::size\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The checkbox label size\"\n },\n \"attribute\": \"label-size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"regular\\\"\"\n },\n \"value\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The checkbox value\"\n },\n \"attribute\": \"value\",\n \"reflect\": false\n },\n \"name\": {\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 checkbox name\"\n },\n \"attribute\": \"name\",\n \"reflect\": false\n },\n \"iconName\": {\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 checkbox icon\"\n },\n \"attribute\": \"icon-name\",\n \"reflect\": false,\n \"defaultValue\": \"undefined\"\n },\n \"alignTop\": {\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\": \"Aligns the checkbox to the top of the label (useful when the label is too long)\"\n },\n \"attribute\": \"align-top\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"required\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the commbo required\"\n },\n \"attribute\": \"required\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"validationStatus\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"ValidationStatus\",\n \"resolved\": \"\\\"error\\\" | \\\"indeterminate\\\" | \\\"success\\\" | \\\"warning\\\"\",\n \"references\": {\n \"ValidationStatus\": {\n \"location\": \"import\",\n \"path\": \"../../common/types\",\n \"id\": \"src/common/types.ts::ValidationStatus\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The validation status\"\n },\n \"attribute\": \"validation-status\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"indeterminate\\\"\"\n },\n \"validationMessage\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The message to display when validation fails (error)\"\n },\n \"attribute\": \"validation-message\",\n \"reflect\": false\n },\n \"informationMessage\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"An informative message to help the user filling the information\"\n },\n \"attribute\": \"information-message\",\n \"reflect\": false\n },\n \"tooltip\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"tooltip\",\n \"reflect\": false\n }\n };\n }\n static get states() {\n return {\n \"hasFocus\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"change\",\n \"name\": \"change\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"CheckboxInfo\",\n \"resolved\": \"{ id: string; value: boolean; disabled?: boolean; }\",\n \"references\": {\n \"CheckboxInfo\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/form-checkbox/form-checkbox.tsx\",\n \"id\": \"src/components/form-checkbox/form-checkbox.tsx::CheckboxInfo\"\n }\n }\n }\n }];\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"checked\",\n \"methodName\": \"checkedHandler\"\n }];\n }\n}\n//# sourceMappingURL=form-checkbox.js.map\n"],"mappings":";;;;;;;;;;AAAA,MAAMA,IAAkB;;MCMXC,IAAe;EACxB,WAAAC,CAAAC;IAkBAC,KAAAC,QAAQ;MACJC,OAAO;;;;;eAWXF,KAAAG,mBAAmBA;IAOnBH,KAAAI,oBAAoB;MAChB,MAAMC,IAAOL,KAAKM,GAAGC,aAAa;MAClC,MAAMC,IAAoBC,EAAYJ,GAAML,KAAKC;MACjDO,EAAkBE,WAAWV,KAAKW,cAAcH;AAAkB;IAuBtER,KAAAY,sBAAsB;MAClBZ,KAAKa,cAAcC;AAAO;IAkB9Bd,KAAAe,eAAe;IAGff,KAAAgB,cAAc;IAGdhB,KAAAiB,iBAAiB,MACN,EACHC,EAAE,SAAS;MAAEC,KAAKb,KAAON,KAAKa,gBAAgBP;MAAKc,MAAM;MAAYC,SAASrB,KAAKqB;MAASC,OAAO;MAASC,IAAIvB,KAAKwB;MAAYC,MAAMzB,KAAKyB;MAAMC,OAAO1B,KAAK0B;MAAOC,UAAU3B,KAAK2B;MAAUC,UAAU5B,KAAK6B,QAAQC,KAAK9B;MAAO+B,SAAS/B,KAAKgC,eAAeF,KAAK9B;MAAOiC,SAASjC,KAAKe;MAAcmB,QAAQlC,KAAKgB;MAAamB,UAAU;MAAKC,SAASpC,KAAKqC;MAAkBhC,MAAML,KAAKC,MAAMC;QAChYgB,EAAE,OAAO;MAAEI,OAAO;QACVgB,SAAS;QACT,oBAAoBtC,KAAKqB;QACzB,0BAA0BrB,KAAKuC;QAC/B,kBAAkBvC,KAAKwC;QACvB,uBAAuBxC,KAAKyC;;QAEpCvB,EAAE,QAAQ;MAAEb,MAAM;MAAOiB,OAAO;QACxBoB,KAAK;QACL,aAAa1C,KAAK2C;QAClB,cAAc3C,KAAKyC;QACnB,gBAAgB;QAChBF,eAAevC,KAAKuC;QACpBK,UAAU;;MACXC,MAAM;QACb7C,KAAK8C;;;IAzGT9C,KAAKwB,aAAauB;IAClB/C,KAAKqB,UAAU;IACfrB,KAAKuC,gBAAgB;IACrBvC,KAAK2B,WAAW;IAChB3B,KAAK2C,QAAQI;IACb/C,KAAKgD,YAAY;IACjBhD,KAAK0B,QAAQqB;IACb/C,KAAKyB,OAAOsB;IACZ/C,KAAKyC,WAAWM;IAChB/C,KAAKiD,WAAW;IAChBjD,KAAKwC,WAAW;IAChBxC,KAAKkD,WAAW;IAChBlD,KAAKmD,mBAAmB;IACxBnD,KAAKoD,oBAAoBL;IACzB/C,KAAKqD,qBAAqBN;IAC1B/C,KAAKsD,UAAUP;;;;;;;wCAkBnB,iBAAAQ;IACIvD,KAAKI;;EAOT,iBAAAoD;IACI,IAAIxD,KAAKqB,WAAWrB,KAAK2B,UAAU;MAC/B3B,KAAKqB,UAAU;MACfrB,KAAKa,cAAc4C,gBAAgB;;;EAG3C,OAAA5B;IACI7B,KAAKqB,UAAUrB,KAAKa,cAAcQ;;EAEtC,cAAAqC;IACI1D,KAAK2D,OAAOC,KAAK;MACbrC,IAAIvB,KAAKwB;MACTE,OAAO1B,KAAKqB;MACZM,UAAU3B,KAAK2B;;;EAGvB,cAAAK,CAAe6B;IACX,IAAIA,EAAMC,QAAQ,SAAS;MACvB9D,KAAKqB,WAAWrB,KAAKqB;;;EAM7B,WAAA0C;IACI,IAAI/D,KAAKqB,SAAS;MACd,OAAO;WAEN;MACD,OAAO;;;EAGf,gBAAAgB,CAAiB2B;IACbA,EAAEC;;EAEN,IAAAnB;IACI,IAAI9C,KAAKyC,UAAU;MACf,OAAQvB,EAAE,YAAY;QAAEE,MAAMpB,KAAKyC;QAAUyB,OAAO;QAAQC,MAAM;;;;EA8B1E,MAAAC;IACI,OAAQlD,EAAEmD,GAAM;MAAExB,MAAM;MAAYnB,OAAO1B,KAAK0B;MAAO,gBAAgB1B,KAAK+D;MAAa,cAAc/D,KAAK2C;MAAOrB,OAAO;QAClHgD,OAAOC,EAAMD;QACb,CAACE,EAAY,oCAAoCxE,KAAKmD,qBAAqB;QAC3E,CAACqB,EAAY,8BAA8BxE,KAAKmD,qBAAqB;QACrE,CAACqB,EAAY,4BAA4BxE,KAAKmD,qBAAqB;QACnE,CAACqB,EAAY,8BAA8BxE,KAAKmD,qBAAqB;QACrE,CAACsB,EAAmB,oBAAoBzE,KAAK2B;;MAC9ClB,aAAaT,KAAKW,cAAcX,KAAKW,cAAc;OAAQO,EAAE,OAAO;MAAEI,OAAO;QAC5E,8BAA8B;QAC9B,yCAAyCtB,KAAKiD;;MAC/Cb,SAASpC,KAAKY;OAAuBZ,KAAK2C,QAC3C,EACE3C,KAAKiB,kBACLC,EAAE,aAAa;MAAEI,OAAO;QAChBqB,OAAO;QACP,qBAAqB3C,KAAKyC;;MAC3Bd,UAAU3B,KAAK2B;MAAU+C,eAAe;MAAOpB,SAAStD,KAAKsD;MAASqB,YAAY3E,KAAKyC;MAAU0B,MAAMnE,KAAKgD;OAAahD,KAAK2C,WAEvI3C,KAAKiB,mBAAmBjB,KAAKG,iBAAiBH;;EAIxD,yBAAW4E;IAAmB,OAAO;AAAK"}

package/dist/genexus-ide-ui/p-d0a8d025.entry.js ADDED Viewed

@@ -0,0 +1,435 @@
+import { r as e, c as t, h as i, H as r, g as o } from "./p-48217969.js";
+import { a } from "./p-350f49ac.js";
+import { L as s } from "./p-74d59062.js";
+const l = ':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)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}p,ul{font-size:var(--font-size-lg);margin:0}p{line-height:1.6em}.header{align-items:center;grid-template-columns:1fr auto;grid-template-rows:1fr}.main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:100%;overflow:auto}ch-grid-columnset{display:none}ch-grid-row[selected] gxg-icon[data-action=install]{filter:brightness(2)}.grid-cell-module__info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--mer-spacing--xxxs)}.grid-cell-module__name{font-weight:var(--mer-font__weight--bold);display:flex;align-items:center;gap:var(--mer-spacing--xs)}.grid-cell-module__name,.grid-cell-module__description{line-height:1.55em}.grid-cell-module__description{padding-inline-start:36px}.grid-container{height:100%;overflow:auto}.grid-container gx-ide-empty-state{height:100%}.servers-container{display:none;height:100%}.servers-container__header{display:flex;align-items:center;justify-content:space-between;padding:var(--gxg-list-box-main__padding) var(--gxg-list-box-main__padding) 0 var(--gxg-list-box-main__padding)}.servers-container__header gxg-button{width:100%}.modules__header{padding:var(--gxg-list-box-main__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__combo-container{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.modules__server-commands{display:flex;gap:var(--mer-spacing--xs)}.modules__combo{display:flex;flex-direction:row;gap:var(--mer-spacing--xs)}.modules__combo gxg-combo-box{flex:1}.modules__container{border-inline-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.modules__main{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.modules__main-header{display:flex;padding:var(--mer-spacing--xs);flex-direction:column;gap:var(--mer-spacing--xs)}.module-info{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:auto}.module-info__title{display:flex;align-items:center;gap:var(--mer-spacing--xs)}.module-info__name{display:flex;align-items:center;gap:var(--mer-spacing--sm);--ds-icon-size-box--regular:24px;--ds-icon-size--regular:24px;font-weight:var(--mer-font__weight--bold)}.module-info__header{padding:var(--gx-ide-container__padding);display:flex;flex-direction:column;gap:var(--mer-spacing--xs);border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__action-container{display:flex;flex-direction:row;align-items:center;gap:var(--mer-spacing--xs)}.module-info__action-container:before{content:"";width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border-radius:50%;display:block;background-color:var(--mer-icon__primary--disabled)}.module-info__action-container--installed:before{background-color:var(--mer-icon__primary)}.module-info__action-container--uninstallable:before{background-color:var(--mer-icon__warning)}.module-info__warning-message{margin-block-start:var(--mer-spacing--xxs);background-color:var(--mer-color__tinted-yellow--5);color:var(--mer-text__on-elevation);border:var(--mer-border__width--sm) solid var(--mer-border-color__warning);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--xs) var(--mer-spacing--md)}.module-info__divider{width:calc(100% - var(--gx-ide-container__padding) * 4);padding:0 var(--gx-ide-container__padding);margin:0 auto;border:0;border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color)}.module-info__properties{display:flex;flex-direction:column;padding:var(--gx-ide-container__padding);gap:var(--mer-spacing--xs);overflow:auto}.md-property{display:grid;gap:var(--mer-spacing--xs)}.md-property--inline{grid-template-columns:auto 1fr}.md-property__key{font-weight:var(--font-weight-bold);max-width:150px}.md-property__value{font-size:var(--mer-font__size--xxs)}.md-property__key>*,.md-property__value>*{display:inline-block}.md-property__list{display:flex;flex-direction:column;gap:var(--mer-spacing--xs)}.md-property__list>ul{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:column;gap:var(--mer-spacing--xxs);margin-inline-start:var(--mer-spacing--xs)}.md-property__list>ul li{position:relative;padding-inline-start:12px;line-height:var(--ds-base-font-line-height--comfortable)}.md-property__list>ul li::before{content:"";position:absolute;left:0;top:7px;display:inline-block;width:var(--mer-spacing--xxs);height:var(--mer-spacing--xxs);background-color:var(--mer-text__on-surface)}.md-property,.md-property__list{border-block-end:var(--mer-border__width--sm) solid var(--gx-ide-container-border-color);padding-block-end:var(--mer-spacing--xs)}.md-property:last-child,.md-property__list:last-child{border-block-end:0;padding-block-end:0}gxg-ide-loader{border-radius:var(--mer-border__radius--md)}';
+const n = class {
+  constructor(r) {
+    e(this, r);
+    this.componentDidRenderFirstTime = t(this, "componentDidRenderFirstTime", 7);
+    this.renderedFirstTime = false;
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+    /**
+         * Callback invoked to get the progress when module is performing an action
+         */    this.onProgress = (e, t, i) => {
+      const r = {
+        message: e,
+        progress: t,
+        state: i
+      };
+      this.selectedModuleAction = Object.assign({}, r);
+      this.progressValue = this.selectedModuleAction.progress;
+      this.progressState = this.selectedModuleAction.state;
+    };
+    /**
+         * Used for changing the selected module
+         */    this.handleModuleChange = e => {
+      const t = e.detail.rowsId[0];
+      this.selectedModule = this.modulesMap.get(t);
+    };
+    this.moduleActionHandler = e => () => {
+      this.actionCompleted = false;
+      this.closeProgressBar = false;
+      this.executeActionCallbackHandler(e);
+    }
+    /**
+         * Perform an action relative to a module using callbackExecuteAction callback and receive the state of that action with onProgress callback
+         */;
+    this.executeActionCallbackHandler = async e => {
+      if (this.executeActionCallback) {
+        this.actionCompleted = false;
+        const t = this.modulesMap.get(e.id).selectedVersion.id;
+        const i = this.modulesMap.get(e.id).selectedVersion.action;
+        const r = await this.executeActionCallback(this.selectedServerId, e.id, t, i, this.onProgress);
+        if (r) {
+          this.serverSelectedCallbackHandler(this.selectedServerId, false);
+        }
+        this.actionCompleted = true;
+      }
+    };
+    this.showModuleMenu = async e => {
+      if (this.serverContextMenuCallback) {
+        const t = e.target.getBoundingClientRect();
+        await this.serverContextMenuCallback({
+          selection: [ this.selectedServerId ],
+          clientX: t.x,
+          clientY: t.y
+        });
+      }
+    };
+    this.searchModulesFilterHandler = e => {
+      this.searchModulesFilterValue = e.detail.trim().toLowerCase();
+    };
+    this.getFilteredServerModules = () => this.serverModulesExtended.filter((e => {
+      // Filter conditions
+      const t = e.selectedVersion.name.toLowerCase().includes(this.searchModulesFilterValue);
+      const i = e.selectedVersion.description.toLowerCase().includes(this.searchModulesFilterValue);
+      let r;
+      if (this.selectedButtonFilter === "browse") {
+        // If browse is selected, display all
+        r = true;
+      } else if (this.selectedButtonFilter === "installed") {
+        r = !!(e.selectedVersion.action === "update" || e.selectedVersion.action === "restore");
+      } else if (this.selectedButtonFilter === "updates") {
+        r = !!(e.selectedVersion.action === "update");
+      }
+      const o = (t || i) && r;
+      return o;
+    }));
+    // 9.LOCAL METHODS > RENDERS //
+        this.renderGridOrEmptyState = () => {
+      this.filteredServerModules = this.getFilteredServerModules();
+      if (this.filteredServerModules.length > 0) {
+        return this.renderModulesVersionsGrid();
+      } else {
+        return this.renderEmptyStateModules();
+      }
+    };
+    this.renderModulesVersionsGrid = () => i("gxg-grid", {
+      noBorder: true,
+      fullHeight: true
+    }, i("ch-grid", {
+      rowSelectionMode: "single",
+      part: "ch-grid-pending-commits",
+      class: "servers-detail no-border",
+      onSelectionChanged: this.handleModuleChange
+    }, i("ch-grid-columnset", null, i("ch-grid-column", {
+      settingable: false
+    }), i("ch-grid-column", {
+      settingable: false,
+      size: "min-content"
+    })), this.filteredServerModules.map((e => i("ch-grid-row", {
+      rowid: e.id,
+      key: e.id,
+      selected: this.selectedModule && this.selectedModule.id === e.id
+    }, i("ch-grid-cell", {
+      class: "grid-cell-module__info"
+    }, i("span", {
+      class: "grid-cell-module__name"
+    }, i("gxg-icon", {
+      type: "objects/module",
+      "data-action": e.selectedVersion.action,
+      color: this.moduleVersionIconColor(e.id),
+      size: "small"
+    }), e.selectedVersion.name), i("span", {
+      class: "grid-cell-module__description"
+    }, e.selectedVersion.description)), i("ch-grid-cell", null, this.selectedModule && this.selectedModule.id === e.id ? i("gxg-button", {
+      disabled: !this.actionCompleted || e.selectedVersion.action === "incompatible" || e.selectedVersion.action === "not-installable",
+      fit: true,
+      part: "module-action",
+      onClick: this.moduleActionHandler(e)
+    }, e.selectedVersion.action) : null))))));
+    this.renderEmptyStateModules = () => i("gx-ide-empty-state", {
+      stateIcon: "mercury/filters",
+      stateTitle: this._componentLocale.modules.noModulesFilter
+    });
+    this.moduleVersionIconColor = e => {
+      const t = this.serverModulesExtended.find((t => t.id === e));
+      if (t) {
+        const e = t.selectedVersion.action;
+        const i = t.currentVersion;
+        if (e === "not-installable" || e === "incompatible") {
+          return "warning";
+        } else if (!i) {
+          return "mercury-primary-disabled";
+        } else {
+          return "mercury-primary";
+        }
+      }
+      return "mercury-primary";
+    };
+    this.renderVersionIcon = () => i("gxg-icon", {
+      type: "objects/module",
+      color: this.moduleVersionIconColor(this.selectedModule.id)
+    });
+    /* module details/information renders*/    this.renderVersionName = () => i("gxg-title", {
+      part: "module-info__name",
+      type: "title-05"
+    }, i("div", {
+      class: "module-info__name"
+    }, this.selectedModule.selectedVersion.name));
+    this.renderVersionWarningMessage = () => {
+      const e = this.selectedModule.selectedVersion.warningMessage;
+      if (e) {
+        return i("p", {
+          class: "module-info__warning-message"
+        }, e);
+      }
+    };
+    this.renderInstalledVersion = () => {
+      const e = this.selectedModule.currentVersion;
+      let t;
+      let r = "module-info__action-container";
+      if (e) {
+        t = `${this._componentLocale.modulesInformation.moduleProperties.installed}: ${e}`;
+        r += ` module-info__action-container--installed`;
+      } else {
+        t = this._componentLocale.modulesInformation.moduleProperties.notInstalled;
+      }
+      return i("div", {
+        class: r
+      }, i("gxg-text", {
+        part: "module-info__action"
+      }, t));
+    };
+    // Update selected version
+        this.moduleVersionsValueChangedHandler = e => {
+      const t = e.detail.value;
+      this.updateSelectedModuleVersion(t);
+    };
+    this.moduleVersionsItemChangedHandler = e => {
+      const t = e.detail.value;
+      this.updateSelectedModuleVersion(t);
+    };
+    this.updateSelectedModuleVersion = e => {
+      const t = this.selectedModule.versions.find((t => t.id === e));
+      if (t) {
+        const e = Object.assign(Object.assign({}, this.selectedModule), {
+          selectedVersion: t
+        });
+        this.selectedModule = e;
+        // update module selected in modules array as well
+                const i = this.serverModulesExtended.findIndex((t => t.id === e.id));
+        if (i !== -1) {
+          // Update the object with new information
+          this.serverModulesExtended[i] = Object.assign(Object.assign({}, this.serverModulesExtended[i]), e);
+        }
+      }
+    };
+    this.renderModuleVersions = () => i("div", {
+      part: "available-versions"
+    }, i("gxg-combo-box", {
+      id: "versions-combo-box",
+      "disable-filter": true,
+      value: "",
+      part: "module-versions",
+      "display-validation-styles": true,
+      "display-validation-message": true,
+      label: this._componentLocale.modulesInformation.moduleProperties.availableVersions,
+      labelPosition: "start",
+      centerLabel: true,
+      onValueChanged: this.moduleVersionsValueChangedHandler,
+      disabled: this.loadingServer || !this.actionCompleted
+    }, this.selectedModule.versions.map((e => i("gxg-combo-box-item", {
+      value: e.id,
+      onItemSelected: this.moduleVersionsItemChangedHandler
+    }, e.id)))));
+    this.selectedButtonChangedHandler = e => {
+      this.selectedButtonFilter = e.detail;
+    };
+    // Update server selected
+        this.serverItemSelectedHandler = e => {
+      const t = e.detail.value;
+      this.serverSelectedCallbackHandler(t, false);
+    };
+    this.serverValueChangedHandler = e => {
+      const t = e.detail;
+      this.serverSelectedCallbackHandler(t, false);
+    };
+    this.reloadServer = () => {
+      this.serverSelectedCallbackHandler(this.selectedServerId, true);
+    };
+    /**
+         * Change the server selected value in response to callbackServerSelected callback
+         */    this.serverSelectedCallbackHandler = async (e, t) => {
+      if (this.serverSelectedCallback) {
+        this.loadingServer = true;
+        // clear
+                this.serverModules = [];
+        this.serverModulesExtended = [];
+        this.filteredServerModules = [];
+        this.modulesMap.clear();
+        this.modulesSelectedVersionMap.clear();
+        this.serverModules = await this.serverSelectedCallback(e, t);
+        // Save modules on Map as well to get information about modules faster
+                this.serverModules.forEach((e => {
+          const t = Object.assign(Object.assign({}, e), {
+            selectedVersion: e.versions[0]
+          });
+          // When the server retrieves the modules, the selected module is by default the first one.
+                    this.serverModulesExtended.push(t);
+          // Save modules on a map as well, for faster retrieval.
+                    this.modulesMap.set(e.id, t);
+        }));
+        this.selectedServerId = e;
+        this.loadingServer = false;
+      }
+    };
+    this.progressBarCloseHandler = () => {
+      setTimeout((() => {
+        this.actionCompleted = true;
+        this.closeProgressBar = true;
+        // reset
+                this.progressValue = 0;
+        this.progressState = "in-progress";
+      }), 400);
+      // delay to force the footer line disappear after the top-state-bar has been closed.
+        };
+    this.searchModulesFilterValue = "";
+    this.selectedButtonFilter = "browse";
+    this.serverModules = [];
+    this.serverModulesExtended = [];
+    this.filteredServerModules = [];
+    this.modulesMap = new Map;
+    this.selectedModule = undefined;
+    this.selectedServerId = undefined;
+    this.selectedModuleAction = {
+      message: "",
+      progress: 0,
+      state: "in-progress"
+    };
+    this.modulesSelectedVersionMap = new Map;
+    this.actionCompleted = true;
+    this.closeProgressBar = true;
+    this.progressValue = 0;
+    this.progressState = "in-progress";
+    this.loadingServer = false;
+    this.displayTitle = false;
+    this.servers = [];
+    this.serverSelectedCallback = undefined;
+    this.executeActionCallback = undefined;
+    this.serverContextMenuCallback = undefined;
+    this.showServerCommands = false;
+  }
+  loadingServerHandler(e) {
+    if (e) {
+      this.loaderEl.show = true;
+    } else {
+      this.loaderEl.show = false;
+    }
+  }
+  // 6.COMPONENT LIFECYCLE EVENTS //
+  componentDidRender() {
+    if (!this.renderedFirstTime) {
+      this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
+      this.renderedFirstTime = true;
+    }
+  }
+  async componentWillLoad() {
+    this._componentLocale = await s.getComponentStrings(this.el);
+  }
+  async componentDidLoad() {
+    await this.serverSelectedCallbackHandler(this.servers[0].id, false);
+  }
+  // 11.RENDER() FUNCTION //
+  render() {
+    return i(r, {
+      class: {
+        "gx-ide-component": true
+      }
+    }, i("div", {
+      class: "gx-ide-main-wrapper"
+    }, i("gx-ide-container", {
+      noContentPadding: true,
+      noAboveFooterPadding: true,
+      noBorderAboveFooter: this.closeProgressBar,
+      part: "servers",
+      containerTitle: this.displayTitle ? this._componentLocale.componentName : null
+    }, i("main", {
+      class: "main"
+    }, i("div", {
+      class: "modules__container"
+    }, i("header", {
+      class: "modules__header"
+    }, i("div", {
+      class: "modules__combo-container"
+    }, i("gxg-label", null, this._componentLocale.modules.selectServer), i("div", {
+      class: "modules__combo"
+    }, i("gxg-combo-box", {
+      disabled: this.loadingServer || !this.actionCompleted,
+      disableFilter: true,
+      onValueChanged: this.serverValueChangedHandler
+    }, this.servers.map((e => i("gxg-combo-box-item", {
+      value: e.id,
+      onItemSelected: this.serverItemSelectedHandler
+    }, e.name)))), this.showServerCommands ? i("span", {
+      class: "modules__server-commands"
+    }, i("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/show-more-horizontal",
+      onClick: this.showModuleMenu
+    })) : null, i("gxg-button", {
+      type: "secondary-icon-only",
+      icon: "gemini-tools/reset",
+      onClick: this.reloadServer
+    })))), i("div", {
+      class: "modules__main"
+    }, i("div", {
+      class: "modules__main-header"
+    }, i("gxg-form-text", {
+      label: this._componentLocale.modules.searchModules,
+      labelPosition: "above",
+      centerLabel: false,
+      onValueChanged: this.searchModulesFilterHandler,
+      disabled: this.loadingServer || !this.actionCompleted
+    }), i("gxg-buttons-container", {
+      reduced: true,
+      fullWidth: true,
+      class: "modules__browser",
+      onSelectedButtonChanged: this.selectedButtonChangedHandler
+    }, i("gxg-button", {
+      id: "browse",
+      selected: true,
+      disabled: this.loadingServer || !this.actionCompleted
+    }, this._componentLocale.modules.buttonsContainer.browse), i("gxg-button", {
+      id: "installed",
+      disabled: this.loadingServer || !this.actionCompleted
+    }, this._componentLocale.modules.buttonsContainer.installed), i("gxg-button", {
+      id: "updates",
+      disabled: this.loadingServer || !this.actionCompleted
+    }, this._componentLocale.modules.buttonsContainer.updates))), i("div", {
+      class: "grid-container",
+      ref: e => this.serversDetail = e
+    }, this.renderGridOrEmptyState()))), this.selectedModule ? i("div", {
+      class: "module-info"
+    }, i("header", {
+      class: "module-info__header"
+    }, i("div", {
+      class: "module-info__title"
+    }, this.renderVersionIcon(), this.renderVersionName()), this.renderInstalledVersion(), this.renderModuleVersions(), this.renderVersionWarningMessage()), i("div", {
+      class: "module-info__properties gxg-scrollbar"
+    }, a(this.selectedModule.selectedVersion.properties))) : i("gx-ide-empty-state", {
+      class: "recent-objects__empty-state",
+      stateIcon: "objects/module",
+      stateTitle: this._componentLocale.modulesInformation.emptyState.title,
+      stateDescription: this._componentLocale.modulesInformation.emptyState.description
+    })), i("gxg-top-state-bar", {
+      slot: "footer-above",
+      part: "progress-bar",
+      stateType: this.progressState,
+      noBorder: true,
+      caption: this.selectedModuleAction.message || this._componentLocale.progressBar.defaultCaption,
+      progress: this.progressValue,
+      active: !this.actionCompleted || !this.closeProgressBar,
+      closeType: "not-progress",
+      closedCallback: this.progressBarCloseHandler
+    }))), i("gxg-ide-loader", {
+      loaderTitle: this._componentLocale.servers.loading,
+      ref: e => this.loaderEl = e,
+      container: this.serversDetail,
+      borderRadius: "0 0 0 8px",
+      abortTime: 6e4
+    }));
+  }
+  static get assetsDirs() {
+    return [ "gx-ide-assets/manage-module-references-v2" ];
+  }
+  get el() {
+    return o(this);
+  }
+  static get watchers() {
+    return {
+      loadingServer: [ "loadingServerHandler" ]
+    };
+  }
+};
+n.style = l;
+export { n as gx_ide_manage_module_references_v2 };
+//# sourceMappingURL=p-d0a8d025.entry.js.map