@genexus/genexus-ide-ui 0.0.93 → 0.0.94

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

@@ -1 +0,0 @@
-{"version":3,"names":["gxgTreeItemCss","GxgTreeItem","constructor","hostRef","this","lazy","parentTreeIsMasterTree","numberOfParentTrees","firstItem","lastItem","leftPadding","verticalLineStartPosition","horizontalLineWidth","horizontalLineStartPosition","parts","item","checkbox","toggleButton","evaluateId","id","el","getAttribute","evaluateLazy","leaf","numberOfChildren","opened","observer","MutationObserver","mutationsList","mutation","type","reRender","initiateMutationObserver","observe","childList","subtree","cascadeConfig","parentTree","parentElement","undefined","checked","toggleCheckboxes","attachExportParts","part","exportPartsResult","exportParts","length","exportparts","defineLineHeight","offset","total","allItemsLength","querySelectorAll","directGxgTree","querySelector","directTreeItems","lastDirectTreeItem","lastDirectItemItemsLength","lineHeight","defineStartPosition","value","liTextClickedHandler","e","toggleWasClicked","target","classList","contains","checkboxClicked","nodeName","ctrlKey","selected","selectionChanged","emit","getItemData","liTextDoubleClicked","doubleClicked","toggleClickedHandler","liTextKeyDownPressed","key","preventDefault","checkboxClickedHandler","childTree","childTreeFirstChildren","childTreeFirstChildrenLiText","shadowRoot","focus","hasParent","parentGxgTreeItem","parentGxgTreeItemLiText","tagName","li","shiftKey","prevItem","prevElementSibling","previousElementSibling","parentItem","parentParentItem","prevElementSiblingHasChildTree","hasChildTree","prevElementSiblingHasOpenTree","prevElemSiblingTreeItem","prevElemSiblingTreeItemTree","lastElementChild","lastTreeItemOfParentTree","nextItem","nextElementSibling","lastTreeItem","firstElementChild","thisTree","thisTreeParent","thisTreeParentNextTree","childTreeFirstTreeItem","returnToggleIconType","toggleChildrenCheckboxes","parentItems","getParentItems","forEach","evaluateCheckboxStatus","indeterminate","allChildren","Array","from","push","_a","getParentsNumber","count","getChildrenNumber","downloading","toggleIconClicked","ctrl","ref","description","disabled","icon","label","horizontalLinePaddingLeft","numberOfVisibleDescendantItems","time","treeModel","checkedHandler","newValue","oldValue","checkboxToggled","openedHandler","componentWillLoad","render","h","Host","class","style","paddingLeft","onClick","bind","onDblClick","onKeyDown","tabIndex","height","left","color","width","name","assetsDirs"],"sources":["node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.css?tag=gxg-tree-item&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tree-item/gxg-tree-item.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(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-text--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--gray-05);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--color-on-primary);\n}\n\n/*Link*/\n.gxg-link {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-link:active {\n  color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n  color: var(--gray-06);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-error-dark);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-warning-dark);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-success-dark);\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(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\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.gxg-button-styles {\n  font-family: var(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\n}\n\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width, 6px);\n  height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background, --gray-02);\n  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n  border: var(--gxg-scrollbar-track-thumb-border);\n  background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n:host {\n  /**\n  * @prop --text-color: The color of the text\n  */\n  --text-color: var(--color-on-background);\n  /**\n  * @prop --font-family: The text font family\n  */\n  --font-family: \"Source Sans Pro\", sans-serif;\n  /**\n  * @prop --font-weight: The text font weight\n  */\n  --font-weight: normal;\n  /**\n  * @prop --font-size: The text font size\n  */\n  --font-size: 12px;\n  /**\n  * @prop --guide-color: The color of the tree guides\n  */\n  --guide-color: var(--gray-06);\n  /**\n  * @prop --item-hover-color: The color of the item on hover\n  */\n  --item-hover-color: var(--gxg-background-color--hover);\n  /**\n  * @prop --item-active-color: The color of the active item\n  */\n  --item-active-color: var(--silverGray);\n  color: var(--color-on-background);\n  width: 100%;\n  display: block;\n}\n:host li {\n  list-style: none;\n  font-family: var(--font-family);\n  font-size: var(--font-size);\n  font-weight: var(--font-weight);\n  color: var(--text-color);\n  overflow: hidden;\n}\n:host li > ::slotted(gxg-tree) {\n  display: none;\n}\n:host li.tree-open > ::slotted(gxg-tree) {\n  display: block;\n}\n:host li.tree-closed .vertical-line {\n  display: none;\n}\n:host li .li-text {\n  min-height: 24px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  position: relative;\n  padding-inline-end: var(--spacing-comp-01);\n}\n:host li .li-text:hover {\n  background-color: var(--item-hover-color);\n}\n:host li .li-text:active {\n  background-color: var(--gxg-background-color--selected);\n}\n:host li .li-text:focus {\n  outline: var(--border-width-md) solid var(--gxg-border-color--focused);\n  outline-offset: -2px;\n}\n:host li .li-text--selected {\n  background-color: var(--gxg-background-color--selected);\n}\n:host li .li-text > * {\n  flex-shrink: 0;\n}\n:host li .vertical-line {\n  position: absolute;\n  width: 1px;\n  height: 0;\n  top: 23px;\n  left: 15px;\n  z-index: 1;\n  background-image: linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);\n  background-position: right;\n  background-size: 1px 4px;\n  background-repeat: repeat-y;\n}\n:host li .horizontal-line {\n  position: absolute;\n  height: 1px;\n  top: 11px;\n  z-index: 1;\n  background-image: linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);\n  background-position: bottom;\n  background-size: 3px 1px;\n  background-repeat: repeat-x;\n}\n:host li .horizontal-line.display-none {\n  display: none;\n}\n:host li .closed-opened-icons {\n  position: relative;\n  display: flex;\n  margin-left: -2px;\n}\n:host li .toggle-icon {\n  position: relative;\n  z-index: 2;\n  transform: scale(0.75, 0.75);\n  margin-inline-end: var(--spacing-comp-00);\n  transition-property: opacity;\n  transition-duration: 0.5s;\n  transition-timing-function: ease;\n  background-color: var(--gxg-background-color--hover);\n}\n:host li .toggle-icon:hover {\n  background-color: var(--color-background);\n}\n:host .checkbox {\n  margin-inline-end: var(--spacing-comp-01);\n}\n:host .icon--left {\n  margin: 0 var(--spacing-comp-01) 0 var(--spacing-comp-00);\n}\n:host .right-icon {\n  margin-inline-start: auto;\n  position: relative;\n  top: 0;\n  transition-property: top;\n  transition-duration: 0.5s;\n  transition-timing-function: ease;\n}\n:host .loading {\n  opacity: 1;\n  display: inline;\n  z-index: 1;\n  margin-inline-end: var(--spacing-comp-01);\n  border-radius: 50%;\n  width: 8px;\n  height: 8px;\n  border: 0.18rem solid var(--gray-04);\n  border-top-color: var(--gray-01);\n  animation: spin 1s infinite linear;\n}\n:host .loading--double {\n  border-style: double;\n  border-width: 0.5rem;\n}\n@keyframes spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n:host([disabled]) li .text {\n  color: var(--darkGray);\n}\n:host([disabled]) .toggle-icon {\n  pointer-events: none;\n}","import { Host, h, } from \"@stencil/core\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgTreeItem {\n    constructor() {\n        this.horizontalLinePaddingLeft = 0;\n        this.lastTreeItem = false;\n        this.lastTreeItemOfParentTree = false;\n        this.numberOfVisibleDescendantItems = 0;\n        this.time = 0;\n        this.lineHeight = undefined;\n        this.downloading = false;\n        this.checkbox = undefined;\n        this.checked = undefined;\n        this.opened = undefined;\n        this.toggleCheckboxes = undefined;\n        this.type = undefined;\n        this.disabled = undefined;\n        this.label = undefined;\n        this.description = undefined;\n        this.leaf = false;\n        this.selected = false;\n        this.icon = undefined;\n        this.treeModel = undefined;\n        this.numberOfChildren = 0;\n        this.hasChildTree = false;\n        this.indeterminate = 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 METHODS\n  7.LISTENERS\n  8.PUBLIC METHODS API\n  9.LOCAL METHODS\n  10.RENDER() FUNCTION\n  */\n    // 1.OWN PROPERTIES //\n    id;\n    lazy = false; //True if not leaf but no children.\n    parentTreeIsMasterTree = false;\n    numberOfParentTrees = 1;\n    firstItem = false;\n    lastItem = false;\n    leftPadding = \"0px\";\n    verticalLineStartPosition = \"0px\";\n    horizontalLineWidth = \"24px\";\n    horizontalLineStartPosition = \"0px\";\n    parts = {\n        item: \"item\",\n        checkbox: \"checkbox\",\n        toggleButton: \"toggle-button\",\n    };\n    exportparts;\n    // 2. REFERENCE TO ELEMENTS //\n    el;\n    checkedHandler(newValue, oldValue) {\n        if (oldValue !== undefined) {\n            this.checkboxToggled.emit(this.getItemData(false));\n        }\n    }\n    openedHandler(newValue, oldValue) {\n        if (oldValue !== undefined) {\n            this.toggleIconClicked.emit(this.getItemData(false));\n        }\n    }\n    // 5.EVENTS (EMIT) //\n    /**\n     * Emitted when the checkbox was toggled\n     */\n    checkboxToggled;\n    /**\n     * Emitted when the item was double-clicked\n     */\n    doubleClicked;\n    /**\n     * Emitted when the item is not lazy anymore\n     */\n    lazyChanged;\n    /**\n     * Emitted when the icon selection was changes\n     */\n    selectionChanged;\n    /**\n     * Emitted when the toggle icon was clicked\n     */\n    toggleIconClicked;\n    // 6.COMPONENT LIFECYCLE METHODS //\n    componentWillLoad() {\n        //Count number of parent trees in order to set the appropriate padding-left\n        this.numberOfParentTrees = this.getParentsNumber();\n        this.numberOfChildren = this.getChildrenNumber();\n        //If is last item of tree\n        const nextItem = this.el.nextElementSibling;\n        if (nextItem === null) {\n            this.lastTreeItem = true;\n        }\n        if (this.numberOfParentTrees === 1) {\n            this.parentTreeIsMasterTree = true;\n            const prevItem = this.el.previousElementSibling;\n            if (prevItem === null) {\n                //If is first item of parent tree...\n                this.firstItem = true;\n            }\n        }\n        if (!this.el.nextElementSibling) {\n            this.lastItem = true;\n        }\n        this.evaluateId();\n        this.evaluateLazy();\n        this.defineLineHeight();\n        this.defineStartPosition();\n        this.cascadeConfig();\n        this.attachExportParts();\n        this.initiateMutationObserver();\n    }\n    // 7.LISTENERS //\n    // 8.PUBLIC METHODS API //\n    async reRender() {\n        this.defineLineHeight();\n    }\n    evaluateCheckboxStatus() {\n        const allChildren = this.el.querySelectorAll(\"gxg-tree-item\");\n        let checked = 0;\n        if (allChildren?.length) {\n            Array.from(allChildren).forEach((item) => {\n                if (item.checked) {\n                    checked++;\n                }\n            });\n            if (allChildren.length === checked) {\n                //all checked\n                this.checked = true;\n                this.indeterminate = false;\n            }\n            else if (checked === 0) {\n                //all unchecked\n                this.checked = false;\n                this.indeterminate = false;\n            }\n            else {\n                //indeterminate\n                this.indeterminate = true;\n            }\n        }\n    }\n    // 9.LOCAL METHODS //\n    evaluateId = () => {\n        if (!this.id) {\n            this.id = this.el.getAttribute(\"id\");\n        }\n    };\n    evaluateLazy = () => {\n        if (!this.leaf && this.numberOfChildren === 0) {\n            this.lazy = true;\n            this.opened = false;\n        }\n    };\n    observer = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n            if (mutation.type === \"childList\") {\n                this.lazy = false;\n                this.opened = true;\n                this.reRender();\n                this.openedHandler;\n            }\n        }\n    });\n    initiateMutationObserver = () => {\n        this.observer.observe(this.el, { childList: true, subtree: true });\n    };\n    /**\n     * @description Set some properties based on the parent tree configuration, unless this item has this properties already set.\n     */\n    cascadeConfig = () => {\n        const parentTree = this.el\n            .parentElement;\n        this.checkbox =\n            this.checkbox !== undefined ? this.checkbox : parentTree.checkbox;\n        this.checked =\n            this.checked !== undefined ? this.checked : parentTree.checked;\n        this.opened = this.opened !== undefined ? this.opened : parentTree.opened;\n        this.toggleCheckboxes =\n            this.toggleCheckboxes !== undefined\n                ? this.toggleCheckboxes\n                : parentTree.checkbox;\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    defineLineHeight = () => {\n        let offset = 11.5;\n        if (this.parentTreeIsMasterTree) {\n            offset = 0;\n            if (this.lastItem) {\n                offset = 11;\n            }\n        }\n        let total = 0;\n        if (!this.leaf && !this.lazy) {\n            const allItemsLength = this.el.querySelectorAll(\"gxg-tree-item\").length;\n            const directGxgTree = this.el.querySelector(\":scope > gxg-tree\");\n            const directTreeItems = directGxgTree.querySelectorAll(\":scope > gxg-tree-item\");\n            if (!this.parentTreeIsMasterTree) {\n                const lastDirectTreeItem = directTreeItems[directTreeItems.length - 1];\n                const lastDirectItemItemsLength = lastDirectTreeItem.querySelectorAll(\"gxg-tree-item\").length;\n                total = allItemsLength - lastDirectItemItemsLength;\n            }\n            else {\n                total = allItemsLength;\n            }\n        }\n        this.lineHeight = `${total * 24.2 - offset}px`;\n    };\n    /**\n     * @description returns the appropriate start padding and start position for the item, horizontal line, and vertical line.\n     */\n    defineStartPosition = () => {\n        let value = 0;\n        let horizontalLineStartPosition = 13;\n        if (this.numberOfParentTrees > 1) {\n            value = (this.numberOfParentTrees - 1) * 45;\n            if (this.numberOfParentTrees > 2) {\n                horizontalLineStartPosition = value - 36;\n            }\n        }\n        else {\n            value = 5;\n        }\n        this.verticalLineStartPosition = `${value + 7}px`;\n        this.leftPadding = `${value}px`;\n        this.horizontalLineStartPosition = `${horizontalLineStartPosition}px`;\n    };\n    liTextClickedHandler = (e) => {\n        const toggleWasClicked = e.target.classList.contains(\"toggle-icon\");\n        const checkboxClicked = e.target.nodeName === \"GXG-FORM-CHECKBOX\";\n        if (toggleWasClicked || checkboxClicked)\n            return;\n        if (e.ctrlKey) {\n            this.selected = !this.selected;\n        }\n        else {\n            this.selected = true;\n        }\n        this.selectionChanged.emit(this.getItemData(e.ctrlKey));\n    };\n    liTextDoubleClicked = () => {\n        this.doubleClicked.emit(this.getItemData(false));\n        !this.leaf && this.toggleClickedHandler();\n    };\n    liTextKeyDownPressed = (e) => {\n        if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n            e.preventDefault(); //prevents scrolling\n        }\n        //ENTER\n        if (e.key === \"Enter\") {\n            //Enter should check/uncheck the checkbox (if present)\n            this.checkboxClickedHandler();\n        }\n        //LEFT/RIGHT NAVIGATION\n        if (e.key === \"ArrowRight\" && !this.leaf) {\n            //Toggle the tree\n            if (!this.opened) {\n                this.opened = true;\n            }\n            else {\n                const childTree = this.el.querySelector(\"gxg-tree\");\n                const childTreeFirstChildren = childTree.querySelector(\"gxg-tree-item\");\n                const childTreeFirstChildrenLiText = childTreeFirstChildren.shadowRoot.querySelector(\".li-text\");\n                childTreeFirstChildrenLiText.focus();\n            }\n        }\n        if (e.key === \"ArrowLeft\") {\n            let hasParent = false;\n            const parentGxgTreeItem = this.el.parentElement.parentElement;\n            let parentGxgTreeItemLiText = null;\n            if (parentGxgTreeItem.tagName === \"GXG-TREE-ITEM\") {\n                hasParent = true;\n                parentGxgTreeItemLiText = parentGxgTreeItem.shadowRoot.querySelector(\".li-text\");\n            }\n            if (this.leaf) {\n                if (hasParent) {\n                    parentGxgTreeItemLiText.focus();\n                }\n            }\n            else {\n                const li = this.el.shadowRoot.querySelector(\"li\");\n                if (li.classList.contains(\"tree-open\")) {\n                    this.opened = false;\n                }\n                else {\n                    if (hasParent) {\n                        parentGxgTreeItemLiText.focus();\n                    }\n                }\n            }\n        }\n        // UP/DOWN NAVIGATION\n        if (e.key === \"ArrowUp\" || (e.key === \"Tab\" && e.shiftKey)) {\n            e.preventDefault();\n            if (!this.firstItem) {\n                //Is not the first element of the parent\n                //Set focus on the prev item\n                let prevItem;\n                const prevElementSibling = this.el.previousElementSibling;\n                if (e.shiftKey && e.key !== \"Tab\") {\n                    //if shift key was pressed, navigate to the previous sibling\n                    if (prevElementSibling !== null) {\n                        prevItem = prevElementSibling.shadowRoot.querySelector(\"li .li-text\");\n                    }\n                }\n                else {\n                    if (prevElementSibling === null) {\n                        const parentItem = this.el.parentElement;\n                        const parentParentItem = parentItem.parentElement;\n                        prevItem = parentParentItem.shadowRoot.querySelector(\"li .li-text\");\n                    }\n                    else {\n                        prevItem = prevElementSibling.shadowRoot.querySelector(\"li .li-text\");\n                        if (prevElementSibling !== null) {\n                            //If the preceding tree-item has tree inside...\n                            const prevElementSiblingHasChildTree = prevElementSibling\n                                .hasChildTree;\n                            if (prevElementSiblingHasChildTree) {\n                                const prevElementSiblingHasOpenTree = prevElementSibling\n                                    .opened;\n                                if (prevElementSiblingHasOpenTree) {\n                                    //If preceding tree-item tree is opened, then the prev item is the last item of that tree\n                                    const prevElemSiblingTreeItem = this.el\n                                        .previousElementSibling;\n                                    const prevElemSiblingTreeItemTree = prevElemSiblingTreeItem.querySelector(\"gxg-tree\");\n                                    //\n                                    if (prevElemSiblingTreeItemTree.lastElementChild\n                                        .hasChildTree) {\n                                        if (prevElemSiblingTreeItemTree.lastElementChild.shadowRoot\n                                            .querySelector(\"li\")\n                                            .classList.contains(\"tree-open\")) {\n                                            prevItem = prevElemSiblingTreeItemTree.lastElementChild\n                                                .querySelector(\"gxg-tree\")\n                                                .lastElementChild.shadowRoot.querySelector(\"li .li-text\");\n                                        }\n                                        else {\n                                            prevItem = prevElemSiblingTreeItemTree.lastElementChild.shadowRoot.querySelector(\"li .li-text\");\n                                        }\n                                    }\n                                    else {\n                                        prevItem = prevElemSiblingTreeItemTree.lastElementChild.shadowRoot.querySelector(\"li .li-text\");\n                                    }\n                                    //\n                                }\n                                else {\n                                    //The preciding item has a tree, but it is closed\n                                    prevItem = this.el.previousElementSibling.shadowRoot.querySelector(\"li .li-text\");\n                                }\n                            }\n                        }\n                    }\n                }\n                if (prevItem !== null && prevItem !== undefined) {\n                    prevItem.focus();\n                }\n            }\n        }\n        if (e.key === \"ArrowDown\" || (e.key === \"Tab\" && !e.shiftKey)) {\n            e.preventDefault();\n            if (!this.lastTreeItemOfParentTree) {\n                //Set focus on the next item\n                let nextItem;\n                if (e.shiftKey) {\n                    //if shift key was pressed, navigate to the next sibling\n                    if (this.el.nextElementSibling !== null) {\n                        nextItem = this.el.nextElementSibling.shadowRoot.querySelector(\"li .li-text\");\n                    }\n                }\n                else {\n                    if (this.lastTreeItem) {\n                        if (this.hasChildTree && this.opened) {\n                            nextItem = this.el.firstElementChild.firstElementChild.shadowRoot.querySelector(\".li-text\");\n                        }\n                        else {\n                            const thisTree = this.el.parentElement;\n                            const thisTreeParent = thisTree.parentElement;\n                            const thisTreeParentNextTree = thisTreeParent.nextElementSibling;\n                            if (thisTreeParentNextTree === null) {\n                                if (thisTreeParent.parentElement.parentElement\n                                    .nextElementSibling !== null) {\n                                    nextItem = thisTreeParent.parentElement.parentElement.nextElementSibling.shadowRoot.querySelector(\".li-text\");\n                                }\n                            }\n                            else {\n                                nextItem = thisTreeParentNextTree.shadowRoot.querySelector(\".li-text\");\n                            }\n                        }\n                    }\n                    else {\n                        if (this.hasChildTree && this.opened) {\n                            nextItem = this.el\n                                .querySelector(\"gxg-tree gxg-tree-item\")\n                                .shadowRoot.querySelector(\"li .li-text\");\n                        }\n                        else {\n                            nextItem = this.el.nextElementSibling.shadowRoot.querySelector(\".li-text\");\n                        }\n                    }\n                }\n                if (nextItem !== null && nextItem !== undefined) {\n                    nextItem.focus();\n                }\n            }\n            else {\n                //Last element of parent tree\n                if (!this.leaf && this.opened) {\n                    const childTreeFirstTreeItem = this.el.firstElementChild.firstElementChild.shadowRoot.querySelector(\"li .li-text\");\n                    childTreeFirstTreeItem.focus();\n                }\n            }\n        }\n    };\n    returnToggleIconType = () => {\n        //Returns the type of icon : expand or collapse\n        if (!this.opened || this.lazy) {\n            return \"gemini-tools/add\";\n        }\n        else {\n            return \"gemini-tools/minus\";\n        }\n    };\n    /**\n     * When a checkbox is clicked, it state changes and so it's children, and parent items do.\n     * First evaluate the children, and then the parent items.\n     */\n    checkboxClickedHandler = () => {\n        if (this.checkbox) {\n            this.checked = !this.checked;\n            if (!this.leaf) {\n                this.toggleChildrenCheckboxes(this.checked);\n            }\n            const parentItems = this.getParentItems();\n            parentItems.forEach((parentItem) => {\n                parentItem.evaluateCheckboxStatus();\n            });\n        }\n    };\n    toggleChildrenCheckboxes = (checked) => {\n        this.indeterminate = false;\n        const allChildren = this.el.querySelectorAll(\"gxg-tree-item\");\n        if (allChildren?.length) {\n            Array.from(allChildren).forEach((item) => {\n                item.indeterminate = false;\n                item.checked = checked;\n            });\n        }\n    };\n    getParentItems = () => {\n        const parentItems = [];\n        let parentItem = this.el.parentElement.parentElement;\n        while (parentItem?.nodeName === \"GXG-TREE-ITEM\") {\n            parentItems.push(parentItem);\n            parentItem = parentItem.parentElement?.parentElement;\n        }\n        return parentItems;\n    };\n    getParentsNumber = () => {\n        let count = 0;\n        let parentElement = this.el.parentElement;\n        while (parentElement?.nodeName === \"GXG-TREE\") {\n            count++;\n            parentElement = parentElement.parentElement?.parentElement;\n        }\n        return count;\n    };\n    getChildrenNumber = () => {\n        if (this.numberOfChildren === 0) {\n            //If this.numberOfChildren === 0 it might be because the whole tree was created with markup, and not by passing a model. In that case, count the children with querySelectorAll.\n            return this.el.querySelectorAll(\"gxg-tree-item\").length;\n        }\n    };\n    toggleClickedHandler = () => {\n        if (this.lazy && !this.opened) {\n            this.downloading = true;\n            this.toggleIconClicked.emit(this.getItemData());\n        }\n        if (!this.lazy) {\n            this.opened = !this.opened;\n        }\n    };\n    getItemData = (ctrl = false) => {\n        return {\n            ref: this.el,\n            checkbox: this.checkbox,\n            checked: this.checked,\n            ctrl: ctrl,\n            description: this.description,\n            disabled: this.disabled,\n            icon: this.icon,\n            id: this.id,\n            indeterminate: this.indeterminate,\n            label: this.label,\n            lazy: this.lazy,\n            leaf: this.leaf,\n            opened: this.opened,\n            selected: this.selected,\n        };\n    };\n    // 10.RENDER() FUNCTION //\n    render() {\n        return (h(Host, { class: { leaf: this.leaf, \"not-leaf\": !this.leaf }, exportParts: this.exportparts ? this.exportparts : null }, h(\"li\", { class: {\n                \"tree-open\": this.opened,\n                \"tree-closed\": !this.opened,\n                disabled: this.disabled,\n            } }, h(\"div\", { class: {\n                \"li-text\": true,\n                \"li-text--not-leaf\": !this.leaf,\n                \"li-text--leaf\": this.leaf,\n                \"li-text--first-tree-item\": this.firstItem,\n                \"li-text--has-child-tree\": this.hasChildTree,\n                \"li-text--selected\": this.selected,\n            }, style: { paddingLeft: this.leftPadding }, onClick: this.liTextClickedHandler.bind(this), onDblClick: this.liTextDoubleClicked.bind(this), onKeyDown: this.liTextKeyDownPressed.bind(this), tabIndex: -1, part: this.parts.item }, !this.leaf\n            ? [\n                h(\"span\", { class: { \"vertical-line\": true }, style: {\n                        height: this.lineHeight,\n                        left: this.verticalLineStartPosition,\n                    } }),\n                h(\"div\", { class: { \"closed-opened-icons\": true } }, h(\"gxg-icon\", { onClick: this.toggleClickedHandler.bind(this), type: this.returnToggleIconType(), color: \"auto\", class: \"icon toggle-icon\", part: this.parts.toggleButton })),\n            ]\n            : null, this.numberOfParentTrees > 1 ? (h(\"span\", { class: {\n                \"horizontal-line\": true,\n            }, style: {\n                left: this.horizontalLineStartPosition,\n                width: this.horizontalLineWidth,\n            } })) : null, this.checkbox ? (h(\"gxg-form-checkbox\", { checked: this.checked, class: { checkbox: true }, tabIndex: -1, indeterminate: this.indeterminate, disabled: this.disabled, onClick: this.checkboxClickedHandler, part: this.parts.checkbox })) : null, this.icon ? (h(\"gxg-icon\", { type: this.icon, color: \"auto\", class: \"icon icon--left\", style: {\n                \"--icon-size\": \"14px\",\n            } })) : null, this.downloading && this.lazy ? (h(\"span\", { class: \"loading\" })) : null, h(\"span\", { class: \"text\" }, h(\"slot\", null))), h(\"slot\", { name: \"tree\" }), this.treeModel ? this.treeModel : null)));\n    }\n    static get is() { return \"gxg-tree-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"gxg-tree-item.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"gxg-tree-item.css\"]\n        };\n    }\n    static get assetsDirs() { return [\"tree-item-assets\"]; }\n    static get properties() {\n        return {\n            \"checkbox\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set this attribute if you want this item to display a checkbox. This attribute is affected by the parent tree-item checkbox attribute, unless it is set in this item.\"\n                },\n                \"attribute\": \"checkbox\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Set this attribute if you want this item to be checked by default. This attribute is affected by the parent tree-item checked attribute, unless it is set in this item.\"\n                },\n                \"attribute\": \"checked\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"opened\": {\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\": \"Set this attribute if you want this items child tree to be opened by default. This attribute is affected by the parent tree-item opened attribute, unless it is set in this item.\"\n                },\n                \"attribute\": \"opened\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"toggleCheckboxes\": {\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\": \"Set this attribute if you want all the children item's checkboxes to be toggled when this item checkbox is toggled. This attribute is affected by the parent tree-item toggleCheckboxes attribute, unless it is set in this item.\"\n                },\n                \"attribute\": \"toggle-checkboxes\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This is the tree-item type/category. This attribute is affected by the parent tree type attribute, unless it is set in this item.\"\n                },\n                \"attribute\": \"type\",\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 this tree item disabled. This attribute is affected by the parent tree type attribute, unless it is set in this item.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\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 tree item label.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"description\": {\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 tree item description.\"\n                },\n                \"attribute\": \"description\",\n                \"reflect\": false\n            },\n            \"leaf\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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 indicates that this tree-item is a leaf, meaning it has no children items. If is not a leaf, it will display a +/- icon to toggle/ontoggle the children tree\"\n                },\n                \"attribute\": \"leaf\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute sets the tree-item as selected\"\n                },\n                \"attribute\": \"selected\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the tree item icon\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"treeModel\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLGxgTreeElement\",\n                    \"resolved\": \"HTMLGxgTreeElement\",\n                    \"references\": {\n                        \"HTMLGxgTreeElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLGxgTreeElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property is for passing a tree structure from the tree.\"\n                }\n            },\n            \"numberOfChildren\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property is for internal use, when using the treeModel.\"\n                },\n                \"attribute\": \"number-of-children\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"hasChildTree\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property is for internal use. It indicates that the item has children.\"\n                },\n                \"attribute\": \"has-child-tree\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"indeterminate\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This property is for internal use. It indicates that the checkbox has an indeterminate state.\"\n                },\n                \"attribute\": \"indeterminate\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"horizontalLinePaddingLeft\": {},\n            \"lastTreeItem\": {},\n            \"lastTreeItemOfParentTree\": {},\n            \"numberOfVisibleDescendantItems\": {},\n            \"time\": {},\n            \"lineHeight\": {},\n            \"downloading\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"checkboxToggled\",\n                \"name\": \"checkboxToggled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the checkbox was toggled\"\n                },\n                \"complexType\": {\n                    \"original\": \"GxgTreeItemData\",\n                    \"resolved\": \"{ ref?: HTMLGxgTreeItemElement; checkbox?: boolean; checked?: boolean; ctrl?: boolean; description?: string; disabled?: boolean; icon?: string; id: string; indeterminate?: boolean; items?: GxgTreeItemData[]; label: string; lazy?: boolean; leaf?: boolean; opened?: boolean; selected?: boolean; }\",\n                    \"references\": {\n                        \"GxgTreeItemData\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tree-item/gxg-tree-item.tsx\",\n                            \"id\": \"src/components/tree-item/gxg-tree-item.tsx::GxgTreeItemData\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"doubleClicked\",\n                \"name\": \"doubleClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the item was double-clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"GxgTreeItemData\",\n                    \"resolved\": \"{ ref?: HTMLGxgTreeItemElement; checkbox?: boolean; checked?: boolean; ctrl?: boolean; description?: string; disabled?: boolean; icon?: string; id: string; indeterminate?: boolean; items?: GxgTreeItemData[]; label: string; lazy?: boolean; leaf?: boolean; opened?: boolean; selected?: boolean; }\",\n                    \"references\": {\n                        \"GxgTreeItemData\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tree-item/gxg-tree-item.tsx\",\n                            \"id\": \"src/components/tree-item/gxg-tree-item.tsx::GxgTreeItemData\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"lazyChanged\",\n                \"name\": \"lazyChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the item is not lazy anymore\"\n                },\n                \"complexType\": {\n                    \"original\": \"GxgTreeItemData\",\n                    \"resolved\": \"{ ref?: HTMLGxgTreeItemElement; checkbox?: boolean; checked?: boolean; ctrl?: boolean; description?: string; disabled?: boolean; icon?: string; id: string; indeterminate?: boolean; items?: GxgTreeItemData[]; label: string; lazy?: boolean; leaf?: boolean; opened?: boolean; selected?: boolean; }\",\n                    \"references\": {\n                        \"GxgTreeItemData\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tree-item/gxg-tree-item.tsx\",\n                            \"id\": \"src/components/tree-item/gxg-tree-item.tsx::GxgTreeItemData\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"selectionChanged\",\n                \"name\": \"selectionChanged\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the icon selection was changes\"\n                },\n                \"complexType\": {\n                    \"original\": \"GxgTreeItemData\",\n                    \"resolved\": \"{ ref?: HTMLGxgTreeItemElement; checkbox?: boolean; checked?: boolean; ctrl?: boolean; description?: string; disabled?: boolean; icon?: string; id: string; indeterminate?: boolean; items?: GxgTreeItemData[]; label: string; lazy?: boolean; leaf?: boolean; opened?: boolean; selected?: boolean; }\",\n                    \"references\": {\n                        \"GxgTreeItemData\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tree-item/gxg-tree-item.tsx\",\n                            \"id\": \"src/components/tree-item/gxg-tree-item.tsx::GxgTreeItemData\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"toggleIconClicked\",\n                \"name\": \"toggleIconClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the toggle icon was clicked\"\n                },\n                \"complexType\": {\n                    \"original\": \"GxgTreeItemData\",\n                    \"resolved\": \"{ ref?: HTMLGxgTreeItemElement; checkbox?: boolean; checked?: boolean; ctrl?: boolean; description?: string; disabled?: boolean; icon?: string; id: string; indeterminate?: boolean; items?: GxgTreeItemData[]; label: string; lazy?: boolean; leaf?: boolean; opened?: boolean; selected?: boolean; }\",\n                    \"references\": {\n                        \"GxgTreeItemData\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/tree-item/gxg-tree-item.tsx\",\n                            \"id\": \"src/components/tree-item/gxg-tree-item.tsx::GxgTreeItemData\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"reRender\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            },\n            \"evaluateCheckboxStatus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {},\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"checked\",\n                \"methodName\": \"checkedHandler\"\n            }, {\n                \"propName\": \"opened\",\n                \"methodName\": \"openedHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=gxg-tree-item.js.map\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["escapeRegExp","str","replace","hiChar","text","filterValue","escapedFilterValue","re","RegExp","h","innerHTML","cardCss","GxgCard","constructor","hostRef","this","titleType","hasSlot","hasHeaderSlot","renderCardSubtitle","cardSubtitle","subtitleLink","class","href","target","elevation","background","padding","minHeight","height","maxWidth","noShadow","undefined","noPaddingTop","cardTitle","noHeaderBorder","titleSemibold","subtitleIcon","cardType","icon","iconColor","subtitleColor","editableTitle","actionable","componentWillLoad","el","querySelector","headerSlot","render","Host","role","card","mercury","state","style","wrapper","type","color","value","disableEdition","name","titleEditableCss","GxgTitleEditable","edit","editing","positionCursorAtTheEnd","wrapperClickedHandler","textInput","selectionStart","selectionEnd","length","focus","inputKeyDownHandler","e","key","preventDefault","editButtonEl","fluid","setInputWidth","detectClickOutsideFunc","clickedOutside","detectClickOutside","wrapperEl","width","inputInputHandler","ghostDiv","innerText","updateInputWidth","ghostDivWidth","getBoundingClientRect","debounce","debounceDelay","disabled","clickToEdit","focusType","validationStatus","validationMessage","hideTooltip","watchValueHandler","newValue","clearTimeout","timeoutReference","setTimeout","valueChanged","emit","watchEditingHandler","document","addEventListener","removeEventListener","componentDidLoad","formClasses","commonClassesNames","onMouseUp","ref","readOnly","onKeyDown","onInput","tabIndex","onClick","formTooltipLogic"],"sources":["node_modules/@genexus/gemini/dist/collection/common/hiChar.js","node_modules/@genexus/gemini/dist/collection/components/card/card.css?tag=gxg-card&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/card/card.js","node_modules/@genexus/gemini/dist/collection/components/title-editable/title-editable.css?tag=gxg-title-editable&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/title-editable/title-editable.js"],"sourcesContent":["/* STENCIL IMPORTS */\nimport { h } from \"@stencil/core\";\n/*A function that helps highlighting characters when searching.*/\nexport const escapeRegExp = (str) => {\n    return str.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n};\nexport const hiChar = function (text, filterValue) {\n    if (text && filterValue) {\n        /* this function highlights the character(s) that match(es) the filter value. (hi)light (Char)acters */\n        const escapedFilterValue = escapeRegExp(filterValue);\n        const re = new RegExp(escapedFilterValue, \"gi\");\n        return (h(\"span\", { innerHTML: text.replace(re, '<span class=\"hiChar\">$&</span>') }));\n    }\n    else {\n        return text;\n    }\n};\n//# sourceMappingURL=hiChar.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-text--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--gray-05);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--color-on-primary);\n}\n\n/*Link*/\n.gxg-link {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-link:active {\n  color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n  color: var(--gray-06);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-error-dark);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-warning-dark);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-success-dark);\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(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\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.gxg-button-styles {\n  font-family: var(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\n}\n\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width, 6px);\n  height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background, --gray-02);\n  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n  border: var(--gxg-scrollbar-track-thumb-border);\n  background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n:host {\n  display: block;\n  background: var(--color-on-primary);\n  box-shadow: var(--box-shadow-card);\n  border-radius: var(--border-radius-md);\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n:host([elevation=xs]) {\n  box-shadow: var(--box-shadow-card);\n}\n\n:host([elevation=m]) {\n  box-shadow: var(--box-shadow-card);\n}\n\n:host([padding=\"0\"]) {\n  padding: 0;\n}\n\n:host([padding=xs]) {\n  padding: var(--spacing-comp-01);\n}\n\n:host([padding=s]) {\n  padding: var(--spacing-comp-02);\n}\n\n:host([padding=m]) {\n  padding: var(--spacing-comp-03);\n}\n\n:host([padding=l]) {\n  padding: var(--spacing-comp-04);\n}\n\n:host([padding=xl]) {\n  padding: var(--spacing-comp-05);\n}\n\n:host([padding=xxl]) {\n  padding: var(--spacing-comp-06);\n}\n\n:host([padding=xxxl]) {\n  padding: var(--spacing-comp-07);\n}\n\n:host([background=white]) {\n  background: var(--color-background);\n}\n\n:host([background=gray-01]) {\n  background: var(--gray-01);\n}\n\n.content {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  cursor: initial;\n  overflow: auto;\n  height: 100%;\n}\n.content::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width, 6px);\n  height: var(--gxg-scrollbar-width, 6px);\n}\n.content::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background, --gray-02);\n  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.content::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n  border: var(--gxg-scrollbar-track-thumb-border);\n  background-clip: padding-box;\n}\n.content::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n/*No Shadow*/\n:host(.card--no-shadow) {\n  box-shadow: none;\n}\n\n/*Title*/\n:host(.card--title) .wrapper {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  grid-template-rows: auto 1fr;\n}\n\n:host(.card) {\n  background-color: var(--gray-00);\n}\n:host(.card) .card__header {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: var(--spacing-comp-04) var(--spacing-comp-04) 0 var(--spacing-comp-04);\n  padding-block-end: var(--spacing-comp-04);\n  border-block-end: 1px solid var(--gray-02);\n  gap: var(--spacing-comp-06);\n}\n:host(.card) .card__header--left {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-comp-03);\n  width: 50%;\n}\n:host(.card) .card__header--left .card-title-wrapper {\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n}\n:host(.card) .card__header--right {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: end;\n  gap: var(--spacing-comp-03);\n  font-size: var(--font-size-xl);\n  width: 50%;\n  overflow: hidden;\n  white-space: nowrap;\n}\n:host(.card) .card__header .subtitle-wrapper {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--color-on-background);\n  padding-inline-end: 3px;\n  /*prevents text cut text if italic, due to ellipsis*/\n}\n:host(.card) .card__header .subtitle-wrapper a {\n  color: var(--gray-06);\n}\n:host(.card) .card__header .subtitle {\n  white-space: nowrap;\n  color: var(--color-on-background);\n}\n:host(.card) .content {\n  padding: var(--spacing-comp-04);\n  font-size: inherit;\n  line-height: var(--line-height-default);\n  color: var(--gray-06);\n}\n\n/*--- Section ---*/\n:host(.card--section) {\n  font-size: 13px;\n  border-radius: var(--border-radius-lg);\n  padding: 0;\n}\n\n/*--- Article ---*/\n:host(.card--article) {\n  background-color: var(--gray-01);\n  font-size: 12px;\n  border: 1px solid var(--gray-02);\n  border-radius: var(--border-radius-md);\n  padding: 0;\n}\n:host(.card--article) .card__header .card__title {\n  margin: 0;\n  color: var(--gray-06);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: var(--font-weight-regular);\n  font-size: 14px;\n}\n:host(.card--article) .card__header .subtitle-wrapper {\n  color: var(--gray-06);\n  font-style: italic;\n}\n:host(.card--article) .content {\n  font-style: italic;\n  color: var(--gray-04);\n  line-height: var(--line-height-comfortable);\n}\n\n/*semibold*/\n:host(.card--article.title-semibold) .card__header .card__title {\n  font-weight: var(--font-weight-semibold);\n}\n\n/*--- Mini ---*/\n:host(.card--mini) {\n  background-color: var(--gray-01);\n  font-size: 12px;\n  border: 1px solid var(--gray-02);\n  border-radius: var(--border-radius-md);\n  padding: 0;\n}\n:host(.card--mini) .card__header {\n  margin: var(--spacing-comp-02) var(--spacing-comp-02) 0 var(--spacing-comp-02);\n  padding-block-end: var(--spacing-comp-02);\n  border-bottom: 0;\n}\n:host(.card--mini) .card__header .card__header--left {\n  width: 100%;\n}\n:host(.card--mini) .card__header .card__title {\n  margin: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-weight: 600;\n  font-size: 12px;\n  color: var(--gray-06);\n}\n:host(.card--mini) .content {\n  font-style: italic;\n  padding: 0 var(--spacing-comp-02) var(--spacing-comp-02) var(--spacing-comp-02);\n  color: var(--gray-04);\n}\n\n:host(.card--no-content) .card__header {\n  border-bottom: 0;\n}\n\n/*actionable*/\n:host(.card--actionable:hover) {\n  filter: brightness(var(--gxg-filter-brightness--hover));\n  background-color: var(--gray-01);\n  border-color: var(--gray-03);\n}\n:host(.card--actionable:hover) .card__header,\n:host(.card--actionable:hover) .content {\n  cursor: pointer;\n}\n\n/*no header border*/\n:host(.no-header-border) .card__header {\n  padding-bottom: 0;\n  border-bottom: 0;\n}\n\n/*hiChar*/\n.hiChar {\n  color: var(--gxg-hi-char-color);\n  font-weight: 600;\n}\n\n/*********************************************\nMercury\n**********************************************/\n/*--- General ---*/\n:host(.mercury.card) {\n  color: var(--gray-04);\n  background-color: var(--gray-10);\n}\n:host(.mercury.card) .card__header {\n  border-block-end-color: var(--gray-13);\n}\n:host(.mercury.card) .content {\n  color: var(--gray-04);\n  font-size: var(--mc-font-size-xs);\n}\n\n/*--- Section Type ---*/\n:host(.mercury.card--section) {\n  border-radius: var(--border-radius-md);\n}\n\n/*--- Article Type ---*/\n:host(.mercury.card--article) {\n  border-color: var(--gray-00);\n  background-color: var(--gray-11);\n  box-shadow: none;\n}\n:host(.mercury.card--article) .subtitle-wrapper {\n  font-size: var(--mc-font-size-xs);\n  color: var(--gray-03);\n}\n\n/*--- Mini Type ---*/\n:host(.mercury.card--mini) {\n  border-color: var(--gray-00);\n  box-shadow: none;\n}\n:host(.mercury.card--mini) .content {\n  font-size: var(--mc-font-size-xxs);\n}\n\n/*actionable*/\n:host(.mercury.card--actionable:hover) {\n  border-color: var(--gray-01);\n  background-color: var(--gray-11);\n  cursor: pointer;\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nimport { hiChar } from \"../../common/hiChar\";\nexport class GxgCard {\n    constructor() {\n        this.elevation = \"xs\";\n        this.background = \"white\";\n        this.padding = \"xs\";\n        this.minHeight = \"auto\";\n        this.height = \"auto\";\n        this.maxWidth = \"100%\";\n        this.noShadow = false;\n        this.hiChar = false;\n        this.filterValue = undefined;\n        this.noPaddingTop = false;\n        this.cardTitle = undefined;\n        this.noHeaderBorder = false;\n        this.titleSemibold = false;\n        this.cardSubtitle = undefined;\n        this.subtitleLink = undefined;\n        this.subtitleIcon = undefined;\n        this.cardType = \"section\";\n        this.icon = undefined;\n        this.iconColor = \"auto\";\n        this.subtitleColor = \"auto\";\n        this.editableTitle = false;\n        this.actionable = false;\n    }\n    el;\n    /*---  Mercury Only Tokens ---*/\n    titleType = \"h2\";\n    hasSlot = false;\n    hasHeaderSlot = false;\n    componentWillLoad() {\n        if (this.cardType === \"article\") {\n            this.titleType = \"h2\";\n        }\n        else if (this.cardType === \"mini\") {\n            this.titleType = \"h4\";\n        }\n        const hasSlot = this.el.querySelector(\"*\");\n        if (hasSlot) {\n            this.hasSlot = true;\n        }\n        const headerSlot = this.el.querySelector(\"[slot='header']\");\n        if (headerSlot) {\n            this.hasHeaderSlot = true;\n        }\n    }\n    renderCardSubtitle = () => {\n        if (this.cardSubtitle && this.subtitleLink) {\n            return (h(\"a\", { class: \"subtitle\", href: this.subtitleLink, target: \"_blank\" }, this.cardSubtitle));\n        }\n        else if (this.cardSubtitle && !this.subtitleLink) {\n            {\n                return this.hiChar\n                    ? hiChar(this.cardSubtitle, this.filterValue)\n                    : this.cardSubtitle;\n            }\n        }\n    };\n    render() {\n        return (h(Host, { role: \"article\", class: {\n                card: true,\n                mercury: state.mercury,\n                \"card--no-content\": !this.hasSlot,\n                \"card--section\": this.cardType === \"section\",\n                \"card--article\": this.cardType === \"article\",\n                \"card--mini\": this.cardType === \"mini\",\n                \"card--title\": this.cardTitle !== undefined,\n                \"card--actionable\": this.actionable &&\n                    (this.cardType === \"article\" || this.cardType === \"mini\"),\n                \"title-semibold\": this.titleSemibold,\n                \"card--no-shadow\": this.noShadow,\n                \"no-header-border\": this.noHeaderBorder,\n            }, style: {\n                maxWidth: this.maxWidth,\n                minHeight: this.minHeight,\n                height: this.height,\n            } }, h(\"div\", { role: this.actionable ? \"button\" : \"none\", class: {\n                wrapper: true,\n                \"wrapper--header\": this.cardTitle !== undefined,\n            } }, this.cardTitle ? (h(\"header\", { class: \"card__header\" }, h(\"div\", { class: \"card__header--left\" }, this.icon ? (h(\"gxg-icon\", { type: this.icon, color: this.iconColor })) : null, h(\"div\", { class: \"card-title-wrapper\" }, this.cardType === \"section\" ? (h(\"gxg-title-editable\", { class: \"card__title\", titleType: this.titleType, value: this.cardTitle, disableEdition: !this.editableTitle })) : (h(\"h2\", { class: \"card__title\" }, this.hiChar\n            ? hiChar(this.cardTitle, this.filterValue)\n            : this.cardTitle)))), this.cardSubtitle &&\n            this.cardType !== \"mini\" &&\n            !this.hasHeaderSlot ? (h(\"div\", { class: \"card__header--right\" }, h(\"div\", { class: \"subtitle-wrapper\" }, this.renderCardSubtitle()), this.subtitleIcon ? (h(\"gxg-icon\", { type: this.subtitleIcon, color: this.subtitleColor })) : null)) : null, this.hasHeaderSlot ? (h(\"div\", { class: \"card__header--right\" }, h(\"slot\", { name: \"header\" }))) : null)) : null, this.hasSlot ? (h(\"div\", { class: \"content\" }, h(\"slot\", null))) : null)));\n    }\n    static get is() { return \"gxg-card\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"card.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"card.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"elevation\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"elevation\",\n                    \"resolved\": \"\\\"m\\\" | \\\"xs\\\"\",\n                    \"references\": {\n                        \"elevation\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n                            \"id\": \"src/components/card/card.tsx::elevation\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The card box-shadow\"\n                },\n                \"attribute\": \"elevation\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"xs\\\"\"\n            },\n            \"background\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"background\",\n                    \"resolved\": \"\\\"gray-01\\\" | \\\"white\\\"\",\n                    \"references\": {\n                        \"background\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n                            \"id\": \"src/components/card/card.tsx::background\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The background color\"\n                },\n                \"attribute\": \"background\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"white\\\"\"\n            },\n            \"padding\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"padding\",\n                    \"resolved\": \"\\\"0\\\" | \\\"l\\\" | \\\"m\\\" | \\\"s\\\" | \\\"xl\\\" | \\\"xs\\\" | \\\"xxl\\\" | \\\"xxxl\\\"\",\n                    \"references\": {\n                        \"padding\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n                            \"id\": \"src/components/card/card.tsx::padding\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The card padding\"\n                },\n                \"attribute\": \"padding\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"xs\\\"\"\n            },\n            \"minHeight\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The component min. height\"\n                },\n                \"attribute\": \"min-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"height\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The component height\"\n                },\n                \"attribute\": \"height\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"maxWidth\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The component max. width\"\n                },\n                \"attribute\": \"max-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"100%\\\"\"\n            },\n            \"noShadow\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Disables box-shadow\"\n                },\n                \"attribute\": \"no-shadow\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hiChar\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This allows to highlight any character on the card title, or subtitle.\"\n                },\n                \"attribute\": \"hi-char\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"filterValue\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"This is the filter value needed for hiChar.\"\n                },\n                \"attribute\": \"filter-value\",\n                \"reflect\": false\n            },\n            \"noPaddingTop\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Remove padding from the top (applies only for the \\\"section\\\" card type)\"\n                },\n                \"attribute\": \"no-padding-top\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"cardTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An optional title\"\n                },\n                \"attribute\": \"card-title\",\n                \"reflect\": false\n            },\n            \"noHeaderBorder\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Removes the header border\"\n                },\n                \"attribute\": \"no-header-border\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"titleSemibold\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Card title semibold\"\n                },\n                \"attribute\": \"title-semibold\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"cardSubtitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An optional subtitle\"\n                },\n                \"attribute\": \"card-subtitle\",\n                \"reflect\": false\n            },\n            \"subtitleLink\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An optional subtitle link\"\n                },\n                \"attribute\": \"subtitle-link\",\n                \"reflect\": false\n            },\n            \"subtitleIcon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"An optional subtitle icon\"\n                },\n                \"attribute\": \"subtitle-icon\",\n                \"reflect\": false\n            },\n            \"cardType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"CardType\",\n                    \"resolved\": \"\\\"article\\\" | \\\"mini\\\" | \\\"section\\\"\",\n                    \"references\": {\n                        \"CardType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/card/card.tsx\",\n                            \"id\": \"src/components/card/card.tsx::CardType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The card type (only for mercury)\"\n                },\n                \"attribute\": \"card-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"section\\\"\"\n            },\n            \"icon\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The card type (only for mercury)\"\n                },\n                \"attribute\": \"icon\",\n                \"reflect\": false\n            },\n            \"iconColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"alwaysblack\\\" | \\\"auto\\\" | \\\"disabled\\\" | \\\"error\\\" | \\\"indeterminate\\\" | \\\"mercury\\\" | \\\"negative\\\" | \\\"onbackground\\\" | \\\"ondisabled\\\" | \\\"primary-active\\\" | \\\"primary-enabled\\\" | \\\"primary-hover\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../icon/icon\",\n                            \"id\": \"src/components/icon/icon.tsx::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The icon color\"\n                },\n                \"attribute\": \"icon-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"subtitleColor\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"Color\",\n                    \"resolved\": \"\\\"alwaysblack\\\" | \\\"auto\\\" | \\\"disabled\\\" | \\\"error\\\" | \\\"indeterminate\\\" | \\\"mercury\\\" | \\\"negative\\\" | \\\"onbackground\\\" | \\\"ondisabled\\\" | \\\"primary-active\\\" | \\\"primary-enabled\\\" | \\\"primary-hover\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"Color\": {\n                            \"location\": \"import\",\n                            \"path\": \"../icon/icon\",\n                            \"id\": \"src/components/icon/icon.tsx::Color\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The icon color\"\n                },\n                \"attribute\": \"subtitle-color\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"auto\\\"\"\n            },\n            \"editableTitle\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"It makes the title editable (only for mercury)\"\n                },\n                \"attribute\": \"editable-title\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"actionable\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"It applies a different style on hover. Useful when the card is actionable (has an action attached to the click event).\"\n                },\n                \"attribute\": \"actionable\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=card.js.map\n",":root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-02--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-bold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n}\n\n.gxg-title-03--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-xs);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  text-transform: uppercase;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-title-04--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-md);\n  letter-spacing: var(--letter-spacing-md);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n}\n\n.gxg-title-05--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-sm);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.556em;\n  color: var(--color-on-primary);\n}\n\n/*Text*/\n.gxg-text {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n}\n\n.gxg-text--negative {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-on-primary);\n}\n\n.gxg-text--gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--gray-05);\n}\n\n/*Quote*/\n.gxg-quote {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  font-style: italic;\n}\n\n.gxg-quote--negative {\n  color: var(--color-on-primary);\n}\n\n/*Link*/\n.gxg-link {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n}\n.gxg-link:hover {\n  color: var(--color-primary-hover);\n}\n.gxg-link:active {\n  color: var(--color-primary-active);\n}\n\n.gxg-link-gray {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n}\n.gxg-link-gray:hover {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-primary);\n  text-decoration: underline;\n  cursor: pointer;\n  display: inline-block;\n  color: var(--gray-04);\n  color: var(--gray-06);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-error-dark);\n  display: inline-block;\n}\n\n.gxg-alert-warning {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-warning-dark);\n  display: inline-block;\n}\n\n.gxg-alert-success {\n  font-family: var(--font-family-primary);\n  font-weight: var(--font-weight-regular);\n  font-size: var(--font-size-sm);\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-on-background);\n  text-align: start;\n  line-height: 1.455em;\n  color: var(--color-success-dark);\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(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\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.gxg-button-styles {\n  font-family: var(--font-family-primary) !important;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-sm) !important;\n  letter-spacing: var(--letter-spacing-xs);\n  color: var(--color-primary-enabled);\n  text-align: center;\n  line-height: 1.455em;\n}\n\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n  /* Track */\n  /* Handle */\n  /* Handle on hover */\n  cursor: initial;\n}\n.gxg-scrollbar::-webkit-scrollbar {\n  width: var(--gxg-scrollbar-width, 6px);\n  height: var(--gxg-scrollbar-width, 6px);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n  background-color: var(--gxg-scrollbar-track-background, --gray-02);\n  border-radius: var(--gxg-scrollbar-track-border-radius, 10px);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n  background-color: var(--gxg-scrollbar-track-thumb-background, --gray-05);\n  border-radius: var(--gxg-scrollbar-track-thumb-radius, 10px);\n  border: var(--gxg-scrollbar-track-thumb-border);\n  background-clip: padding-box;\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n  background-color: var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);\n}\n\n/*Warning*/\n:host(.gxg-validation--warning) .form-element {\n  border-color: var(--color-warning-dark);\n}\n:host(.gxg-validation--warning) .form-element:focus {\n  outline-color: var(--color-warning-dark);\n  border-color: var(--color-warning-dark);\n}\n:host(.gxg-validation--warning) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--color-warning-dark);\n}\n\n/*Error*/\n:host(.gxg-validation--error) .form-element {\n  border-color: var(--color-error-dark);\n}\n:host(.gxg-validation--error) .form-element:focus {\n  outline-color: var(--color-error-dark);\n  border-color: var(--color-error-dark);\n}\n:host(.gxg-validation--error) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--color-error-dark);\n}\n\n/*Success*/\n:host(.gxg-validation--success) .form-element {\n  border-color: var(--color-success-dark);\n}\n:host(.gxg-validation--success) .form-element:focus {\n  outline-color: var(--color-success-dark);\n  border-color: var(--color-success-dark);\n}\n:host(.gxg-validation--success) .form-element:focus + .checkmark {\n  --checkmark-border-color: var(--color-success-dark);\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  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(--spacing-comp-01);\n}\n.tooltip-inner-wrapper--visible {\n  width: 24px;\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(--gxg-background-color--disabled) !important;\n  color: var(--gxg-color--disabled) !important;\n  border-color: var(--gxg-border-color--disabled) !important;\n  cursor: default !important;\n}\n\n:host {\n  display: block;\n  color: var(--mc-editable-title-color);\n}\n:host .wrapper {\n  font-family: var(--font-family-primary);\n  position: relative;\n  max-width: 100%;\n}\n:host input {\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  text-transform: inherit;\n  color: inherit;\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  box-sizing: border-box;\n  flex-grow: 1;\n  cursor: auto;\n  border-bottom: 2px solid transparent;\n}\n:host input:focus {\n  outline: none;\n}\n\n/*wrapper*/\n.wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-comp-02);\n}\n\n/*editing*/\n:host(:not([editing])) input {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/*click-to-edit*/\n:host([click-to-edit]:not([disable-edition])) .wrapper,\n:host([click-to-edit]:not([disable-edition])) input {\n  cursor: pointer;\n}\n\n/*title types*/\n:host([title-type=h1]) .wrapper {\n  font-size: var(--mc-font-size-lg);\n  font-weight: var(--font-weight-bold);\n  text-transform: capitalize;\n}\n\n:host([title-type=h2]) .wrapper {\n  font-size: var(--mc-font-size-sm);\n  font-weight: var(--font-weight-bold);\n}\n\n:host([title-type=h3]) .wrapper {\n  font-size: var(--mc-font-size-xs);\n  font-weight: var(--font-weight-semibold);\n}\n\n:host([title-type=h4]) .wrapper {\n  font-size: var(--mc-font-size-xxs);\n  font-weight: var(--font-weight-semibold);\n}\n\n/*fluid*/\n:host([fluid]) .wrapper {\n  display: inline-flex;\n}\n\n/*focus (optional)*/\n:host(.focus--text.editing) input {\n  color: var(--gxg-editable-title-focus-color);\n}\n\n/*focus (optional)*/\n:host(.focus--line.editing) input {\n  border-bottom-color: var(--gxg-editable-title-focus-color);\n}\n\n/*ghost div: it helps measuring the text width, to make the input as wide as needed (fluid)*/\n.ghost {\n  font-family: inherit;\n  font-size: inherit;\n  position: fixed;\n  visibility: hidden;\n  height: auto;\n  width: auto;\n  white-space: nowrap;\n  /*remove from viewport*/\n  bottom: 0;\n  left: 0;\n  transform: translate(-100%, -100%);\n}","import { Host, h, } from \"@stencil/core\";\nimport { formTooltipLogic } from \"../../common/form\";\nimport { formClasses } from \"../../common/classesNames\";\nimport { commonClassesNames } from \"../../common/classesNames\";\nimport { detectClickOutside } from \"../../common/detect-click-outside\";\nexport class GxgTitleEditable {\n    constructor() {\n        this.value = undefined;\n        this.titleType = \"h1\";\n        this.disableEdition = false;\n        this.debounce = false;\n        this.debounceDelay = 800;\n        this.disabled = false;\n        this.clickToEdit = false;\n        this.fluid = false;\n        this.focusType = undefined;\n        this.validationStatus = \"indeterminate\";\n        this.validationMessage = undefined;\n        this.hideTooltip = false;\n        this.editing = false;\n    }\n    textInput;\n    wrapperEl;\n    editButtonEl;\n    ghostDiv;\n    el;\n    timeoutReference;\n    watchValueHandler(newValue) {\n        if (this.debounce) {\n            clearTimeout(this.timeoutReference);\n            this.timeoutReference = setTimeout(() => {\n                this.valueChanged.emit(newValue);\n            }, this.debounceDelay);\n        }\n        else {\n            this.valueChanged.emit(newValue);\n        }\n    }\n    watchEditingHandler(editing) {\n        if (editing) {\n            document.addEventListener(\"click\", this.detectClickOutsideFunc);\n        }\n        else {\n            document.removeEventListener(\"click\", this.detectClickOutsideFunc);\n        }\n    }\n    /* EVENTS */\n    /**\n     * Emitted when the value changes\n     */\n    valueChanged;\n    /*COMPONENT LIFECYCLE METHODS*/\n    componentDidLoad() {\n        if (this.fluid) {\n            this.inputInputHandler();\n        }\n    }\n    /*PRIVATE METHODS*/\n    edit = () => {\n        this.editing = true;\n        this.positionCursorAtTheEnd();\n    };\n    wrapperClickedHandler = () => {\n        this.editing = true;\n    };\n    positionCursorAtTheEnd = () => {\n        this.textInput.selectionStart = this.textInput.selectionEnd = this.textInput.value.length;\n        this.textInput.focus();\n    };\n    inputKeyDownHandler = (e) => {\n        if (e.key === \"Enter\" || e.key === \"Escape\") {\n            e.preventDefault();\n            this.editing = false;\n            this.editButtonEl.focus();\n        }\n        else if (this.fluid) {\n            this.setInputWidth();\n        }\n    };\n    detectClickOutsideFunc = (e) => {\n        const clickedOutside = detectClickOutside(e, this.wrapperEl);\n        if (clickedOutside) {\n            this.editing = false;\n        }\n    };\n    setInputWidth = () => {\n        this.textInput.style.width = this.value.length + 1 + \"ch\";\n    };\n    inputInputHandler = () => {\n        this.value = this.textInput.value;\n        if (this.fluid) {\n            this.ghostDiv.innerText = this.value;\n            this.updateInputWidth();\n        }\n    };\n    updateInputWidth = () => {\n        if (this.fluid) {\n            const ghostDivWidth = this.ghostDiv.getBoundingClientRect().width;\n            this.textInput.style.width = `${ghostDivWidth}px`;\n        }\n    };\n    /*RENDER*/\n    render() {\n        return (h(Host, { class: {\n                editing: this.editing,\n                \"focus--text\": this.focusType === \"text\",\n                \"focus--line\": this.focusType === \"line\",\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(\"div\", { onMouseUp: this.clickToEdit &&\n                !this.editing &&\n                !this.disableEdition &&\n                this.wrapperClickedHandler, class: {\n                wrapper: true,\n            }, ref: (el) => (this.wrapperEl = el) }, this.fluid ? (h(\"div\", { class: \"ghost\", ref: (el) => (this.ghostDiv = el) })) : null, h(\"input\", { type: \"text\", value: this.value, readOnly: !this.editing, ref: (el) => (this.textInput = el), onKeyDown: this.inputKeyDownHandler, onInput: this.inputInputHandler, tabIndex: this.editing ? 0 : -1 }), !this.disableEdition ? (h(\"gxg-button\", { type: \"secondary-icon-only\", icon: \"gemini-tools/edit\", onClick: this.edit, ref: (el) => (this.editButtonEl = el) })) : null, formTooltipLogic(this, this.hideTooltip))));\n    }\n    static get is() { return \"gxg-title-editable\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"title-editable.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"title-editable.css\"]\n        };\n    }\n    static get properties() {\n        return {\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\": \"The title value\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false,\n                \"defaultValue\": \"undefined\"\n            },\n            \"titleType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"EditableTitleType\",\n                    \"resolved\": \"\\\"h1\\\" | \\\"h2\\\" | \\\"h3\\\" | \\\"h4\\\"\",\n                    \"references\": {\n                        \"EditableTitleType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/title-editable/title-editable.tsx\",\n                            \"id\": \"src/components/title-editable/title-editable.tsx::EditableTitleType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title type\"\n                },\n                \"attribute\": \"title-type\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"h1\\\"\"\n            },\n            \"disableEdition\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, the title will not be editable\"\n                },\n                \"attribute\": \"disable-edition\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"debounce\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute activates a debounce for the valueChanged event. This will cause the event to be emitted after 'debounceDelay' time.\"\n                },\n                \"attribute\": \"debounce\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"debounceDelay\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The debounce delay value. Only applies if 'debounce' is true.\"\n                },\n                \"attribute\": \"debounce-delay\",\n                \"reflect\": false,\n                \"defaultValue\": \"800\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The presence of this attribute makes the input disabled\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"clickToEdit\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, it will allow the title to be edited\"\n                },\n                \"attribute\": \"click-to-edit\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"fluid\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, the width of the title will take only the minimum needed space\"\n                },\n                \"attribute\": \"fluid\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"focusType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"EditableTitleFocusType\",\n                    \"resolved\": \"\\\"line\\\" | \\\"text\\\"\",\n                    \"references\": {\n                        \"EditableTitleFocusType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/title-editable/title-editable.tsx\",\n                            \"id\": \"src/components/title-editable/title-editable.tsx::EditableTitleFocusType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If true, the width of the title will take only the minimum needed space\"\n                },\n                \"attribute\": \"focus-type\",\n                \"reflect\": true\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            \"hideTooltip\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Shows or hides the tooltip\"\n                },\n                \"attribute\": \"hide-tooltip\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"editing\": {}\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\": \"Emitted when the value changes\"\n                },\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"value\",\n                \"methodName\": \"watchValueHandler\"\n            }, {\n                \"propName\": \"editing\",\n                \"methodName\": \"watchEditingHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=title-editable.js.map\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"names":["createKbFromServerCss","GxIdeCreateKbFromServer","this","renderedFirstTime","shortcutsSrc","getAssetPath","kbIdSelected","authenticationTypes","setAuthenticationTypes","id","value","label","_componentLocale","genexusAccount","local","addEventListeners","serverUrlsEl","addEventListener","reset","searchKBEl","e","kbNameEl","kbSearchText","detail","listBoxEl","ev","selectedItems","items","selectedItem","length","kbSelected","kbs","find","kb","name","createKbHandler","createKBCallback","createKBCallbackPromise","then","formSubmitResult","formSubmitValidation","connectCallbackHandler","connectCallback","connectCallbackPromise","serverUrl","authenticationType","authenticationTypeEl","user","_a","userNameEl","password","_b","passwordEl","connectionResultData","formResult","success","selectionKbDisabled","componentWillLoad","Locale","getComponentStrings","el","componentDidLoad","focus","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","h","Host","class","containerTitle","displayTitle","labelPosition","disableFilter","enableCustomServer","ref","part","serverUrls","renderFormItems","map","sUrl","onValueChanged","evaluateAuthenticationType","userName","type","onClick","buttons","connect","disabled","placeholder","searchKbs","onSelectionChanged","kbsOnSelectionChangedHandler","filter","toLowerCase","includes","key","localKb","kbName","create","src"],"sources":["src/components/create-kb-from-server/create-kb-from-server.scss?tag=gx-ide-create-kb-from-server&encapsulation=shadow","src/components/create-kb-from-server/create-kb-from-server.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: block;\n  border: 1px solid var(--gxg-border-color--regular);\n  background-color: var(--color-background);\n}\n:host(.gxi-create-kb-from-server--shadow) {\n}\n\n.grid-data {\n  grid-template-columns: repeat(2, 1fr);\n}\n.grid-data-account {\n  grid-template-columns: auto 1fr;\n  > :nth-child(1) {\n    grid-area: 1 / 1 / 2 / 3;\n  }\n  > :nth-child(6) {\n    grid-area: 4 / 2 / 5 / 3;\n  }\n}\n.grid-data-kbs {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gx-ide-grid-row-gap);\n  .search-kbs {\n    width: 100%;\n    display: flex;\n  }\n  .box-kbs {\n    height: 150px;\n  }\n}\n.grid-data-kbs-footer {\n  display: flex;\n}\n.flex {\n  display: flex;\n  > :nth-child(2) {\n    flex: 1;\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  State,\n  getAssetPath\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { SelectionChangedEvent } from \"@genexus/gemini/dist/types/components/list-box/list-box\";\n/* CUSTOM IMPORTS */\nimport { GxOption } from \"../../common/types\";\nimport { Locale } from \"../../common/locale\";\nimport { renderFormItems } from \"../../common/common\";\nimport {\n  FormSubmitResult,\n  GxServerAuthenticationType\n} from \"../../common/types\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\n\n@Component({\n  tag: \"gx-ide-create-kb-from-server\",\n  styleUrl: \"create-kb-from-server.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/create-kb-from-server\"]\n})\nexport class GxIdeCreateKbFromServer {\n  [key: string]: any;\n\n  /*\nINDEX:\n1.OWN PROPERTIES\n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  private shortcutsSrc = getAssetPath(\n    `./gx-ide-assets/create-kb-from-server/shortcuts.json`\n  );\n\n  /* References needed to collect data with \"Connect\" and \"Create\" buttons submit*/\n  private authenticationTypeEl!: HTMLGxgComboBoxElement;\n  private serverUrlsEl!: HTMLGxgComboBoxElement;\n  private kbNameEl!: HTMLGxgFormTextElement;\n  private passwordEl!: HTMLGxgFormTextElement;\n  private userNameEl!: HTMLGxgFormTextElement;\n  private searchKBEl!: HTMLGxgFormTextElement;\n  private listBoxEl!: HTMLElement;\n  private kbIdSelected: string = null;\n  private authenticationTypes: GxOption[] = [];\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeCreateKbFromServerElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Disabled or not the part for select and create the KB\n   */\n  @State() selectionKbDisabled = true;\n\n  /**\n   * KBs that return from connect to the server\n   */\n  @State() kbs: KBData[] = [];\n\n  /**\n   * KBs search text\n   */\n  @State() kbSearchText = \"\";\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * If true it displays the component title on the header\n   */\n  @Prop() readonly displayTitle = false;\n\n  /**\n   * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)\n   */\n  @Prop() readonly connectCallback: (\n    data: GXServerConnectionData\n  ) => Promise<ConnectionResultData>;\n\n  /**\n   * Callback that will be invoked when the user confirms KB creation (‘Create’ button)\n   */\n  @Prop() readonly createKBCallback: (\n    data: CreateKBData\n  ) => Promise<FormSubmitResult>;\n\n  /**\n   * If is true then the user can specify a server url that don't be in the combo box of server urls.\n   */\n  @Prop() readonly enableCustomServer: boolean = false;\n\n  /**\n   * The knowledge base default suggested name\n   */\n  @Prop() readonly kbName: string;\n\n  /**\n   * Password for the database connection.\n   */\n  @Prop() readonly password: string;\n\n  /**\n   * Array of URLs of cataloged servers to be displayed in the combo\n   */\n  @Prop() readonly serverUrls!: string[];\n\n  /**\n   * Username for the database connection.\n   */\n  @Prop() readonly userName: string;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    // this.setInitialValues();\n    this.setAuthenticationTypes();\n  }\n\n  componentDidLoad() {\n    (this.serverUrlsEl as HTMLElement).focus();\n    this.addEventListeners();\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  // 9.LOCAL METHODS //\n\n  private setAuthenticationTypes = () => {\n    this.authenticationTypes = [\n      {\n        id: \"genexus\",\n        value: \"genexus\",\n        label: this._componentLocale.authenticationTypes.genexusAccount\n      },\n      {\n        id: \"local\",\n        value: \"local\",\n        label: this._componentLocale.authenticationTypes.local\n      }\n    ];\n  };\n\n  private addEventListeners = () => {\n    this.serverUrlsEl.addEventListener(\"valueChanged\", () => {\n      this.reset();\n    });\n\n    this.searchKBEl.addEventListener(\n      \"valueChanged\",\n      (e: CustomEvent<string>) => {\n        this.kbNameEl.value = \"\";\n        this.kbIdSelected = null;\n        this.kbSearchText = e.detail;\n      }\n    );\n\n    this.listBoxEl.addEventListener(\n      \"selectionChanged\",\n      (ev: CustomEvent<SelectionChangedEvent>): void => {\n        const selectedItems = ev.detail.items;\n        let selectedItem;\n        if (selectedItems.length > 0) {\n          selectedItem = ev.detail.items[0];\n        }\n        if (selectedItem) {\n          this.kbIdSelected = selectedItem.value;\n          const kbSelected = this.kbs.find(kb => kb.id === this.kbIdSelected);\n          if (kbSelected) {\n            this.kbNameEl.value = kbSelected.name;\n          }\n        }\n      }\n    );\n  };\n\n  private reset() {\n    this.kbs = [];\n    this.kbIdSelected = null;\n    this.selectionKbDisabled = true;\n    this.searchKBEl.value = \"\";\n    this.kbSearchText = \"\";\n  }\n\n  private createKbHandler = (): void => {\n    if (this.createKBCallback) {\n      const createKBCallbackPromise = this.createKBCallback({\n        id: this.kbIdSelected,\n        name: this.kbNameEl.value\n      });\n      createKBCallbackPromise.then((formSubmitResult: FormSubmitResult) => {\n        formSubmitValidation(formSubmitResult, this);\n      });\n    }\n  };\n\n  private connectCallbackHandler = (): void => {\n    if (this.connectCallback) {\n      const connectCallbackPromise = this.connectCallback({\n        serverUrl: this.serverUrlsEl.value,\n        authenticationType: this.authenticationTypeEl.value,\n        user: this.userNameEl?.value,\n        password: this.passwordEl?.value\n      });\n      connectCallbackPromise.then(\n        (connectionResultData: ConnectionResultData) => {\n          formSubmitValidation(connectionResultData.formResult, this);\n          if (\n            connectionResultData.formResult.success &&\n            connectionResultData.kbs\n          ) {\n            this.kbs = connectionResultData.kbs;\n            this.selectionKbDisabled = false;\n          }\n        }\n      );\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  // 11.RENDER() FUNCTION //\n\n  render(): void {\n    return (\n      <Host class=\"gx-ide-component\">\n        <div class=\"gx-ide-main-wrapper\">\n          <gx-ide-container\n            containerTitle={\n              this.displayTitle ? this._componentLocale.componentName : null\n            }\n          >\n            <div class=\"flex\">\n              {/* #kb name */}\n              <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                {this._componentLocale.label.serverUrl}\n              </gxg-label>\n              <gxg-combo-box\n                disableFilter={!this.enableCustomServer}\n                ref={(el: HTMLGxgComboBoxElement) =>\n                  (this.serverUrlsEl = el as HTMLGxgComboBoxElement)\n                }\n                class=\"server-urls-combo-box\"\n                part=\"server-urls\"\n              >\n                {this.serverUrls\n                  ? renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.serverUrls.map(sUrl => ({\n                        id: sUrl,\n                        label: sUrl,\n                        value: sUrl\n                      })),\n                      \"server-urls\"\n                    )\n                  : null}\n              </gxg-combo-box>\n            </div>\n            <div class=\"grid grid-data\">\n              <div>\n                <div class=\"grid grid-data-account\">\n                  {/* #authentication type */}\n                  <gxg-combo-box\n                    disableFilter\n                    value={this.authenticationTypes[0].id}\n                    ref={(el: HTMLGxgComboBoxElement) =>\n                      (this.authenticationTypeEl = el as HTMLGxgComboBoxElement)\n                    }\n                    class=\"authentication-type\"\n                    part=\"authentication-type\"\n                    onValueChanged={this.evaluateAuthenticationType}\n                  >\n                    {renderFormItems(\n                      \"gxg-combo-box-item\",\n                      this.authenticationTypes,\n                      \"authentication-type\"\n                    )}\n                  </gxg-combo-box>\n\n                  {/* #user name */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.userName}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.userNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.userName}\n                    class=\"user-name\"\n                    part=\"user-name\"\n                  ></gxg-form-text>\n\n                  {/* #password */}\n                  <gxg-label labelPosition=\"start\" class=\"kb-label\">\n                    {`${this._componentLocale.label.password}:`}\n                  </gxg-label>\n                  <gxg-form-text\n                    password\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.passwordEl = el as HTMLGxgFormTextElement)\n                    }\n                    value={this.password}\n                    class=\"password\"\n                    part=\"password\"\n                  ></gxg-form-text>\n\n                  {/* #connect */}\n                  <div>\n                    <gxg-button\n                      id=\"button-connect\"\n                      type=\"primary-text-only\"\n                      onClick={this.connectCallbackHandler}\n                      part=\"button-connect\"\n                    >\n                      {this._componentLocale.buttons.connect}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n\n              <div class=\"grid\">\n                <div class=\"grid-data-kbs\">\n                  <div class=\"search-kbs\">\n                    <gxg-form-text\n                      ref={(el: HTMLGxgFormTextElement) =>\n                        (this.searchKBEl = el as HTMLGxgFormTextElement)\n                      }\n                      class=\"search-kb-input\"\n                      part=\"search-kb\"\n                      disabled={this.selectionKbDisabled}\n                      placeholder={this._componentLocale.label.searchKbs}\n                    ></gxg-form-text>\n                  </div>\n                  <div class=\"box-kbs\">\n                    <gxg-list-box\n                      single-selection\n                      disabled={this.selectionKbDisabled}\n                      ref={(el: HTMLElement) => (this.listBoxEl = el)}\n                      part=\"kbs\"\n                      onSelectionChanged={this.kbsOnSelectionChangedHandler}\n                    >\n                      {this.kbs\n                        .filter(kb =>\n                          kb.name\n                            .toLowerCase()\n                            .includes(this.kbSearchText.toLowerCase())\n                        )\n                        .map(kb => (\n                          <gxg-list-box-item value={kb.id} key={kb.id}>\n                            {kb.name}\n                          </gxg-list-box-item>\n                        ))}\n                    </gxg-list-box>\n                  </div>\n                </div>\n                <div class=\"grid grid-data-kbs-footer\">\n                  {/* #kbName */}\n                  <gxg-form-text\n                    ref={(el: HTMLGxgFormTextElement) =>\n                      (this.kbNameEl = el as HTMLGxgFormTextElement)\n                    }\n                    label={this._componentLocale.localKb}\n                    value={this.kbName}\n                    class=\"kb-name\"\n                    part=\"kb-name\"\n                    disabled={this.selectionKbDisabled}\n                  ></gxg-form-text>\n\n                  {/* #create button */}\n                  <div>\n                    <gxg-button\n                      id=\"button-create\"\n                      type=\"primary-text-only\"\n                      onClick={this.createKbHandler}\n                      part=\"button-create\"\n                      disabled={this.selectionKbDisabled}\n                    >\n                      {this._componentLocale.buttons.create}\n                    </gxg-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </gx-ide-container>\n        </div>\n        <gxg-shortcuts src={this.shortcutsSrc}></gxg-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport interface GXServerConnectionData {\n  serverUrl: string;\n  authenticationType: GxServerAuthenticationType;\n  user: string;\n  password: string;\n}\nexport type ConnectionResultData = {\n  formResult: FormSubmitResult;\n  kbs: KBData[];\n};\nexport interface KBData {\n  id: string;\n  name: string;\n}\nexport interface CreateKBData {\n  id: string;\n  name: string;\n}\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAwB;;MC8BjBC,IAAuB;;;;IAuB1BC,KAAAC,oBAAoB;IACpBD,KAAAE,eAAeC,EACrB;IAWMH,KAAAI,eAAuB;IACvBJ,KAAAK,sBAAkC;;;;QAwGlCL,KAAAM,yBAAyB;MAC/BN,KAAKK,sBAAsB,EACzB;QACEE,IAAI;QACJC,OAAO;QACPC,OAAOT,KAAKU,iBAAiBL,oBAAoBM;SAEnD;QACEJ,IAAI;QACJC,OAAO;QACPC,OAAOT,KAAKU,iBAAiBL,oBAAoBO;;AAEpD;IAGKZ,KAAAa,oBAAoB;MAC1Bb,KAAKc,aAAaC,iBAAiB,iBAAgB;QACjDf,KAAKgB;AAAO;MAGdhB,KAAKiB,WAAWF,iBACd,iBACCG;QACClB,KAAKmB,SAASX,QAAQ;QACtBR,KAAKI,eAAe;QACpBJ,KAAKoB,eAAeF,EAAEG;AAAM;MAIhCrB,KAAKsB,UAAUP,iBACb,qBACCQ;QACC,MAAMC,IAAgBD,EAAGF,OAAOI;QAChC,IAAIC;QACJ,IAAIF,EAAcG,SAAS,GAAG;UAC5BD,IAAeH,EAAGF,OAAOI,MAAM;;QAEjC,IAAIC,GAAc;UAChB1B,KAAKI,eAAesB,EAAalB;UACjC,MAAMoB,IAAa5B,KAAK6B,IAAIC,MAAKC,KAAMA,EAAGxB,OAAOP,KAAKI;UACtD,IAAIwB,GAAY;YACd5B,KAAKmB,SAASX,QAAQoB,EAAWI;;;;AAIxC;IAWKhC,KAAAiC,kBAAkB;MACxB,IAAIjC,KAAKkC,kBAAkB;QACzB,MAAMC,IAA0BnC,KAAKkC,iBAAiB;UACpD3B,IAAIP,KAAKI;UACT4B,MAAMhC,KAAKmB,SAASX;;QAEtB2B,EAAwBC,MAAMC;UAC5BC,EAAqBD,GAAkBrC;AAAK;;;IAK1CA,KAAAuC,yBAAyB;;MAC/B,IAAIvC,KAAKwC,iBAAiB;QACxB,MAAMC,IAAyBzC,KAAKwC,gBAAgB;UAClDE,WAAW1C,KAAKc,aAAaN;UAC7BmC,oBAAoB3C,KAAK4C,qBAAqBpC;UAC9CqC,OAAMC,IAAA9C,KAAK+C,gBAAU,QAAAD,WAAA,aAAAA,EAAEtC;UACvBwC,WAAUC,IAAAjD,KAAKkD,gBAAU,QAAAD,WAAA,aAAAA,EAAEzC;;QAE7BiC,EAAuBL,MACpBe;UACCb,EAAqBa,EAAqBC,YAAYpD;UACtD,IACEmD,EAAqBC,WAAWC,WAChCF,EAAqBtB,KACrB;YACA7B,KAAK6B,MAAMsB,EAAqBtB;YAChC7B,KAAKsD,sBAAsB;;;;;+BAjLN;eAKN;wBAKD;wBAOQ;;;8BAmBe;;;;;;;EA+B/C,uBAAMC;IACJvD,KAAKU,yBAAyB8C,EAAOC,oBAAoBzD,KAAK0D;;QAE9D1D,KAAKM;;EAGP,gBAAAqD;IACG3D,KAAKc,aAA6B8C;IACnC5D,KAAKa;;EAGP,kBAAAgD;IACE,KAAK7D,KAAKC,mBAAmB;MAC3BD,KAAK8D,4BAA4BC,KAC/B/D,KAAKU,iBAAiBsD;MAExBhE,KAAKC,oBAAoB;;;EA0DrB,KAAAe;IACNhB,KAAK6B,MAAM;IACX7B,KAAKI,eAAe;IACpBJ,KAAKsD,sBAAsB;IAC3BtD,KAAKiB,WAAWT,QAAQ;IACxBR,KAAKoB,eAAe;;;;EA0CtB,MAAA6C;IACE,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEG,gBACErE,KAAKsE,eAAetE,KAAKU,iBAAiBsD,gBAAgB;OAG5DE,EAAA;MAAKE,OAAM;OAETF,EAAA;MAAWK,eAAc;MAAQH,OAAM;OACpCpE,KAAKU,iBAAiBD,MAAMiC,YAE/BwB,EAAA;MACEM,gBAAgBxE,KAAKyE;MACrBC,KAAMhB,KACH1D,KAAKc,eAAe4C;MAEvBU,OAAM;MACNO,MAAK;OAEJ3E,KAAK4E,aACFC,EACE,sBACA7E,KAAK4E,WAAWE,KAAIC,MAAI;MACtBxE,IAAIwE;MACJtE,OAAOsE;MACPvE,OAAOuE;UAET,iBAEF,QAGRb,EAAA;MAAKE,OAAM;OACTF,EAAA,aACEA,EAAA;MAAKE,OAAM;OAETF,EAAA;MACEM,eAAa;MACbhE,OAAOR,KAAKK,oBAAoB,GAAGE;MACnCmE,KAAMhB,KACH1D,KAAK4C,uBAAuBc;MAE/BU,OAAM;MACNO,MAAK;MACLK,gBAAgBhF,KAAKiF;OAEpBJ,EACC,sBACA7E,KAAKK,qBACL,yBAKJ6D,EAAA;MAAWK,eAAc;MAAQH,OAAM;OACpC,GAAGpE,KAAKU,iBAAiBD,MAAMyE,cAElChB,EAAA;MACEQ,KAAMhB,KACH1D,KAAK+C,aAAaW;MAErBlD,OAAOR,KAAKkF;MACZd,OAAM;MACNO,MAAK;QAIPT,EAAA;MAAWK,eAAc;MAAQH,OAAM;OACpC,GAAGpE,KAAKU,iBAAiBD,MAAMuC,cAElCkB,EAAA;MACElB,UAAQ;MACR0B,KAAMhB,KACH1D,KAAKkD,aAAaQ;MAErBlD,OAAOR,KAAKgD;MACZoB,OAAM;MACNO,MAAK;QAIPT,EAAA,aACEA,EAAA;MACE3D,IAAG;MACH4E,MAAK;MACLC,SAASpF,KAAKuC;MACdoC,MAAK;OAEJ3E,KAAKU,iBAAiB2E,QAAQC,aAMvCpB,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MACEQ,KAAMhB,KACH1D,KAAKiB,aAAayC;MAErBU,OAAM;MACNO,MAAK;MACLY,UAAUvF,KAAKsD;MACfkC,aAAaxF,KAAKU,iBAAiBD,MAAMgF;SAG7CvB,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAA;MAEEqB,UAAUvF,KAAKsD;MACfoB,KAAMhB,KAAqB1D,KAAKsB,YAAYoC;MAC5CiB,MAAK;MACLe,oBAAoB1F,KAAK2F;OAExB3F,KAAK6B,IACH+D,QAAO7D,KACNA,EAAGC,KACA6D,cACAC,SAAS9F,KAAKoB,aAAayE,iBAE/Bf,KAAI/C,KACHmC,EAAA;MAAmB1D,OAAOuB,EAAGxB;MAAIwF,KAAKhE,EAAGxB;OACtCwB,EAAGC,YAMhBkC,EAAA;MAAKE,OAAM;OAETF,EAAA;MACEQ,KAAMhB,KACH1D,KAAKmB,WAAWuC;MAEnBjD,OAAOT,KAAKU,iBAAiBsF;MAC7BxF,OAAOR,KAAKiG;MACZ7B,OAAM;MACNO,MAAK;MACLY,UAAUvF,KAAKsD;QAIjBY,EAAA,aACEA,EAAA;MACE3D,IAAG;MACH4E,MAAK;MACLC,SAASpF,KAAKiC;MACd0C,MAAK;MACLY,UAAUvF,KAAKsD;OAEdtD,KAAKU,iBAAiB2E,QAAQa,eAQ7ChC,EAAA;MAAeiC,KAAKnG,KAAKE"}