@genexus/genexus-ide-ui 0.0.102 → 0.0.103

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  2. package/dist/cjs/{gx-ide-container_3.cjs.entry.js → gx-ide-container_2.cjs.entry.js} +3 -42
  3. package/dist/cjs/gx-ide-container_2.cjs.entry.js.map +1 -0
  4. package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js +53 -8
  5. package/dist/cjs/gx-ide-dashboard-home.cjs.entry.js.map +1 -1
  6. package/dist/cjs/gx-ide-empty-state_2.cjs.entry.js +107 -97
  7. package/dist/cjs/gx-ide-empty-state_2.cjs.entry.js.map +1 -1
  8. package/dist/cjs/gx-ide-recent-news.cjs.entry.js +113 -0
  9. package/dist/cjs/gx-ide-recent-news.cjs.entry.js.map +1 -0
  10. package/dist/cjs/gxg-title-editable.cjs.entry.js +128 -0
  11. package/dist/cjs/gxg-title-editable.cjs.entry.js.map +1 -0
  12. package/dist/cjs/gxg-title.cjs.entry.js +47 -0
  13. package/dist/cjs/gxg-title.cjs.entry.js.map +1 -0
  14. package/dist/cjs/loader.cjs.js +1 -1
  15. package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.js +4 -4
  16. package/dist/collection/components/_helpers/empty-state/gx-ide-empty-state.js.map +1 -1
  17. package/dist/collection/components/dashboard-home/dashboard-home.css +23 -11
  18. package/dist/collection/components/dashboard-home/dashboard-home.js +75 -9
  19. package/dist/collection/components/dashboard-home/dashboard-home.js.map +1 -1
  20. package/dist/collection/components/dashboard-home/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.en.json +16 -1
  21. package/dist/components/gx-ide-dashboard-home.js +104 -20
  22. package/dist/components/gx-ide-dashboard-home.js.map +1 -1
  23. package/dist/components/gx-ide-empty-state2.js +4 -4
  24. package/dist/components/gx-ide-empty-state2.js.map +1 -1
  25. package/dist/esm/genexus-ide-ui.js +1 -1
  26. package/dist/esm/{gx-ide-container_3.entry.js → gx-ide-container_2.entry.js} +4 -42
  27. package/dist/esm/gx-ide-container_2.entry.js.map +1 -0
  28. package/dist/esm/gx-ide-dashboard-home.entry.js +53 -8
  29. package/dist/esm/gx-ide-dashboard-home.entry.js.map +1 -1
  30. package/dist/esm/gx-ide-empty-state_2.entry.js +107 -97
  31. package/dist/esm/gx-ide-empty-state_2.entry.js.map +1 -1
  32. package/dist/esm/gx-ide-recent-news.entry.js +109 -0
  33. package/dist/esm/gx-ide-recent-news.entry.js.map +1 -0
  34. package/dist/esm/gxg-title-editable.entry.js +124 -0
  35. package/dist/esm/gxg-title-editable.entry.js.map +1 -0
  36. package/dist/esm/gxg-title.entry.js +43 -0
  37. package/dist/esm/gxg-title.entry.js.map +1 -0
  38. package/dist/esm/loader.js +1 -1
  39. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  40. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
  41. package/dist/genexus-ide-ui/gx-ide-assets/dashboard-home/langs/dashboard-home.lang.en.json +16 -1
  42. package/dist/genexus-ide-ui/{p-1346991a.entry.js → p-01f66e53.entry.js} +93 -39
  43. package/dist/genexus-ide-ui/p-01f66e53.entry.js.map +1 -0
  44. package/dist/genexus-ide-ui/p-3457226c.entry.js +146 -0
  45. package/dist/genexus-ide-ui/p-3457226c.entry.js.map +1 -0
  46. package/dist/genexus-ide-ui/{p-bff2603a.entry.js → p-5270ef52.entry.js} +120 -172
  47. package/dist/genexus-ide-ui/p-5270ef52.entry.js.map +1 -0
  48. package/dist/genexus-ide-ui/{p-40f21d2d.entry.js → p-95cd2572.entry.js} +9 -76
  49. package/dist/genexus-ide-ui/p-95cd2572.entry.js.map +1 -0
  50. package/dist/genexus-ide-ui/p-ce89cbcb.entry.js +71 -0
  51. package/dist/genexus-ide-ui/p-ce89cbcb.entry.js.map +1 -0
  52. package/dist/genexus-ide-ui/{p-2e6da0ef.entry.js → p-e9456041.entry.js} +6 -96
  53. package/dist/genexus-ide-ui/p-e9456041.entry.js.map +1 -0
  54. package/dist/types/components/dashboard-home/dashboard-home.d.ts +12 -2
  55. package/dist/types/components.d.ts +10 -2
  56. package/package.json +1 -1
  57. package/dist/cjs/gx-ide-container_3.cjs.entry.js.map +0 -1
  58. package/dist/cjs/gxg-card_2.cjs.entry.js +0 -243
  59. package/dist/cjs/gxg-card_2.cjs.entry.js.map +0 -1
  60. package/dist/esm/gx-ide-container_3.entry.js.map +0 -1
  61. package/dist/esm/gxg-card_2.entry.js +0 -238
  62. package/dist/esm/gxg-card_2.entry.js.map +0 -1
  63. package/dist/genexus-ide-ui/p-1346991a.entry.js.map +0 -1
  64. package/dist/genexus-ide-ui/p-2e6da0ef.entry.js.map +0 -1
  65. package/dist/genexus-ide-ui/p-40f21d2d.entry.js.map +0 -1
  66. package/dist/genexus-ide-ui/p-bff2603a.entry.js.map +0 -1
package/dist/genexus-ide-ui/p-3457226c.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["titleEditableCss","GxgTitleEditable","constructor","hostRef","this","edit","editing","positionCursorAtTheEnd","wrapperClickedHandler","textInput","selectionStart","selectionEnd","value","length","focus","inputKeyDownHandler","e","key","preventDefault","editButtonEl","fluid","setInputWidth","detectClickOutsideFunc","clickedOutside","detectClickOutside","wrapperEl","style","width","inputInputHandler","ghostDiv","innerText","updateInputWidth","ghostDivWidth","getBoundingClientRect","undefined","titleType","disableEdition","debounce","debounceDelay","disabled","clickToEdit","focusType","validationStatus","validationMessage","hideTooltip","watchValueHandler","newValue","clearTimeout","timeoutReference","setTimeout","valueChanged","emit","watchEditingHandler","document","addEventListener","removeEventListener","componentDidLoad","render","h","Host","class","formClasses","commonClassesNames","onMouseUp","wrapper","ref","el","type","readOnly","onKeyDown","onInput","tabIndex","icon","onClick","formTooltipLogic"],"sources":["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":[":root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n/*Warning*/\n:host(.gxg-validation--warning) .form-element {\n border-color: var(--ds-border-color--warning);\n}\n:host(.gxg-validation--warning) .form-element:focus {\n outline-color: var(--ds-border-color--warning);\n border-color: var(--ds-border-color--warning);\n}\n:host(.gxg-validation--warning) .form-element:focus + .checkmark {\n --checkmark-border-color: var(--ds-border-color--warning);\n}\n\n/*Error*/\n:host(.gxg-validation--error) .form-element {\n border-color: var(--ds-border-color--error);\n}\n:host(.gxg-validation--error) .form-element:focus {\n outline-color: var(--ds-border-color--error);\n border-color: var(--ds-border-color--error);\n}\n:host(.gxg-validation--error) .form-element:focus + .checkmark {\n --checkmark-border-color: var(--ds-border-color--error);\n}\n\n/*Success*/\n:host(.gxg-validation--success) .form-element {\n border-color: var(--ds-border-color--success);\n}\n:host(.gxg-validation--success) .form-element:focus {\n outline-color: var(--ds-border-color--success);\n border-color: var(--ds-border-color--success);\n}\n:host(.gxg-validation--success) .form-element:focus + .checkmark {\n --checkmark-border-color: var(--ds-border-color--success);\n}\n\n/*Tooltip*/\n.tooltip-outer-wrapper {\n display: grid;\n grid-template-columns: 0fr;\n transition: grid-template-columns var(--timing-02);\n}\n\n:host(.tooltip--visible) .tooltip-outer-wrapper {\n grid-template-columns: 1fr;\n}\n\n.tooltip-inner-wrapper {\n --margin-inline-start: 6px;\n overflow: hidden;\n transition: 150ms width;\n width: 0;\n}\n.tooltip-inner-wrapper gxg-icon {\n display: flex;\n position: relative !important;\n top: 0 !important;\n transform: none !important;\n margin-inline-start: var(--margin-inline-start);\n box-sizing: border-box;\n}\n.tooltip-inner-wrapper--visible {\n width: calc(var(--ds-icon-size-box--small) + var(--margin-inline-start));\n}\n.tooltip-inner-wrapper--hidden {\n display: none;\n}\n\n:host(.gxg--disabled) .form-element,\n:host(.gxg--disabled.form-element) {\n pointer-events: none;\n background-color: var(--ds-background-color-disabled) !important;\n color: var(--ds-color--disabled) !important;\n border-color: var(--ds-border-color-disabled) !important;\n cursor: default !important;\n}\n\n:host {\n display: block;\n color: var(--gxg-title-editable__color);\n}\n:host .wrapper {\n font-family: var(--ds-base-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(--gxg-title-editable-wrapper__gap);\n font-weight: var(--gxg-title-editable__font-weight);\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(--gxg-title-editable-h1__font-size);\n text-transform: capitalize;\n}\n\n:host([title-type=h2]) .wrapper {\n font-size: var(--gxg-title-editable-h2__font-size);\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-title-editable__color--editing);\n}\n\n/*focus (optional)*/\n:host(.focus--line.editing) input {\n border-bottom-color: var(--gxg-title-editable__color--editing);\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}\n\n.right-wrapper {\n display: flex;\n align-items: center;\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 =\n 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 }), h(\"div\", { class: \"right-wrapper\" }, !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":";;;;;;;;AAAA,MAAMA,IAAmB;;MCKZC,IAAgB;EACzB,WAAAC,CAAAC;;IAoDAC,KAAAC,OAAO;MACHD,KAAKE,UAAU;MACfF,KAAKG;AAAwB;IAEjCH,KAAAI,wBAAwB;MACpBJ,KAAKE,UAAU;AAAI;IAEvBF,KAAAG,yBAAyB;MACrBH,KAAKK,UAAUC,iBAAiBN,KAAKK,UAAUE,eAC3CP,KAAKK,UAAUG,MAAMC;MACzBT,KAAKK,UAAUK;AAAO;IAE1BV,KAAAW,sBAAuBC;MACnB,IAAIA,EAAEC,QAAQ,WAAWD,EAAEC,QAAQ,UAAU;QACzCD,EAAEE;QACFd,KAAKE,UAAU;QACfF,KAAKe,aAAaL;aAEjB,IAAIV,KAAKgB,OAAO;QACjBhB,KAAKiB;;;IAGbjB,KAAAkB,yBAA0BN;MACtB,MAAMO,IAAiBC,EAAmBR,GAAGZ,KAAKqB;MAClD,IAAIF,GAAgB;QAChBnB,KAAKE,UAAU;;;IAGvBF,KAAAiB,gBAAgB;MACZjB,KAAKK,UAAUiB,MAAMC,QAAQvB,KAAKQ,MAAMC,SAAS,IAAI;AAAI;IAE7DT,KAAAwB,oBAAoB;MAChBxB,KAAKQ,QAAQR,KAAKK,UAAUG;MAC5B,IAAIR,KAAKgB,OAAO;QACZhB,KAAKyB,SAASC,YAAY1B,KAAKQ;QAC/BR,KAAK2B;;;IAGb3B,KAAA2B,mBAAmB;MACf,IAAI3B,KAAKgB,OAAO;QACZ,MAAMY,IAAgB5B,KAAKyB,SAASI,wBAAwBN;QAC5DvB,KAAKK,UAAUiB,MAAMC,QAAQ,GAAGK;;;;;IA5FpC5B,KAAKQ,QAAQsB;IACb9B,KAAK+B,YAAY;IACjB/B,KAAKgC,iBAAiB;IACtBhC,KAAKiC,WAAW;IAChBjC,KAAKkC,gBAAgB;IACrBlC,KAAKmC,WAAW;IAChBnC,KAAKoC,cAAc;IACnBpC,KAAKgB,QAAQ;IACbhB,KAAKqC,YAAYP;IACjB9B,KAAKsC,mBAAmB;IACxBtC,KAAKuC,oBAAoBT;IACzB9B,KAAKwC,cAAc;IACnBxC,KAAKE,UAAU;;;;;EAQnB,iBAAAuC,CAAkBC;IACd,IAAI1C,KAAKiC,UAAU;MACfU,aAAa3C,KAAK4C;MAClB5C,KAAK4C,mBAAmBC,YAAW;QAC/B7C,KAAK8C,aAAaC,KAAKL;AAAS,UACjC1C,KAAKkC;WAEP;MACDlC,KAAK8C,aAAaC,KAAKL;;;EAG/B,mBAAAM,CAAoB9C;IAChB,IAAIA,GAAS;MACT+C,SAASC,iBAAiB,SAASlD,KAAKkB;WAEvC;MACD+B,SAASE,oBAAoB,SAASnD,KAAKkB;;;mCASnD,gBAAAkC;IACI,IAAIpD,KAAKgB,OAAO;MACZhB,KAAKwB;;;cAiDb,MAAA6B;IACI,OAAQC,EAAEC,GAAM;MAAEC,OAAO;QACjBtD,SAASF,KAAKE;QACd,eAAeF,KAAKqC,cAAc;QAClC,eAAerC,KAAKqC,cAAc;QAClC,CAACoB,EAAY,oCAAoCzD,KAAKsC,qBAAqB;QAC3E,CAACmB,EAAY,8BAA8BzD,KAAKsC,qBAAqB;QACrE,CAACmB,EAAY,4BAA4BzD,KAAKsC,qBAAqB;QACnE,CAACmB,EAAY,8BAA8BzD,KAAKsC,qBAAqB;QACrE,CAACoB,EAAmB,oBAAoB1D,KAAKmC;;OAC5CmB,EAAE,OAAO;MAAEK,WAAW3D,KAAKoC,gBAC3BpC,KAAKE,YACLF,KAAKgC,kBACNhC,KAAKI;MAAuBoD,OAAO;QACnCI,SAAS;;MACVC,KAAKC,KAAO9D,KAAKqB,YAAYyC;OAAO9D,KAAKgB,QAASsC,EAAE,OAAO;MAAEE,OAAO;MAASK,KAAKC,KAAO9D,KAAKyB,WAAWqC;SAAU,MAAMR,EAAE,SAAS;MAAES,MAAM;MAAQvD,OAAOR,KAAKQ;MAAOwD,WAAWhE,KAAKE;MAAS2D,KAAKC,KAAO9D,KAAKK,YAAYyD;MAAKG,WAAWjE,KAAKW;MAAqBuD,SAASlE,KAAKwB;MAAmB2C,UAAUnE,KAAKE,UAAU,KAAK;QAAMoD,EAAE,OAAO;MAAEE,OAAO;QAAoBxD,KAAKgC,iBAAkBsB,EAAE,cAAc;MAAES,MAAM;MAAuBK,MAAM;MAAqBC,SAASrE,KAAKC;MAAM4D,KAAKC,KAAO9D,KAAKe,eAAe+C;SAAU,MAAMQ,EAAiBtE,MAAMA,KAAKwC"}
package/dist/genexus-ide-ui/{p-bff2603a.entry.js → p-5270ef52.entry.js} RENAMED
@@ -1,32 +1,116 @@
1
- import { h as t, r as e, g as r, H as o, c as a } from "./p-2776d2f9.js";
1
+ import { r as t, h as e, H as r, g as a } from "./p-2776d2f9.js";
2
2
 
3
- import { s as i } from "./p-12e3a3de.js";
3
+ import { s as o } from "./p-12e3a3de.js";
4
4
 
5
- import { a as s } from "./p-13a818ba.js";
5
+ const i = ":host{display:flex;align-items:center;justify-content:center}.container{max-width:520px;margin:0 auto;gap:var(--mer-spacing--xl);opacity:0;transition:opacity var(--state-transition-speed);padding:var(--mer-spacing--md)}.container .icon-wrapper{border:var(--mer-border__width--sm) dashed var(--mer-accent__primary);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.container__main{gap:var(--mer-spacing--sm)}.container__buttons{gap:var(--mer-spacing--xs)}.container--visible{opacity:1}.container,.container__main,.container__buttons{display:flex;align-items:center;flex-direction:column}";
6
6
 
7
- import { f as n, c as l } from "./p-537654ad.js";
7
+ const n = class {
8
+ constructor(e) {
9
+ t(this, e);
10
+ /*
11
+ INDEX:
12
+ 1.OWN PROPERTIES
13
+ 2.REFERENCE TO ELEMENTS
14
+ 3.STATE() VARIABLES
15
+ 4.PUBLIC PROPERTY API | WATCH'S
16
+ 5.EVENTS (EMIT)
17
+ 6.COMPONENT LIFECYCLE METHODS
18
+ 7.LISTENERS
19
+ 8.PUBLIC METHODS API
20
+ 9.LOCAL METHODS
21
+ 10.RENDER() FUNCTION
22
+ */
23
+ // 1.OWN PROPERTIES //
24
+ this.transitionSpeed = 200;
25
+ this.stateIcon = undefined;
26
+ this.stateTitle = undefined;
27
+ this.stateDescription = undefined;
28
+ this.primaryButtonLabel = undefined;
29
+ this.secondaryButtonLabel = undefined;
30
+ this.display = false;
31
+ }
32
+ watchDisplayHandler(t) {
33
+ if (t) {
34
+ this.primaryButtonLabel && (this.primaryButtonEl.disabled = false);
35
+ this.secondaryButtonLabel && (this.secondaryButtonEl.disabled = false);
36
+ } else {
37
+ setTimeout((() => {
38
+ this.primaryButtonLabel && (this.primaryButtonEl.disabled = true);
39
+ this.secondaryButtonLabel && (this.secondaryButtonEl.disabled = true);
40
+ }), this.transitionSpeed);
41
+ }
42
+ }
43
+ // 5.EVENTS (EMIT) //
44
+ // 6.COMPONENT LIFECYCLE METHODS //
45
+ componentWillLoad() {
46
+ this.el.style.setProperty("--state-transition-speed", `${this.transitionSpeed}ms`);
47
+ }
48
+ componentDidLoad() {
49
+ this.display = true;
50
+ }
51
+ // 7.LISTENERS //
52
+ // 8.PUBLIC METHODS API //
53
+ // 9.LOCAL METHODS //
54
+ // 10.RENDER() FUNCTION //
55
+ render() {
56
+ return e(r, null, e("div", {
57
+ class: {
58
+ container: true,
59
+ "container--visible": this.display
60
+ }
61
+ }, this.stateIcon ? e("span", {
62
+ class: "icon-wrapper"
63
+ }, e("gxg-icon", {
64
+ class: "icon",
65
+ type: this.stateIcon,
66
+ color: "mercury-primary"
67
+ }, this.stateTitle)) : null, e("main", {
68
+ class: "container__main"
69
+ }, this.stateTitle ? e("gx-ide-title", {
70
+ alignment: "center"
71
+ }, this.stateTitle) : null, this.stateDescription ? e("gxg-text", {
72
+ textAlign: "center"
73
+ }, this.stateDescription) : null), e("div", {
74
+ class: "container__buttons"
75
+ }, this.primaryButtonLabel ? e("gxg-button", {
76
+ type: "primary-text-only",
77
+ ref: t => this.primaryButtonEl = t
78
+ }, this.primaryButtonLabel) : null, this.secondaryButtonLabel ? e("gxg-button", {
79
+ type: "secondary-text-only",
80
+ ref: t => this.secondaryButtonEl = t
81
+ }, this.secondaryButtonLabel) : null)));
82
+ }
83
+ get el() {
84
+ return a(this);
85
+ }
86
+ static get watchers() {
87
+ return {
88
+ display: [ "watchDisplayHandler" ]
89
+ };
90
+ }
91
+ };
8
92
 
9
- import { d } from "./p-63a9d6da.js";
93
+ n.style = i;
10
94
 
11
95
  /* STENCIL IMPORTS */
12
96
  /*A function that helps highlighting characters when searching.*/ const escapeRegExp = t => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
13
97
 
14
- const hiChar = function(e, r) {
15
- if (e && r) {
98
+ const hiChar = function(t, r) {
99
+ if (t && r) {
16
100
  /* this function highlights the character(s) that match(es) the filter value. (hi)light (Char)acters */
17
- const o = escapeRegExp(r);
18
- const a = new RegExp(o, "gi");
19
- return t("span", {
20
- innerHTML: e.replace(a, '<span class="hiChar">$&</span>')
101
+ const a = escapeRegExp(r);
102
+ const o = new RegExp(a, "gi");
103
+ return e("span", {
104
+ innerHTML: t.replace(o, '<span class="hiChar">$&</span>')
21
105
  });
22
106
  } else {
23
- return e;
107
+ return t;
24
108
  }
25
109
  };
26
110
 
27
- const c = '/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:block;background-color:var(--gxg-card_background-color);box-shadow:var(--gxg-card_box-shadow);border-radius:var(--gxg-card_border-radius);border-style:solid;border-width:1px;border-color:transparent;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}:host([elevation=xs]){box-shadow:var(--gxg-card_box-shadow)}:host([elevation=m]){box-shadow:var(--gxg-card_box-shadow)}:host([padding="0"]){padding:0}:host([padding=xs]){padding:var(--gxg-card_padding-xs)}:host([padding=s]){padding:var(--gxg-card_padding-s)}:host([padding=m]){padding:var(--gxg-card_padding-m)}:host([padding=l]){padding:var(--gxg-card_padding-l)}:host([padding=xl]){padding:var(--gxg-card_padding-xl)}:host([padding=xxl]){padding:var(--gxg-card_padding-xxl)}:host([padding=xxxl]){padding:var(--gxg-card_padding-xxxl)}:host([background=white]){background:var(--gxg-card_background-white)}:host([background=gray-01]){background:var(--gxg-card_background-gray)}.content{overflow:auto;height:100%}.content::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.content::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.content::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.content::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.content::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.card--no-shadow){box-shadow:none}:host(.card--title) .wrapper{display:flex;flex-direction:column;height:100%;grid-template-rows:auto 1fr}:host(.card){background-color:var(--gxg-card_background-color)}:host(.card) .card__header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;margin:var(--gxg-card-header_margin);padding-block-end:var(--gxg-card-header_padding-block-end);border-block-end:var(--gxg-card-header_border-block-end);gap:var(--gxg-card-header_gap)}:host(.card) .card__header--left{display:flex;align-items:center;gap:var(--gxg-card-header-left_gap);width:var(--gxg-card-header-left_width)}:host(.card) .card__header--left .card-title-wrapper{width:100%;white-space:nowrap;overflow:hidden}:host(.card) .card__header--left-full-width{width:100% !important}:host(.card) .card__header--left-full-width .card-title-wrapper{white-space:unset}:host(.card) .card__header--right{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:var(--gxg-card-header-right_gap);font-size:var(--font-size-xl);width:var(--gxg-card-header-right_width);overflow:hidden;white-space:nowrap}:host(.card) .card__header .subtitle-wrapper{overflow:hidden;text-overflow:ellipsis;color:var(--gxg-card-subtitle_color);padding-inline-end:var(--gxg-card-subtitle-wrapper_padding-inline-end);}:host(.card) .card__header .subtitle-wrapper a{color:var(--gxg-card-subtitle-wrapper_link-color)}:host(.card) .card__header .subtitle{white-space:nowrap;color:var(--gxg-card-subtitle-wrapper_color)}:host(.card) .content{padding:var(--gxg-card-content_padding);font-size:var(--gxg-card-content_font-size);line-height:var(--gxg-card-content_line-height);color:var(--gxg-card-content_color)}:host(.card--default){background:var(--color-background)}:host(.card--default) .content{padding:0}:host(.card--section){font-size:var(--gxg-card-section_font-size);border-radius:var(--gxg-card-section_border-radius);padding:var(--gxg-card-section_padding);background-color:var(--mer-elevation__background-color--01);border:var(--mer-elevation__border-01);box-shadow:var(--mer-elevation__box-shadow--01)}:host(.card--section) .card__title{font-weight:var(--gxg-card-section-title_font-weight);font-size:var(--gxg-card-section-title_font-size)}:host(.card--article){font-size:var(--gxg-card-article_font-size);border-radius:var(--gxg-card-article_border-radius);padding:var(--gxg-card-article_padding);background-color:var(--mer-elevation__background-color--02);border:var(--mer-elevation__border-02);box-shadow:var(--mer-elevation__box-shadow--02);border:var(--gxg-card-article_border)}:host(.card--article) .card__header .card__title{margin:var(--gxg-card-article-title_margin);color:var(--gxg-card-article-title_color);overflow:hidden;text-overflow:ellipsis;font-weight:var(--gxg-card-article-title_font-weight);font-size:var(--gxg-card-article-title_font-size)}:host(.card--article) .card__header .subtitle-wrapper{color:var(--gxg-card-article-subtitle-wrapper_color);font-style:var(--gxg-card-article-subtitle-wrapper_font-style)}:host(.card--article) .content{font-style:var(--gxg-card-article-subtitle-content_font-style);color:var(--gxg-card-article-content_color);line-height:var(--gxg-card-article-subtitle-content_line-height)}:host(.card--article.title-semibold) .card__header .card__title{font-weight:var(--gxg-card-article-title-semibold_font-weight)}:host(.card--mini){font-size:var(--gxg-card-mini_font-size);border-radius:var(--gxg-card-mini_border-radius);padding:var(--gxg-card-mini_padding);background-color:var(--mer-elevation__background-color--02);border:var(--mer-elevation__border-02);box-shadow:var(--mer-elevation__box-shadow--02);border:var(--gxg-card-mini_border)}:host(.card--mini) .card__header{margin:var(--gxg-card-mini-header_margin);padding-block-end:var(--gxg-card-mini-header_padding-block-end);border-bottom:var(--gxg-card-mini-header_border-bottom)}:host(.card--mini) .card__header .card__header--left{width:var(--gxg-card-mini-header-left_width);gap:var(--gxg-card-mini-header-left_gap)}:host(.card--mini) .card__header .card__title{margin:var(--gxg-card-mini-title_margin);overflow:hidden;text-overflow:ellipsis;font-weight:var(--gxg-card-mini-title_font-weight);font-size:var(--gxg-card-mini-title_font-size);color:var(--gxg-card-mini-title_color)}:host(.card--mini) .content{font-style:var(--gxg-card-mini-content_font-style);font-size:var(--gxg-card-mini_font-size);padding:var(--gxg-card-mini-content_padding);color:var(--gxg-card-mini-content_color)}:host(.card--no-content) .card__header{border-bottom:0}:host(.card--actionable:hover){filter:brightness(var(--gxg-card-actionable-brightness--hover))}:host(.card--actionable:hover) .wrapper,:host(.card--actionable:hover) .card__header,:host(.card--actionable:hover) .content{cursor:pointer}:host(.no-header-border) .card__header{padding-bottom:0;border-bottom:0}:host(.card--no-border){border:none !important}.hiChar{color:var(--gxg-hi-char-color);font-weight:600}';
111
+ const s = '/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host{display:block;background-color:var(--gxg-card_background-color);box-shadow:var(--gxg-card_box-shadow);border-radius:var(--gxg-card_border-radius);border-style:solid;border-width:1px;border-color:transparent;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}:host([elevation=xs]){box-shadow:var(--gxg-card_box-shadow)}:host([elevation=m]){box-shadow:var(--gxg-card_box-shadow)}:host([padding="0"]){padding:0}:host([padding=xs]){padding:var(--gxg-card_padding-xs)}:host([padding=s]){padding:var(--gxg-card_padding-s)}:host([padding=m]){padding:var(--gxg-card_padding-m)}:host([padding=l]){padding:var(--gxg-card_padding-l)}:host([padding=xl]){padding:var(--gxg-card_padding-xl)}:host([padding=xxl]){padding:var(--gxg-card_padding-xxl)}:host([padding=xxxl]){padding:var(--gxg-card_padding-xxxl)}:host([background=white]){background:var(--gxg-card_background-white)}:host([background=gray-01]){background:var(--gxg-card_background-gray)}.content{overflow:auto;height:100%}.content::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.content::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.content::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.content::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.content::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.card--no-shadow){box-shadow:none}:host(.card--title) .wrapper{display:flex;flex-direction:column;height:100%;grid-template-rows:auto 1fr}:host(.card){background-color:var(--gxg-card_background-color)}:host(.card) .card__header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;margin:var(--gxg-card-header_margin);padding-block-end:var(--gxg-card-header_padding-block-end);border-block-end:var(--gxg-card-header_border-block-end);gap:var(--gxg-card-header_gap)}:host(.card) .card__header--left{display:flex;align-items:center;gap:var(--gxg-card-header-left_gap);width:var(--gxg-card-header-left_width)}:host(.card) .card__header--left .card-title-wrapper{width:100%;white-space:nowrap;overflow:hidden}:host(.card) .card__header--left-full-width{width:100% !important}:host(.card) .card__header--left-full-width .card-title-wrapper{white-space:unset}:host(.card) .card__header--right{display:flex;flex-direction:row;align-items:center;justify-content:end;gap:var(--gxg-card-header-right_gap);font-size:var(--font-size-xl);width:var(--gxg-card-header-right_width);overflow:hidden;white-space:nowrap}:host(.card) .card__header .subtitle-wrapper{overflow:hidden;text-overflow:ellipsis;color:var(--gxg-card-subtitle_color);padding-inline-end:var(--gxg-card-subtitle-wrapper_padding-inline-end);}:host(.card) .card__header .subtitle-wrapper a{color:var(--gxg-card-subtitle-wrapper_link-color)}:host(.card) .card__header .subtitle{white-space:nowrap;color:var(--gxg-card-subtitle-wrapper_color)}:host(.card) .content{padding:var(--gxg-card-content_padding);font-size:var(--gxg-card-content_font-size);line-height:var(--gxg-card-content_line-height);color:var(--gxg-card-content_color)}:host(.card--default){background:var(--color-background)}:host(.card--default) .content{padding:0}:host(.card--section){font-size:var(--gxg-card-section_font-size);border-radius:var(--gxg-card-section_border-radius);padding:var(--gxg-card-section_padding);background-color:var(--mer-elevation__background-color--01);border:var(--mer-elevation__border-01);box-shadow:var(--mer-elevation__box-shadow--01)}:host(.card--section) .card__title{font-weight:var(--gxg-card-section-title_font-weight);font-size:var(--gxg-card-section-title_font-size)}:host(.card--article){font-size:var(--gxg-card-article_font-size);border-radius:var(--gxg-card-article_border-radius);padding:var(--gxg-card-article_padding);background-color:var(--mer-elevation__background-color--02);border:var(--mer-elevation__border-02);box-shadow:var(--mer-elevation__box-shadow--02);border:var(--gxg-card-article_border)}:host(.card--article) .card__header .card__title{margin:var(--gxg-card-article-title_margin);color:var(--gxg-card-article-title_color);overflow:hidden;text-overflow:ellipsis;font-weight:var(--gxg-card-article-title_font-weight);font-size:var(--gxg-card-article-title_font-size)}:host(.card--article) .card__header .subtitle-wrapper{color:var(--gxg-card-article-subtitle-wrapper_color);font-style:var(--gxg-card-article-subtitle-wrapper_font-style)}:host(.card--article) .content{font-style:var(--gxg-card-article-subtitle-content_font-style);color:var(--gxg-card-article-content_color);line-height:var(--gxg-card-article-subtitle-content_line-height)}:host(.card--article.title-semibold) .card__header .card__title{font-weight:var(--gxg-card-article-title-semibold_font-weight)}:host(.card--mini){font-size:var(--gxg-card-mini_font-size);border-radius:var(--gxg-card-mini_border-radius);padding:var(--gxg-card-mini_padding);background-color:var(--mer-elevation__background-color--02);border:var(--mer-elevation__border-02);box-shadow:var(--mer-elevation__box-shadow--02);border:var(--gxg-card-mini_border)}:host(.card--mini) .card__header{margin:var(--gxg-card-mini-header_margin);padding-block-end:var(--gxg-card-mini-header_padding-block-end);border-bottom:var(--gxg-card-mini-header_border-bottom)}:host(.card--mini) .card__header .card__header--left{width:var(--gxg-card-mini-header-left_width);gap:var(--gxg-card-mini-header-left_gap)}:host(.card--mini) .card__header .card__title{margin:var(--gxg-card-mini-title_margin);overflow:hidden;text-overflow:ellipsis;font-weight:var(--gxg-card-mini-title_font-weight);font-size:var(--gxg-card-mini-title_font-size);color:var(--gxg-card-mini-title_color)}:host(.card--mini) .content{font-style:var(--gxg-card-mini-content_font-style);font-size:var(--gxg-card-mini_font-size);padding:var(--gxg-card-mini-content_padding);color:var(--gxg-card-mini-content_color)}:host(.card--no-content) .card__header{border-bottom:0}:host(.card--actionable:hover){filter:brightness(var(--gxg-card-actionable-brightness--hover))}:host(.card--actionable:hover) .wrapper,:host(.card--actionable:hover) .card__header,:host(.card--actionable:hover) .content{cursor:pointer}:host(.no-header-border) .card__header{padding-bottom:0;border-bottom:0}:host(.card--no-border){border:none !important}.hiChar{color:var(--gxg-hi-char-color);font-weight:600}';
28
112
 
29
- const g = class {
113
+ const l = class {
30
114
  constructor(r) {
31
115
  /*--- Mercury Only Tokens ---*/
32
116
  this.titleType = "h2";
@@ -34,7 +118,7 @@ const g = class {
34
118
  this.hasHeaderSlot = false;
35
119
  this.renderCardSubtitle = () => {
36
120
  if (this.cardSubtitle && this.subtitleLink) {
37
- return t("a", {
121
+ return e("a", {
38
122
  class: "subtitle",
39
123
  href: this.subtitleLink,
40
124
  target: "_blank"
@@ -45,7 +129,7 @@ const g = class {
45
129
  }
46
130
  }
47
131
  };
48
- e(this, r);
132
+ t(this, r);
49
133
  this.elevation = "xs";
50
134
  this.background = "white";
51
135
  this.padding = "xs";
@@ -71,7 +155,7 @@ const g = class {
71
155
  this.actionable = false;
72
156
  }
73
157
  get el() {
74
- return r(this);
158
+ return a(this);
75
159
  }
76
160
  componentWillLoad() {
77
161
  if (this.cardType === "article") {
@@ -89,11 +173,11 @@ const g = class {
89
173
  }
90
174
  }
91
175
  render() {
92
- return t(o, {
176
+ return e(r, {
93
177
  role: "article",
94
178
  class: {
95
179
  card: true,
96
- mercury: i.mercury,
180
+ mercury: o.mercury,
97
181
  "card--no-content": !this.hasSlot,
98
182
  "card--section": this.cardType === "section",
99
183
  "card--article": this.cardType === "article",
@@ -110,185 +194,49 @@ const g = class {
110
194
  minHeight: this.minHeight,
111
195
  height: this.height
112
196
  }
113
- }, t("div", {
197
+ }, e("div", {
114
198
  role: this.actionable ? "button" : "none",
115
199
  class: {
116
200
  wrapper: true,
117
201
  "wrapper--header": this.cardTitle !== undefined
118
202
  }
119
- }, this.cardTitle ? t("header", {
203
+ }, this.cardTitle ? e("header", {
120
204
  class: "card__header"
121
- }, t("div", {
205
+ }, e("div", {
122
206
  class: {
123
207
  "card__header--left": true,
124
208
  "card__header--left-full-width": !this.cardSubtitle
125
209
  }
126
- }, this.icon ? t("gxg-icon", {
210
+ }, this.icon ? e("gxg-icon", {
127
211
  type: this.icon,
128
212
  color: this.iconColor
129
- }) : null, t("div", {
213
+ }) : null, e("div", {
130
214
  class: "card-title-wrapper"
131
- }, this.cardType === "section" ? t("gxg-title-editable", {
215
+ }, this.cardType === "section" ? e("gxg-title-editable", {
132
216
  class: "card__title",
133
217
  titleType: this.titleType,
134
218
  value: this.cardTitle,
135
219
  disableEdition: !this.editableTitle
136
- }) : t("h2", {
220
+ }) : e("h2", {
137
221
  class: "card__title"
138
- }, this.hiChar ? hiChar(this.cardTitle, this.filterValue) : this.cardTitle))), this.cardSubtitle && this.cardType !== "mini" && !this.hasHeaderSlot ? t("div", {
222
+ }, this.hiChar ? hiChar(this.cardTitle, this.filterValue) : this.cardTitle))), this.cardSubtitle && this.cardType !== "mini" && !this.hasHeaderSlot ? e("div", {
139
223
  class: "card__header--right"
140
- }, t("div", {
224
+ }, e("div", {
141
225
  class: "subtitle-wrapper"
142
- }, this.renderCardSubtitle()), this.subtitleIcon ? t("gxg-icon", {
226
+ }, this.renderCardSubtitle()), this.subtitleIcon ? e("gxg-icon", {
143
227
  type: this.subtitleIcon,
144
228
  color: this.subtitleColor
145
- }) : null) : null, this.hasHeaderSlot ? t("div", {
229
+ }) : null) : null, this.hasHeaderSlot ? e("div", {
146
230
  class: "card__header--right"
147
- }, t("slot", {
231
+ }, e("slot", {
148
232
  name: "header"
149
- })) : null) : null, this.hasSlot ? t("div", {
233
+ })) : null) : null, this.hasSlot ? e("div", {
150
234
  class: "content"
151
- }, t("slot", null)) : null));
152
- }
153
- };
154
-
155
- g.style = c;
156
-
157
- const f = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}:host(.gxg-validation--warning) .form-element{border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--ds-border-color--warning);border-color:var(--ds-border-color--warning)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--warning)}:host(.gxg-validation--error) .form-element{border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--ds-border-color--error);border-color:var(--ds-border-color--error)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--error)}:host(.gxg-validation--success) .form-element{border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--ds-border-color--success);border-color:var(--ds-border-color--success)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--ds-border-color--success)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{--margin-inline-start:6px;overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--margin-inline-start);box-sizing:border-box}.tooltip-inner-wrapper--visible{width:calc(var(--ds-icon-size-box--small) + var(--margin-inline-start))}.tooltip-inner-wrapper--hidden{display:none}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--ds-background-color-disabled) !important;color:var(--ds-color--disabled) !important;border-color:var(--ds-border-color-disabled) !important;cursor:default !important}:host{display:block;color:var(--gxg-title-editable__color)}:host .wrapper{font-family:var(--ds-base-font-family-primary);position:relative;max-width:100%}:host input{font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;color:inherit;background-color:transparent;border:none;padding:0;box-sizing:border-box;flex-grow:1;cursor:auto;border-bottom:2px solid transparent}:host input:focus{outline:none}.wrapper{display:flex;align-items:center;gap:var(--gxg-title-editable-wrapper__gap);font-weight:var(--gxg-title-editable__font-weight)}:host(:not([editing])) input{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([click-to-edit]:not([disable-edition])) .wrapper,:host([click-to-edit]:not([disable-edition])) input{cursor:pointer}:host([title-type=h1]) .wrapper{font-size:var(--gxg-title-editable-h1__font-size);text-transform:capitalize}:host([title-type=h2]) .wrapper{font-size:var(--gxg-title-editable-h2__font-size)}:host([fluid]) .wrapper{display:inline-flex}:host(.focus--text.editing) input{color:var(--gxg-title-editable__color--editing)}:host(.focus--line.editing) input{border-bottom-color:var(--gxg-title-editable__color--editing)}.ghost{font-family:inherit;font-size:inherit;position:fixed;visibility:hidden;height:auto;width:auto;white-space:nowrap;bottom:0;left:0;transform:translate(-100%, -100%)}.right-wrapper{display:flex;align-items:center}";
158
-
159
- const h = class {
160
- constructor(t) {
161
- /*PRIVATE METHODS*/
162
- this.edit = () => {
163
- this.editing = true;
164
- this.positionCursorAtTheEnd();
165
- };
166
- this.wrapperClickedHandler = () => {
167
- this.editing = true;
168
- };
169
- this.positionCursorAtTheEnd = () => {
170
- this.textInput.selectionStart = this.textInput.selectionEnd = this.textInput.value.length;
171
- this.textInput.focus();
172
- };
173
- this.inputKeyDownHandler = t => {
174
- if (t.key === "Enter" || t.key === "Escape") {
175
- t.preventDefault();
176
- this.editing = false;
177
- this.editButtonEl.focus();
178
- } else if (this.fluid) {
179
- this.setInputWidth();
180
- }
181
- };
182
- this.detectClickOutsideFunc = t => {
183
- const e = d(t, this.wrapperEl);
184
- if (e) {
185
- this.editing = false;
186
- }
187
- };
188
- this.setInputWidth = () => {
189
- this.textInput.style.width = this.value.length + 1 + "ch";
190
- };
191
- this.inputInputHandler = () => {
192
- this.value = this.textInput.value;
193
- if (this.fluid) {
194
- this.ghostDiv.innerText = this.value;
195
- this.updateInputWidth();
196
- }
197
- };
198
- this.updateInputWidth = () => {
199
- if (this.fluid) {
200
- const t = this.ghostDiv.getBoundingClientRect().width;
201
- this.textInput.style.width = `${t}px`;
202
- }
203
- };
204
- e(this, t);
205
- this.valueChanged = a(this, "valueChanged", 7);
206
- this.value = undefined;
207
- this.titleType = "h1";
208
- this.disableEdition = false;
209
- this.debounce = false;
210
- this.debounceDelay = 800;
211
- this.disabled = false;
212
- this.clickToEdit = false;
213
- this.fluid = false;
214
- this.focusType = undefined;
215
- this.validationStatus = "indeterminate";
216
- this.validationMessage = undefined;
217
- this.hideTooltip = false;
218
- this.editing = false;
219
- }
220
- get el() {
221
- return r(this);
222
- }
223
- watchValueHandler(t) {
224
- if (this.debounce) {
225
- clearTimeout(this.timeoutReference);
226
- this.timeoutReference = setTimeout((() => {
227
- this.valueChanged.emit(t);
228
- }), this.debounceDelay);
229
- } else {
230
- this.valueChanged.emit(t);
231
- }
232
- }
233
- watchEditingHandler(t) {
234
- if (t) {
235
- document.addEventListener("click", this.detectClickOutsideFunc);
236
- } else {
237
- document.removeEventListener("click", this.detectClickOutsideFunc);
238
- }
239
- }
240
- /*COMPONENT LIFECYCLE METHODS*/ componentDidLoad() {
241
- if (this.fluid) {
242
- this.inputInputHandler();
243
- }
244
- }
245
- /*RENDER*/ render() {
246
- return t(o, {
247
- class: {
248
- editing: this.editing,
249
- "focus--text": this.focusType === "text",
250
- "focus--line": this.focusType === "line",
251
- [n["VALIDATION_INDETERMINATE_CLASS"]]: this.validationStatus === "indeterminate",
252
- [n["VALIDATION_WARNING_CLASS"]]: this.validationStatus === "warning",
253
- [n["VALIDATION_ERROR_CLASS"]]: this.validationStatus === "error",
254
- [n["VALIDATION_SUCCESS_CLASS"]]: this.validationStatus === "success",
255
- [l["DISABLED_CLASS"]]: this.disabled
256
- }
257
- }, t("div", {
258
- onMouseUp: this.clickToEdit && !this.editing && !this.disableEdition && this.wrapperClickedHandler,
259
- class: {
260
- wrapper: true
261
- },
262
- ref: t => this.wrapperEl = t
263
- }, this.fluid ? t("div", {
264
- class: "ghost",
265
- ref: t => this.ghostDiv = t
266
- }) : null, t("input", {
267
- type: "text",
268
- value: this.value,
269
- readOnly: !this.editing,
270
- ref: t => this.textInput = t,
271
- onKeyDown: this.inputKeyDownHandler,
272
- onInput: this.inputInputHandler,
273
- tabIndex: this.editing ? 0 : -1
274
- }), t("div", {
275
- class: "right-wrapper"
276
- }, !this.disableEdition ? t("gxg-button", {
277
- type: "secondary-icon-only",
278
- icon: "gemini-tools/edit",
279
- onClick: this.edit,
280
- ref: t => this.editButtonEl = t
281
- }) : null, s(this, this.hideTooltip))));
282
- }
283
- static get watchers() {
284
- return {
285
- value: [ "watchValueHandler" ],
286
- editing: [ "watchEditingHandler" ]
287
- };
235
+ }, e("slot", null)) : null));
288
236
  }
289
237
  };
290
238
 
291
- h.style = f;
239
+ l.style = s;
292
240
 
293
- export { g as gxg_card, h as gxg_title_editable };
294
- //# sourceMappingURL=p-bff2603a.entry.js.map
241
+ export { n as gx_ide_empty_state, l as gxg_card };
242
+ //# sourceMappingURL=p-5270ef52.entry.js.map