@genexus/genexus-ide-ui 0.0.132 → 0.0.134

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 (74) hide show
  1. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  2. package/dist/cjs/gx-ide-bpm-timer-duration.cjs.entry.js +59 -0
  3. package/dist/cjs/gx-ide-bpm-timer-duration.cjs.entry.js.map +1 -0
  4. package/dist/cjs/gx-ide-connect-gx-server.cjs.entry.js +3 -3
  5. package/dist/cjs/gx-ide-connect-gx-server.cjs.entry.js.map +1 -1
  6. package/dist/cjs/{gxg-form-checkbox.cjs.entry.js → gx-ide-container_2.cjs.entry.js} +174 -1
  7. package/dist/cjs/gx-ide-container_2.cjs.entry.js.map +1 -0
  8. package/dist/cjs/gx-ide-title_2.cjs.entry.js +77 -0
  9. package/dist/cjs/gx-ide-title_2.cjs.entry.js.map +1 -0
  10. package/dist/cjs/{gx-ide-title_3.cjs.entry.js → gxg-button.cjs.entry.js} +1 -70
  11. package/dist/cjs/gxg-button.cjs.entry.js.map +1 -0
  12. package/dist/cjs/{gx-ide-container_3.cjs.entry.js → gxg-combo-box_2.cjs.entry.js} +1 -174
  13. package/dist/cjs/gxg-combo-box_2.cjs.entry.js.map +1 -0
  14. package/dist/cjs/loader.cjs.js +1 -1
  15. package/dist/collection/collection-manifest.json +1 -0
  16. package/dist/collection/components/bpm/timer-duration/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.en.json +19 -0
  17. package/dist/collection/components/bpm/timer-duration/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.ja.json +3 -0
  18. package/dist/collection/components/bpm/timer-duration/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.zh.json +3 -0
  19. package/dist/collection/components/bpm/timer-duration/timer-duration.css +554 -0
  20. package/dist/collection/components/bpm/timer-duration/timer-duration.js +170 -0
  21. package/dist/collection/components/bpm/timer-duration/timer-duration.js.map +1 -0
  22. package/dist/collection/components/connect-gx-server/connect-gx-server.css +6 -0
  23. package/dist/collection/components/connect-gx-server/connect-gx-server.js +2 -2
  24. package/dist/collection/components/connect-gx-server/connect-gx-server.js.map +1 -1
  25. package/dist/components/gx-ide-bpm-timer-duration.d.ts +11 -0
  26. package/dist/components/gx-ide-bpm-timer-duration.js +96 -0
  27. package/dist/components/gx-ide-bpm-timer-duration.js.map +1 -0
  28. package/dist/components/gx-ide-connect-gx-server.js +3 -3
  29. package/dist/components/gx-ide-connect-gx-server.js.map +1 -1
  30. package/dist/esm/genexus-ide-ui.js +1 -1
  31. package/dist/esm/gx-ide-bpm-timer-duration.entry.js +55 -0
  32. package/dist/esm/gx-ide-bpm-timer-duration.entry.js.map +1 -0
  33. package/dist/esm/gx-ide-connect-gx-server.entry.js +3 -3
  34. package/dist/esm/gx-ide-connect-gx-server.entry.js.map +1 -1
  35. package/dist/esm/gx-ide-container_2.entry.js +319 -0
  36. package/dist/esm/gx-ide-container_2.entry.js.map +1 -0
  37. package/dist/esm/gx-ide-title_2.entry.js +72 -0
  38. package/dist/esm/gx-ide-title_2.entry.js.map +1 -0
  39. package/dist/esm/{gx-ide-title_3.entry.js → gxg-button.entry.js} +3 -70
  40. package/dist/esm/{gx-ide-title_3.entry.js.map → gxg-button.entry.js.map} +1 -1
  41. package/dist/esm/{gx-ide-container_3.entry.js → gxg-combo-box_2.entry.js} +3 -175
  42. package/dist/esm/gxg-combo-box_2.entry.js.map +1 -0
  43. package/dist/esm/loader.js +1 -1
  44. package/dist/genexus-ide-ui/genexus-ide-ui.css +32 -0
  45. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  46. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js.map +1 -1
  47. package/dist/genexus-ide-ui/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.en.json +19 -0
  48. package/dist/genexus-ide-ui/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.ja.json +3 -0
  49. package/dist/genexus-ide-ui/gx-ide-assets/bpm-timer-duration/langs/bpm-timer-duration.lang.zh.json +3 -0
  50. package/dist/genexus-ide-ui/{p-9d7a1451.entry.js → p-3ad793aa.entry.js} +89 -165
  51. package/dist/genexus-ide-ui/p-3ad793aa.entry.js.map +1 -0
  52. package/dist/genexus-ide-ui/{p-c49ce410.entry.js → p-5381e7f3.entry.js} +16 -117
  53. package/dist/genexus-ide-ui/p-5381e7f3.entry.js.map +1 -0
  54. package/dist/genexus-ide-ui/{p-27640de6.entry.js → p-64de1e77.entry.js} +5 -3
  55. package/dist/genexus-ide-ui/p-64de1e77.entry.js.map +1 -0
  56. package/dist/genexus-ide-ui/p-7a5810d6.entry.js +364 -0
  57. package/dist/genexus-ide-ui/p-7a5810d6.entry.js.map +1 -0
  58. package/dist/genexus-ide-ui/p-7b258a37.entry.js +134 -0
  59. package/dist/genexus-ide-ui/p-7b258a37.entry.js.map +1 -0
  60. package/dist/genexus-ide-ui/{p-74bfec22.entry.js → p-f37ec5b8.entry.js} +103 -286
  61. package/dist/genexus-ide-ui/p-f37ec5b8.entry.js.map +1 -0
  62. package/dist/types/components/bpm/timer-duration/timer-duration.d.ts +46 -0
  63. package/dist/types/components.d.ts +66 -0
  64. package/package.json +1 -1
  65. package/dist/cjs/gx-ide-container_3.cjs.entry.js.map +0 -1
  66. package/dist/cjs/gx-ide-title_3.cjs.entry.js.map +0 -1
  67. package/dist/cjs/gxg-form-checkbox.cjs.entry.js.map +0 -1
  68. package/dist/esm/gx-ide-container_3.entry.js.map +0 -1
  69. package/dist/esm/gxg-form-checkbox.entry.js +0 -147
  70. package/dist/esm/gxg-form-checkbox.entry.js.map +0 -1
  71. package/dist/genexus-ide-ui/p-27640de6.entry.js.map +0 -1
  72. package/dist/genexus-ide-ui/p-74bfec22.entry.js.map +0 -1
  73. package/dist/genexus-ide-ui/p-9d7a1451.entry.js.map +0 -1
  74. package/dist/genexus-ide-ui/p-c49ce410.entry.js.map +0 -1
package/dist/genexus-ide-ui/{p-c49ce410.entry.js → p-5381e7f3.entry.js} RENAMED
@@ -1,46 +1,10 @@
1
- import { r as t, h as o, H as e, g as r } from "./p-48217969.js";
1
+ import { r as t, g as o, h as r, H as e } from "./p-48217969.js";
2
2
 
3
- import { e as a } from "./p-1a098c4f.js";
3
+ import { e as i } from "./p-1a098c4f.js";
4
4
 
5
- import { s as i } from "./p-ac964d4c.js";
5
+ const a = "/*! 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(.button){display:inline-block;line-height:0;position:relative}:host(.button) .button-native{font-family:var(--ds-base-font-family-primary);font-size:var(--gxg-button-font-size);font-weight:var(--gxg-button-font-weight);height:var(--gxg-button-height);border-width:var(--gxg-button-border-width);border-radius:var(--gxg-button-border-radius);padding:0 var(--gxg-button-padding-horizontal);border-style:solid;cursor:pointer;--svg-icon-regular-scale:var(--svg-icon-small-scale);position:relative;text-align:center;display:inline-flex;align-items:center;justify-content:center;width:100%}:host(.button) .button-native:focus-visible{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}:host(.button) gxg-icon{margin-inline-end:var(--gxg-button-icon-margin-inline-end)}:host(.button--disabled){pointer-events:none}:host(.button--has-icon) .button-native{padding-inline-start:var(--gxg-button-icon-padding-start)}:host(.button--icon-only) .button-native{padding-inline-start:0;padding-inline-end:0;width:var(--gxg-button-height)}:host(.button--icon-only) gxg-icon{--icon-size:30px;margin-inline-end:0}:host(.button--primary) .button-native{background-color:var(--gxg-button-primary-bg-color);color:var(--gxg-button-primary-color);border-color:var(--gxg-button-primary-border-color);--gxg-icon-color:var(--gxg-button-primary-icon-color)}:host(.button--primary) .button-native:focus-visible{outline-color:var(--gxg-button-primary-focus-outline-color)}:host(.button--primary) .button-native:hover{background-color:var(--gxg-button-primary-bg-color-hover);color:var(--gxg-button-primary-color-hover);border-color:var(--gxg-button-primary-border-color-hover);--gxg-icon-color:var(--gxg-button-primary-icon-color-hover)}:host(.button--primary) .button-native:active{background-color:var(--gxg-button-primary-bg-color-active);color:var(--gxg-button-primary-color-active);border-color:var(--gxg-button-primary-border-color-active);--gxg-icon-color:var(--gxg-button-primary-icon-color-active)}:host(.button--primary.button--disabled){}:host(.button--primary.button--disabled) .button-native{color:var(--ds-color-on-disabled);background-color:var(--ds-background-color-disabled);border-color:var(--ds-border-color-disabled);--gxg-icon-color:var(--ds-icon-color-on-disabled)}:host(.button--primary[grab-attention]:not([disabled])){}:host(.button--primary[grab-attention]:not([disabled])) .button-native:not(:hover){animation-name:grabAttentionPrimary;animation-duration:500ms;animation-iteration-count:infinite;animation-direction:alternate}@keyframes grabAttentionPrimary{from{background-color:var(--gxg-button-primary-bg-color)}to{background-color:var(--gxg-button-primary-bg-color-hover)}}:host(.button--secondary) .button-native{background-color:var(--gxg-button-secondary-bg-color);color:var(--gxg-button-secondary-color);border-color:var(--gxg-button-secondary-border-color);--gxg-icon-color:var(--gxg-button-secondary-icon-color)}:host(.button--secondary) .button-native:hover{background-color:var(--gxg-button-secondary-bg-color-hover);color:var(--gxg-button-secondary-color-hover);border-color:var(--gxg-button-secondary-border-color-hover);--gxg-icon-color:var(--gxg-button-secondary-icon-color-hover)}:host(.button--secondary) .button-native:active{background-color:var(--gxg-button-secondary-bg-color-active);color:var(--gxg-button-secondary-color-active);border-color:var(--gxg-button-secondary-border-color-active);--gxg-icon-color:var(--gxg-button-secondary-icon-color-active)}:host(.button--secondary.button--disabled){}:host(.button--secondary.button--disabled) .button-native{color:var(--ds-color-disabled);--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--tertiary) .button-native{background-color:var(--gxg-button-tertiary-bg-color);color:var(--gxg-button-tertiary-color);border-color:var(--gxg-button-tertiary-border-color);--gxg-icon-color:var(--gxg-button-tertiary-icon-color)}:host(.button--tertiary) .button-native:hover{background-color:var(--gxg-button-tertiary-bg-color-hover);color:var(--gxg-button-tertiary-color-hover);border-color:var(--gxg-button-tertiary-border-color-hover);--gxg-icon-color:var(--gxg-button-tertiary-icon-color-hover)}:host(.button--tertiary) .button-native:active{background-color:var(--gxg-button-tertiary-bg-color-active);color:var(--gxg-button-tertiary-color-active);border-color:var(--gxg-button-tertiary-border-color-active);--gxg-icon-color:var(--gxg-button-tertiary-icon-color-active)}:host(.button--tertiary.button--disabled){}:host(.button--tertiary.button--disabled) .button-native{--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--outlined) .button-native{background-color:var(--gxg-button-outlined-bg-color);color:var(--gxg-button-outlined-color);border-color:var(--gxg-button-outlined-border-color);--gxg-icon-color:var(--gxg-button-outlined-icon-color)}:host(.button--outlined) .button-native:hover{background-color:var(--gxg-button-outlined-bg-color-hover);color:var(--gxg-button-outlined-color-hover);border-color:var(--gxg-button-outlined-border-color-hover);--gxg-icon-color:var(--gxg-button-outlined-icon-color-hover)}:host(.button--outlined) .button-native:active{background-color:var(--gxg-button-outlined-bg-color-active);color:var(--gxg-button-outlined-color-active);border-color:var(--gxg-button-outlined-border-color-active);--gxg-icon-color:var(--gxg-button-outlined-icon-color-active)}:host(.button--outlined.button--disabled) .button-native{color:var(--ds-color-disabled);border-color:var(--ds-border-color-disabled);--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--disabled) .button-native{pointer-events:none;color:var(--ds-color--disabled)}:host(.button--fit) .button-native{height:100% !important;width:100% !important}:host(.button--small.button--icon-only) .button-native{height:var(--ds-icon-size-box--small);width:var(--ds-icon-size-box--small)}:host(.button--icon-only) .button-native{padding:0}";
6
6
 
7
- const n = ":host{--gx-ide-title-padding:var(--gx-ide-container--padding, --mer-spacing--sm);display:flex;flex-direction:column;color:var(--gx-ide-component-text-color);font-family:var(--mer-font-family--primary);line-height:1.6em;background-color:transparent;padding:0}:host(.alignment--start){align-items:start}:host(.alignment--center){align-items:center}:host(.alignment--start){text-align:start}:host([padding]){padding:var(--gx-ide-title-padding)}:host([no-padding-bottom]){padding-bottom:0}:host([border]){border-bottom:1px solid var(--gx-ide-container-border-color)}:host(.title-type--secondary){color:var(--gray-06)}";
8
-
9
- const s = class {
10
- constructor(o) {
11
- t(this, o);
12
- this.titleCaption = undefined;
13
- this.type = "primary";
14
- this.alignment = "start";
15
- this.padding = false;
16
- this.noPaddingBottom = false;
17
- this.border = false;
18
- }
19
- componentWillLoad() {
20
- if (this.type === "primary") {
21
- this.geminiType = "title-04";
22
- } else if (this.type === "secondary") {
23
- this.geminiType = "title-05";
24
- }
25
- }
26
- render() {
27
- return o(e, {
28
- class: {
29
- [`alignment--${this.alignment}`]: true,
30
- [`title-type--${this.type}`]: true
31
- }
32
- }, o("gxg-title", {
33
- type: this.geminiType,
34
- alignment: this.alignment
35
- }, o("slot", null)));
36
- }
37
- };
38
-
39
- s.style = n;
40
-
41
- const l = "/*! 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(.button){display:inline-block;line-height:0;position:relative}:host(.button) .button-native{font-family:var(--ds-base-font-family-primary);font-size:var(--gxg-button-font-size);font-weight:var(--gxg-button-font-weight);height:var(--gxg-button-height);border-width:var(--gxg-button-border-width);border-radius:var(--gxg-button-border-radius);padding:0 var(--gxg-button-padding-horizontal);border-style:solid;cursor:pointer;--svg-icon-regular-scale:var(--svg-icon-small-scale);position:relative;text-align:center;display:inline-flex;align-items:center;justify-content:center;width:100%}:host(.button) .button-native:focus-visible{outline:var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);outline-offset:-1px;outline-offset:0}:host(.button) gxg-icon{margin-inline-end:var(--gxg-button-icon-margin-inline-end)}:host(.button--disabled){pointer-events:none}:host(.button--has-icon) .button-native{padding-inline-start:var(--gxg-button-icon-padding-start)}:host(.button--icon-only) .button-native{padding-inline-start:0;padding-inline-end:0;width:var(--gxg-button-height)}:host(.button--icon-only) gxg-icon{--icon-size:30px;margin-inline-end:0}:host(.button--primary) .button-native{background-color:var(--gxg-button-primary-bg-color);color:var(--gxg-button-primary-color);border-color:var(--gxg-button-primary-border-color);--gxg-icon-color:var(--gxg-button-primary-icon-color)}:host(.button--primary) .button-native:focus-visible{outline-color:var(--gxg-button-primary-focus-outline-color)}:host(.button--primary) .button-native:hover{background-color:var(--gxg-button-primary-bg-color-hover);color:var(--gxg-button-primary-color-hover);border-color:var(--gxg-button-primary-border-color-hover);--gxg-icon-color:var(--gxg-button-primary-icon-color-hover)}:host(.button--primary) .button-native:active{background-color:var(--gxg-button-primary-bg-color-active);color:var(--gxg-button-primary-color-active);border-color:var(--gxg-button-primary-border-color-active);--gxg-icon-color:var(--gxg-button-primary-icon-color-active)}:host(.button--primary.button--disabled){}:host(.button--primary.button--disabled) .button-native{color:var(--ds-color-on-disabled);background-color:var(--ds-background-color-disabled);border-color:var(--ds-border-color-disabled);--gxg-icon-color:var(--ds-icon-color-on-disabled)}:host(.button--primary[grab-attention]:not([disabled])){}:host(.button--primary[grab-attention]:not([disabled])) .button-native:not(:hover){animation-name:grabAttentionPrimary;animation-duration:500ms;animation-iteration-count:infinite;animation-direction:alternate}@keyframes grabAttentionPrimary{from{background-color:var(--gxg-button-primary-bg-color)}to{background-color:var(--gxg-button-primary-bg-color-hover)}}:host(.button--secondary) .button-native{background-color:var(--gxg-button-secondary-bg-color);color:var(--gxg-button-secondary-color);border-color:var(--gxg-button-secondary-border-color);--gxg-icon-color:var(--gxg-button-secondary-icon-color)}:host(.button--secondary) .button-native:hover{background-color:var(--gxg-button-secondary-bg-color-hover);color:var(--gxg-button-secondary-color-hover);border-color:var(--gxg-button-secondary-border-color-hover);--gxg-icon-color:var(--gxg-button-secondary-icon-color-hover)}:host(.button--secondary) .button-native:active{background-color:var(--gxg-button-secondary-bg-color-active);color:var(--gxg-button-secondary-color-active);border-color:var(--gxg-button-secondary-border-color-active);--gxg-icon-color:var(--gxg-button-secondary-icon-color-active)}:host(.button--secondary.button--disabled){}:host(.button--secondary.button--disabled) .button-native{color:var(--ds-color-disabled);--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--tertiary) .button-native{background-color:var(--gxg-button-tertiary-bg-color);color:var(--gxg-button-tertiary-color);border-color:var(--gxg-button-tertiary-border-color);--gxg-icon-color:var(--gxg-button-tertiary-icon-color)}:host(.button--tertiary) .button-native:hover{background-color:var(--gxg-button-tertiary-bg-color-hover);color:var(--gxg-button-tertiary-color-hover);border-color:var(--gxg-button-tertiary-border-color-hover);--gxg-icon-color:var(--gxg-button-tertiary-icon-color-hover)}:host(.button--tertiary) .button-native:active{background-color:var(--gxg-button-tertiary-bg-color-active);color:var(--gxg-button-tertiary-color-active);border-color:var(--gxg-button-tertiary-border-color-active);--gxg-icon-color:var(--gxg-button-tertiary-icon-color-active)}:host(.button--tertiary.button--disabled){}:host(.button--tertiary.button--disabled) .button-native{--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--outlined) .button-native{background-color:var(--gxg-button-outlined-bg-color);color:var(--gxg-button-outlined-color);border-color:var(--gxg-button-outlined-border-color);--gxg-icon-color:var(--gxg-button-outlined-icon-color)}:host(.button--outlined) .button-native:hover{background-color:var(--gxg-button-outlined-bg-color-hover);color:var(--gxg-button-outlined-color-hover);border-color:var(--gxg-button-outlined-border-color-hover);--gxg-icon-color:var(--gxg-button-outlined-icon-color-hover)}:host(.button--outlined) .button-native:active{background-color:var(--gxg-button-outlined-bg-color-active);color:var(--gxg-button-outlined-color-active);border-color:var(--gxg-button-outlined-border-color-active);--gxg-icon-color:var(--gxg-button-outlined-icon-color-active)}:host(.button--outlined.button--disabled) .button-native{color:var(--ds-color-disabled);border-color:var(--ds-border-color-disabled);--gxg-icon-color:var(--ds-icon-color-disabled)}:host(.button--disabled) .button-native{pointer-events:none;color:var(--ds-color--disabled)}:host(.button--fit) .button-native{height:100% !important;width:100% !important}:host(.button--small.button--icon-only) .button-native{height:var(--ds-icon-size-box--small);width:var(--ds-icon-size-box--small)}:host(.button--icon-only) .button-native{padding:0}";
42
-
43
- const g = class {
7
+ const n = class {
44
8
  constructor(o) {
45
9
  this.parts = {
46
10
  button: "button",
@@ -49,7 +13,7 @@ const g = class {
49
13
  this.noTabIndex = false;
50
14
  this.attachExportParts = () => {
51
15
  const t = this.el.getAttribute("part");
52
- const o = a(t, this.parts);
16
+ const o = i(t, this.parts);
53
17
  o.length && (this.exportparts = o);
54
18
  };
55
19
  t(this, o);
@@ -66,7 +30,7 @@ const g = class {
66
30
  this.selected = false;
67
31
  }
68
32
  get el() {
69
- return r(this);
33
+ return o(this);
70
34
  }
71
35
  /*********************************
72
36
  METHODS
@@ -93,7 +57,7 @@ const g = class {
93
57
  }
94
58
  }
95
59
  emptyDiv() {
96
- return o("div", {
60
+ return r("div", {
97
61
  style: {
98
62
  height: "20px"
99
63
  }
@@ -102,7 +66,7 @@ const g = class {
102
66
  }
103
67
  regularIcon() {
104
68
  if (this.type !== "primary-text-only" && this.type !== "secondary-text-only" && this.icon !== undefined) {
105
- return o("gxg-icon", {
69
+ return r("gxg-icon", {
106
70
  type: this.icon,
107
71
  size: this.iconSize(),
108
72
  part: "icon"
@@ -124,7 +88,7 @@ const g = class {
124
88
  }
125
89
  }
126
90
  render() {
127
- return o(e, {
91
+ return r(e, {
128
92
  role: "button",
129
93
  class: {
130
94
  button: true,
@@ -142,9 +106,9 @@ const g = class {
142
106
  },
143
107
  onClick: this.clickHandler.bind(this),
144
108
  exportParts: this.exportparts ? this.exportparts : null
145
- }, this.disabled ? o("div", {
109
+ }, this.disabled ? r("div", {
146
110
  class: "disabled-layer"
147
- }) : null, o("button", {
111
+ }) : null, r("button", {
148
112
  class: {
149
113
  "button-native": true,
150
114
  "gxg-text-general": true,
@@ -153,82 +117,17 @@ const g = class {
153
117
  disabled: this.disabled === true,
154
118
  ref: t => this.button = t,
155
119
  part: this.parts.button
156
- }, this.emptyDiv(), this.regularIcon(), this.type.includes("text") || this.type === "outlined" ? o("span", {
120
+ }, this.emptyDiv(), this.regularIcon(), this.type.includes("text") || this.type === "outlined" ? r("span", {
157
121
  part: this.parts.caption,
158
122
  class: "text"
159
- }, o("slot", null)) : null));
123
+ }, r("slot", null)) : null));
160
124
  }
161
125
  static get delegatesFocus() {
162
126
  return true;
163
127
  }
164
128
  };
165
129
 
166
- g.style = l;
167
-
168
- 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 h1,:host h2,:host h3,:host h4,:host h5{margin:0;color:inherit;background-color:transparent}:host([alignment=start]) h1,:host([alignment=start]) h2,:host([alignment=start]) h3,:host([alignment=start]) h4,:host([alignment=start]) h5{text-align:start}:host([alignment=center]) h1,:host([alignment=center]) h2,:host([alignment=center]) h3,:host([alignment=center]) h4,:host([alignment=center]) h5{text-align:center}:host([alignment=end]) h1,:host([alignment=end]) h2,:host([alignment=end]) h3,:host([alignment=end]) h4,:host([alignment=end]) h5{text-align:end}";
169
-
170
- const b = class {
171
- constructor(o) {
172
- t(this, o);
173
- this.type = "title-01";
174
- this.alignment = "start";
175
- }
176
- titleType() {
177
- let t;
178
- switch (this.type) {
179
- case "title-01":
180
- t = o("h1", {
181
- class: "gxg-title-01",
182
- part: "title"
183
- }, o("slot", null));
184
- break;
185
-
186
- case "title-02":
187
- t = o("h2", {
188
- class: "gxg-title-02",
189
- part: "title"
190
- }, o("slot", null));
191
- break;
192
-
193
- case "title-03":
194
- t = o("h3", {
195
- class: "gxg-title-03",
196
- part: "title"
197
- }, o("slot", null));
198
- break;
199
-
200
- case "title-04":
201
- t = o("h4", {
202
- class: "gxg-title-04",
203
- part: "title"
204
- }, o("slot", null));
205
- break;
206
-
207
- case "title-05":
208
- t = o("h5", {
209
- class: "gxg-title-05",
210
- part: "title"
211
- }, o("slot", null));
212
- break;
213
-
214
- default:
215
- t = o("h1", {
216
- class: "gxg-title-06",
217
- part: "title"
218
- }, o("slot", null));
219
- }
220
- return t;
221
- }
222
- render() {
223
- return o(e, {
224
- class: {
225
- large: i.large
226
- }
227
- }, this.titleType(), " ");
228
- }
229
- };
230
-
231
- b.style = c;
130
+ n.style = a;
232
131
 
233
- export { s as gx_ide_title, g as gxg_button, b as gxg_title };
234
- //# sourceMappingURL=p-c49ce410.entry.js.map
132
+ export { n as gxg_button };
133
+ //# sourceMappingURL=p-5381e7f3.entry.js.map
package/dist/genexus-ide-ui/p-5381e7f3.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["buttonCss","GxgButton","constructor","hostRef","this","parts","button","caption","noTabIndex","attachExportParts","part","el","getAttribute","exportPartsResult","exportParts","length","exportparts","grabAttention","alwaysBlack","disabled","fit","fullWidth","small","icon","undefined","negative","type","buttonStylesEditable","selected","componentWillLoad","tabIndex","componentDidLoad","querySelector","iconAriaLabel","setAttribute","shadowRoot","emptyDiv","h","style","height","regularIcon","size","iconSize","iSize","clickHandler","e","preventDefault","render","Host","role","class","includes","onClick","bind","ref","delegatesFocus"],"sources":["node_modules/@genexus/gemini/dist/collection/components/button/button.css?tag=gxg-button&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/button/button.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none;\n}\n\n:root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n/*General*/\n:host(.button) {\n display: inline-block;\n line-height: 0;\n position: relative;\n}\n:host(.button) .button-native {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--gxg-button-font-size);\n font-weight: var(--gxg-button-font-weight);\n height: var(--gxg-button-height);\n border-width: var(--gxg-button-border-width);\n border-radius: var(--gxg-button-border-radius);\n padding: 0 var(--gxg-button-padding-horizontal);\n border-style: solid;\n cursor: pointer;\n --svg-icon-regular-scale: var(--svg-icon-small-scale);\n position: relative;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n:host(.button) .button-native:focus-visible {\n outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n outline-offset: -1px;\n outline-offset: 0;\n}\n:host(.button) gxg-icon {\n margin-inline-end: var(--gxg-button-icon-margin-inline-end);\n}\n\n:host(.button--disabled) {\n pointer-events: none;\n}\n\n/*Has icon*/\n:host(.button--has-icon) .button-native {\n padding-inline-start: var(--gxg-button-icon-padding-start);\n}\n\n/*Icon only*/\n:host(.button--icon-only) .button-native {\n padding-inline-start: 0;\n padding-inline-end: 0;\n width: var(--gxg-button-height);\n}\n:host(.button--icon-only) gxg-icon {\n --icon-size: 30px;\n margin-inline-end: 0;\n}\n\n/*Primary*/\n:host(.button--primary) .button-native {\n background-color: var(--gxg-button-primary-bg-color);\n color: var(--gxg-button-primary-color);\n border-color: var(--gxg-button-primary-border-color);\n --gxg-icon-color: var(--gxg-button-primary-icon-color);\n}\n:host(.button--primary) .button-native:focus-visible {\n outline-color: var(--gxg-button-primary-focus-outline-color);\n}\n:host(.button--primary) .button-native:hover {\n background-color: var(--gxg-button-primary-bg-color-hover);\n color: var(--gxg-button-primary-color-hover);\n border-color: var(--gxg-button-primary-border-color-hover);\n --gxg-icon-color: var(--gxg-button-primary-icon-color-hover);\n}\n:host(.button--primary) .button-native:active {\n background-color: var(--gxg-button-primary-bg-color-active);\n color: var(--gxg-button-primary-color-active);\n border-color: var(--gxg-button-primary-border-color-active);\n --gxg-icon-color: var(--gxg-button-primary-icon-color-active);\n}\n\n:host(.button--primary.button--disabled) {\n /*Disabled*/\n}\n:host(.button--primary.button--disabled) .button-native {\n color: var(--ds-color-on-disabled);\n background-color: var(--ds-background-color-disabled);\n border-color: var(--ds-border-color-disabled);\n --gxg-icon-color: var(--ds-icon-color-on-disabled);\n}\n\n:host(.button--primary[grab-attention]:not([disabled])) {\n /*Grab Attention*/\n}\n:host(.button--primary[grab-attention]:not([disabled])) .button-native:not(:hover) {\n animation-name: grabAttentionPrimary;\n animation-duration: 500ms;\n animation-iteration-count: infinite;\n animation-direction: alternate;\n}\n\n@keyframes grabAttentionPrimary {\n from {\n background-color: var(--gxg-button-primary-bg-color);\n }\n to {\n background-color: var(--gxg-button-primary-bg-color-hover);\n }\n}\n/*Secondary*/\n:host(.button--secondary) .button-native {\n background-color: var(--gxg-button-secondary-bg-color);\n color: var(--gxg-button-secondary-color);\n border-color: var(--gxg-button-secondary-border-color);\n --gxg-icon-color: var(--gxg-button-secondary-icon-color);\n}\n:host(.button--secondary) .button-native:hover {\n background-color: var(--gxg-button-secondary-bg-color-hover);\n color: var(--gxg-button-secondary-color-hover);\n border-color: var(--gxg-button-secondary-border-color-hover);\n --gxg-icon-color: var(--gxg-button-secondary-icon-color-hover);\n}\n:host(.button--secondary) .button-native:active {\n background-color: var(--gxg-button-secondary-bg-color-active);\n color: var(--gxg-button-secondary-color-active);\n border-color: var(--gxg-button-secondary-border-color-active);\n --gxg-icon-color: var(--gxg-button-secondary-icon-color-active);\n}\n\n:host(.button--secondary.button--disabled) {\n /*Disabled*/\n}\n:host(.button--secondary.button--disabled) .button-native {\n color: var(--ds-color-disabled);\n --gxg-icon-color: var(--ds-icon-color-disabled);\n}\n\n/*Tertiary*/\n:host(.button--tertiary) .button-native {\n background-color: var(--gxg-button-tertiary-bg-color);\n color: var(--gxg-button-tertiary-color);\n border-color: var(--gxg-button-tertiary-border-color);\n --gxg-icon-color: var(--gxg-button-tertiary-icon-color);\n}\n:host(.button--tertiary) .button-native:hover {\n background-color: var(--gxg-button-tertiary-bg-color-hover);\n color: var(--gxg-button-tertiary-color-hover);\n border-color: var(--gxg-button-tertiary-border-color-hover);\n --gxg-icon-color: var(--gxg-button-tertiary-icon-color-hover);\n}\n:host(.button--tertiary) .button-native:active {\n background-color: var(--gxg-button-tertiary-bg-color-active);\n color: var(--gxg-button-tertiary-color-active);\n border-color: var(--gxg-button-tertiary-border-color-active);\n --gxg-icon-color: var(--gxg-button-tertiary-icon-color-active);\n}\n\n:host(.button--tertiary.button--disabled) {\n /*Disabled*/\n}\n:host(.button--tertiary.button--disabled) .button-native {\n --gxg-icon-color: var(--ds-icon-color-disabled);\n}\n\n/*Outlined*/\n:host(.button--outlined) .button-native {\n background-color: var(--gxg-button-outlined-bg-color);\n color: var(--gxg-button-outlined-color);\n border-color: var(--gxg-button-outlined-border-color);\n --gxg-icon-color: var(--gxg-button-outlined-icon-color);\n}\n:host(.button--outlined) .button-native:hover {\n background-color: var(--gxg-button-outlined-bg-color-hover);\n color: var(--gxg-button-outlined-color-hover);\n border-color: var(--gxg-button-outlined-border-color-hover);\n --gxg-icon-color: var(--gxg-button-outlined-icon-color-hover);\n}\n:host(.button--outlined) .button-native:active {\n background-color: var(--gxg-button-outlined-bg-color-active);\n color: var(--gxg-button-outlined-color-active);\n border-color: var(--gxg-button-outlined-border-color-active);\n --gxg-icon-color: var(--gxg-button-outlined-icon-color-active);\n}\n\n:host(.button--outlined.button--disabled) .button-native {\n color: var(--ds-color-disabled);\n border-color: var(--ds-border-color-disabled);\n --gxg-icon-color: var(--ds-icon-color-disabled);\n}\n\n/*Disabled General*/\n:host(.button--disabled) .button-native {\n pointer-events: none;\n color: var(--ds-color--disabled);\n}\n\n/*Fit*/\n:host(.button--fit) .button-native {\n height: 100% !important;\n width: 100% !important;\n}\n\n/*Small*/\n:host(.button--small.button--icon-only) .button-native {\n height: var(--ds-icon-size-box--small);\n width: var(--ds-icon-size-box--small);\n}\n\n/*Icon only*/\n:host(.button--icon-only) .button-native {\n padding: 0;\n}","import { h, Host } from \"@stencil/core\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgButton {\n constructor() {\n this.grabAttention = false;\n this.alwaysBlack = false;\n this.disabled = false;\n this.fit = false;\n this.fullWidth = false;\n this.small = false;\n this.icon = undefined;\n this.negative = false;\n this.type = \"primary-text-only\";\n this.buttonStylesEditable = false;\n this.selected = false;\n }\n parts = {\n button: \"button\",\n caption: \"caption\"\n };\n exportparts;\n el;\n button;\n noTabIndex = false;\n /*********************************\n METHODS\n *********************************/\n componentWillLoad() {\n const tabIndex = this.el.getAttribute(\"tabindex\");\n if (tabIndex === \"-1\") {\n this.noTabIndex = true;\n }\n this.attachExportParts();\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n componentDidLoad() {\n // Set aria-label to host\n if (this.type === \"primary-icon-only\" ||\n this.type === \"secondary-icon-only\"\n //If button type is icon-only, aria-label must be provided in order to inform the user the button purpose.\n ) {\n if (this.el.querySelector(\":scope > [slot='icon']\")) {\n //Also, an icon must be provided, in order to know the button purpose.\n //The icon purpose is defined from the icon \"type\" property.\n const iconAriaLabel = this.el\n .querySelector(\":scope > [slot='icon']\")\n .getAttribute(\"type\");\n this.el.setAttribute(\"aria-label\", iconAriaLabel);\n }\n }\n //Set a part attribute to the button if buttonStylesEditable is true\n if (this.buttonStylesEditable) {\n this.el.shadowRoot\n .querySelector(\"button\")\n .setAttribute(\"part\", \"native-button\");\n }\n }\n emptyDiv() {\n return h(\"div\", { style: { height: \"20px\" } });\n //This is a workaround I found for alligning vertically the buttons that have no icon, with the buttons that do have icons.\n }\n regularIcon() {\n if (this.type !== \"primary-text-only\" &&\n this.type !== \"secondary-text-only\" &&\n this.icon !== undefined) {\n return (h(\"gxg-icon\", { type: this.icon, size: this.iconSize(), part: \"icon\" }));\n }\n }\n iconSize() {\n let iSize;\n if (this.type === \"secondary-icon-only\" ||\n (this.type === \"tertiary\" && !this.small)) {\n iSize = \"regular\";\n }\n else {\n iSize = \"small\";\n }\n return iSize;\n }\n clickHandler(e) {\n if (this.disabled) {\n e.preventDefault();\n }\n }\n render() {\n return (h(Host, { role: \"button\", class: {\n button: true,\n \"button--primary\": this.type.includes(\"primary\"),\n \"button--secondary\": this.type.includes(\"secondary\"),\n \"button--tertiary\": this.type.includes(\"tertiary\"),\n \"button--outlined\": this.type.includes(\"outlined\"),\n \"button--has-icon\": this.type.includes(\"icon\"),\n \"button--icon-only\": this.type.includes(\"icon-only\") || this.type === \"tertiary\",\n \"button--disabled\": this.disabled === true,\n \"button--fullwidth\": this.fullWidth === true,\n \"button--fit\": this.fit,\n \"button--small\": this.small,\n \"button--unselected\": !this.selected\n }, onClick: this.clickHandler.bind(this), exportParts: this.exportparts ? this.exportparts : null }, this.disabled ? h(\"div\", { class: \"disabled-layer\" }) : null, h(\"button\", { class: {\n \"button-native\": true,\n \"gxg-text-general\": true,\n \"no-tab-index\": this.noTabIndex\n }, disabled: this.disabled === true, ref: el => (this.button = el), part: this.parts.button }, this.emptyDiv(), this.regularIcon(), this.type.includes(\"text\") || this.type === \"outlined\" ? (h(\"span\", { part: this.parts.caption, class: \"text\" }, h(\"slot\", null))) : null)));\n }\n static get is() { return \"gxg-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"button.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"button.css\"]\n };\n }\n static get properties() {\n return {\n \"grabAttention\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute with make the icon do a background color animation that will grab user attention\"\n },\n \"attribute\": \"grab-attention\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"alwaysBlack\": {\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 icon always black\"\n },\n \"attribute\": \"always-black\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The state of the button, whether it is disabled or not\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fit\": {\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 will force the .native-button to be contained within the gxg-button host element\"\n },\n \"attribute\": \"fit\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"fullWidth\": {\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 component full-width\"\n },\n \"attribute\": \"full-width\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"small\": {\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 button small (only for buttons that include an icon)\"\n },\n \"attribute\": \"small\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"icon\": {\n \"type\": \"any\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The button icon\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false\n },\n \"negative\": {\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 turns the icon white\"\n },\n \"attribute\": \"negative\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"type\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"ButtonType\",\n \"resolved\": \"\\\"outlined\\\" | \\\"outlined-text-icon\\\" | \\\"primary-icon-only\\\" | \\\"primary-text-icon\\\" | \\\"primary-text-only\\\" | \\\"secondary-icon-only\\\" | \\\"secondary-text-icon\\\" | \\\"secondary-text-only\\\" | \\\"tertiary\\\"\",\n \"references\": {\n \"ButtonType\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/button/button.tsx\",\n \"id\": \"src/components/button/button.tsx::ButtonType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The kind of button\"\n },\n \"attribute\": \"type\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"primary-text-only\\\"\"\n },\n \"buttonStylesEditable\": {\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 lets the button styles be editable from outside of the component by referencing the \\\"native-button\\\" part.\"\n },\n \"attribute\": \"button-styles-editable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"selected\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"This property is for the button-container component\"\n },\n \"attribute\": \"selected\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=button.js.map\n"],"mappings":";;;;AAAA,MAAMA,IAAY;;MCELC,IAAS;EAClB,WAAAC,CAAAC;IAaAC,KAAAC,QAAQ;MACJC,QAAQ;MACRC,SAAS;;IAKbH,KAAAI,aAAa;IAWbJ,KAAAK,oBAAoB;MAChB,MAAMC,IAAON,KAAKO,GAAGC,aAAa;MAClC,MAAMC,IAAoBC,EAAYJ,GAAMN,KAAKC;MACjDQ,EAAkBE,WAAWX,KAAKY,cAAcH;AAAkB;;IAjClET,KAAKa,gBAAgB;IACrBb,KAAKc,cAAc;IACnBd,KAAKe,WAAW;IAChBf,KAAKgB,MAAM;IACXhB,KAAKiB,YAAY;IACjBjB,KAAKkB,QAAQ;IACblB,KAAKmB,OAAOC;IACZpB,KAAKqB,WAAW;IAChBrB,KAAKsB,OAAO;IACZtB,KAAKuB,uBAAuB;IAC5BvB,KAAKwB,WAAW;;;;;;;wCAapB,iBAAAC;IACI,MAAMC,IAAW1B,KAAKO,GAAGC,aAAa;IACtC,IAAIkB,MAAa,MAAM;MACnB1B,KAAKI,aAAa;;IAEtBJ,KAAKK;;EAOT,gBAAAsB;;IAEI,IAAI3B,KAAKsB,SAAS,uBACdtB,KAAKsB,SAAS,uBAEhB;MACE,IAAItB,KAAKO,GAAGqB,cAAc,2BAA2B;;;QAGjD,MAAMC,IAAgB7B,KAAKO,GACtBqB,cAAc,0BACdpB,aAAa;QAClBR,KAAKO,GAAGuB,aAAa,cAAcD;;;;QAI3C,IAAI7B,KAAKuB,sBAAsB;MAC3BvB,KAAKO,GAAGwB,WACHH,cAAc,UACdE,aAAa,QAAQ;;;EAGlC,QAAAE;IACI,OAAOC,EAAE,OAAO;MAAEC,OAAO;QAAEC,QAAQ;;;;;EAGvC,WAAAC;IACI,IAAIpC,KAAKsB,SAAS,uBACdtB,KAAKsB,SAAS,yBACdtB,KAAKmB,SAASC,WAAW;MACzB,OAAQa,EAAE,YAAY;QAAEX,MAAMtB,KAAKmB;QAAMkB,MAAMrC,KAAKsC;QAAYhC,MAAM;;;;EAG9E,QAAAgC;IACI,IAAIC;IACJ,IAAIvC,KAAKsB,SAAS,yBACbtB,KAAKsB,SAAS,eAAetB,KAAKkB,OAAQ;MAC3CqB,IAAQ;WAEP;MACDA,IAAQ;;IAEZ,OAAOA;;EAEX,YAAAC,CAAaC;IACT,IAAIzC,KAAKe,UAAU;MACf0B,EAAEC;;;EAGV,MAAAC;IACI,OAAQV,EAAEW,GAAM;MAAEC,MAAM;MAAUC,OAAO;QACjC5C,QAAQ;QACR,mBAAmBF,KAAKsB,KAAKyB,SAAS;QACtC,qBAAqB/C,KAAKsB,KAAKyB,SAAS;QACxC,oBAAoB/C,KAAKsB,KAAKyB,SAAS;QACvC,oBAAoB/C,KAAKsB,KAAKyB,SAAS;QACvC,oBAAoB/C,KAAKsB,KAAKyB,SAAS;QACvC,qBAAqB/C,KAAKsB,KAAKyB,SAAS,gBAAgB/C,KAAKsB,SAAS;QACtE,oBAAoBtB,KAAKe,aAAa;QACtC,qBAAqBf,KAAKiB,cAAc;QACxC,eAAejB,KAAKgB;QACpB,iBAAiBhB,KAAKkB;QACtB,uBAAuBlB,KAAKwB;;MAC7BwB,SAAShD,KAAKwC,aAAaS,KAAKjD;MAAOU,aAAaV,KAAKY,cAAcZ,KAAKY,cAAc;OAAQZ,KAAKe,WAAWkB,EAAE,OAAO;MAAEa,OAAO;SAAsB,MAAMb,EAAE,UAAU;MAAEa,OAAO;QACpL,iBAAiB;QACjB,oBAAoB;QACpB,gBAAgB9C,KAAKI;;MACtBW,UAAUf,KAAKe,aAAa;MAAMmC,KAAK3C,KAAOP,KAAKE,SAASK;MAAKD,MAAMN,KAAKC,MAAMC;OAAUF,KAAKgC,YAAYhC,KAAKoC,eAAepC,KAAKsB,KAAKyB,SAAS,WAAW/C,KAAKsB,SAAS,aAAcW,EAAE,QAAQ;MAAE3B,MAAMN,KAAKC,MAAME;MAAS2C,OAAO;OAAUb,EAAE,QAAQ,SAAU;;EAIjR,yBAAWkB;IAAmB,OAAO;AAAK"}
package/dist/genexus-ide-ui/{p-27640de6.entry.js → p-64de1e77.entry.js} RENAMED
@@ -6,7 +6,7 @@ import { L as s } from "./p-74d59062.js";
6
6
 
7
7
  import { f as l } from "./p-00095d68.js";
8
8
 
9
- const n = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block}.user-details-container{display:flex;gap:var(--gx-ide-form-items-gap)}";
9
+ const n = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}p{margin:0}:host{display:block}.user-details-container{display:flex;gap:var(--gx-ide-form-items-gap)}.wrapper{display:flex;flex-direction:column;gap:var(--mer-spacing--md)}";
10
10
 
11
11
  const g = class {
12
12
  constructor(o) {
@@ -76,6 +76,8 @@ const g = class {
76
76
  }, r("gx-ide-container", {
77
77
  containerTitle: this.displayTitle ? this._componentLocale.componentName : null,
78
78
  slimmerFooter: i.gxIdeContainer.slimmerFooter
79
+ }, r("div", {
80
+ class: "wrapper"
79
81
  }, r("gxg-combo-box", {
80
82
  label: this._componentLocale.main.serverUrl,
81
83
  disableFilter: !this.enableCustomServer,
@@ -105,7 +107,7 @@ const g = class {
105
107
  ref: e => this.passwordEl = e,
106
108
  password: true,
107
109
  toolTip: i.tooltip
108
- })) : null, r("gxg-button", {
110
+ })) : null), r("gxg-button", {
109
111
  slot: "footer-end",
110
112
  type: "outlined"
111
113
  }, this._componentLocale.main.cancel), r("gxg-button", {
@@ -124,4 +126,4 @@ const g = class {
124
126
  g.style = n;
125
127
 
126
128
  export { g as gx_ide_connect_gx_server };
127
- //# sourceMappingURL=p-27640de6.entry.js.map
129
+ //# sourceMappingURL=p-64de1e77.entry.js.map
package/dist/genexus-ide-ui/p-64de1e77.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["connectGxServerCss","GxIdeConnectGxServer","this","renderedFirstTime","renderServerUrls","_a","serverUrls","length","map","serverUrl","h","continueWithGxServerHandler","event","displayLoginControls","detail","value","evaluateDisplayLoginControls","enableUserLogged","connectHandler","connectCallback","serverURLEl","continueWithGeneXusAccount","continueWithGeneXusAccountEl","checked","user","userNameEl","password","passwordEl","then","formSubmitResult","console","log","formSubmitValidation","componentWillLoad","_componentLocale","Locale","getComponentStrings","el","componentDidRender","componentDidRenderFirstTime","emit","componentName","render","Host","class","containerTitle","displayTitle","slimmerFooter","config","gxIdeContainer","label","main","disableFilter","enableCustomServer","defaultConnectionData","ref","toolTip","tooltip","continueWithGxAccount","onChange","disabled","userName","labelPosition","slot","type","cancel","onClick","connect"],"sources":["src/components/connect-gx-server/connect-gx-server.scss?tag=gx-ide-connect-gx-server&encapsulation=shadow","src/components/connect-gx-server/connect-gx-server.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n display: block;\n}\n\n.user-details-container {\n display: flex;\n gap: var(--gx-ide-form-items-gap);\n}\n\n.wrapper {\n display: flex;\n flex-direction: column;\n gap: var(--mer-spacing--md);\n}\n","/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n Event,\n EventEmitter,\n State\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { config } from \"../../common/config\";\nimport { Locale } from \"../../common/locale\";\nimport { formSubmitValidation } from \"../../common/form-validation\";\nimport { ConnectionResultData } from \"../../common/types\";\n\n@Component({\n tag: \"gx-ide-connect-gx-server\",\n styleUrl: \"connect-gx-server.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/connect-gx-server\"]\n})\nexport class GxIdeConnectGxServer {\n // 1.OWN PROPERTIES //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n private renderedFirstTime = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeConnectGxServerElement;\n\n private serverURLEl!: HTMLGxgComboBoxElement;\n private userNameEl!: HTMLGxgFormTextElement;\n private passwordEl!: HTMLGxgFormTextElement;\n private continueWithGeneXusAccountEl!: HTMLGxgFormCheckboxElement;\n\n // 3.STATE() VARIABLES //\n\n //\n @State() displayLoginControls: boolean = false;\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 * Array of cataloged server URLs\n */\n @Prop() readonly serverUrls: string[];\n\n /**\n * 'true' if the user should be allowed to manually enter a server URL in serverUrls.\n */\n @Prop() readonly enableCustomServer: boolean = false;\n\n /**\n * Initial user values for the case in which the user returns to the login modal after a successful authentication.\n */\n @Prop() readonly defaultConnectionData?: GXServerConnectionData;\n\n /**\n * If 'true', shows the enabled and checked 'Continue with GX Account' checkbox. If 'false', shows the checkbox unchecked and disabled, and displays the options to enter username and password directly. Even if 'true', allow the user to deselect the checkbox and enter username and password.\n */\n @Prop() readonly enableUserLogged: boolean = false;\n\n /**\n * If 'true', shows the enabled and checked 'Continue with GX Account' checkbox. If 'false', shows the checkbox unchecked and disabled, and displays the options to enter username and password directly. Even if 'true', allow the user to deselect the checkbox and enter username and password.\n */\n @Prop() readonly connectCallback: (\n data: GXServerConnectionData\n ) => Promise<ConnectionResultData>;\n\n /**\n * Callback that allows canceling the server connection process.\n */\n @Prop() readonly cancelCallback: () => Promise<void>;\n\n // 5.EVENTS (EMIT) //\n\n /**\n * @description Gets fired when the component has rendered for the first time.\n */\n @Event() componentDidRenderFirstTime: EventEmitter<string>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n this.evaluateDisplayLoginControls();\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 renderServerUrls = (): HTMLGxgComboBoxItemElement[] => {\n if (this.serverUrls?.length) {\n return this.serverUrls.map(serverUrl => {\n return <gxg-combo-box-item>{serverUrl}</gxg-combo-box-item>;\n });\n }\n return [];\n };\n\n private continueWithGxServerHandler = (\n event: CustomEvent<{ id: string; value: boolean; disabled?: boolean }>\n ) => {\n this.displayLoginControls = !event.detail.value;\n };\n\n private evaluateDisplayLoginControls = () => {\n if (this.enableUserLogged) {\n this.displayLoginControls = false;\n } else {\n this.displayLoginControls = true;\n }\n };\n\n private connectHandler = () => {\n if (this.connectCallback) {\n this.connectCallback({\n serverUrl: this.serverURLEl.value,\n continueWithGeneXusAccount: this.continueWithGeneXusAccountEl.checked,\n user: this.userNameEl.value,\n password: this.passwordEl.value\n }).then((formSubmitResult: ConnectionResultData) => {\n console.log(formSubmitResult);\n formSubmitValidation(formSubmitResult, this);\n });\n }\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\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 slimmerFooter={config.gxIdeContainer.slimmerFooter}\n >\n <div class=\"wrapper\">\n {/* server url */}\n <gxg-combo-box\n label={this._componentLocale.main.serverUrl}\n disableFilter={!this.enableCustomServer}\n value={this.defaultConnectionData?.serverUrl}\n ref={el => (this.serverURLEl = el as HTMLGxgComboBoxElement)}\n toolTip={config.tooltip}\n >\n {this.renderServerUrls()}\n </gxg-combo-box>\n\n {/* continue with GeneXus account */}\n <gxg-form-checkbox\n label={this._componentLocale.main.continueWithGxAccount}\n onChange={this.continueWithGxServerHandler}\n checked={\n this.defaultConnectionData\n ? this.defaultConnectionData.continueWithGeneXusAccount\n : this.enableUserLogged\n }\n disabled={!this.enableUserLogged}\n ref={el =>\n (this.continueWithGeneXusAccountEl =\n el as HTMLGxgFormCheckboxElement)\n }\n ></gxg-form-checkbox>\n\n {this.displayLoginControls ? (\n <div class=\"user-details-container\">\n {/* username */}\n <gxg-form-text\n label={this._componentLocale.main.userName}\n labelPosition=\"above\"\n disabled={!this.displayLoginControls}\n value={this.defaultConnectionData.user}\n ref={el => (this.userNameEl = el as HTMLGxgFormTextElement)}\n toolTip={config.tooltip}\n ></gxg-form-text>\n {/* password */}\n <gxg-form-text\n label={this._componentLocale.main.password}\n labelPosition=\"above\"\n disabled={!this.displayLoginControls}\n value={this.defaultConnectionData.password}\n ref={el => (this.passwordEl = el as HTMLGxgFormTextElement)}\n password\n toolTip={config.tooltip}\n ></gxg-form-text>\n </div>\n ) : null}\n </div>\n\n {/* cancel and connect buttons */}\n <gxg-button slot=\"footer-end\" type=\"outlined\">\n {this._componentLocale.main.cancel}\n </gxg-button>\n <gxg-button slot=\"footer-end\" onClick={this.connectHandler}>\n {this._componentLocale.main.connect}\n </gxg-button>\n </gx-ide-container>\n </div>\n </Host>\n );\n }\n}\n\nexport type GXServerConnectionData = {\n serverUrl: string;\n continueWithGeneXusAccount: boolean;\n user: string;\n password: string;\n};\n"],"mappings":";;;;;;;;AAAA,MAAMA,IAAqB;;MCwBdC,IAAoB;;;;IAOvBC,KAAAC,oBAAoB;;;;QAoFpBD,KAAAE,mBAAmB;;MACzB,KAAIC,IAAAH,KAAKI,gBAAU,QAAAD,WAAA,aAAAA,EAAEE,QAAQ;QAC3B,OAAOL,KAAKI,WAAWE,KAAIC,KAClBC,EAAA,4BAAqBD;;MAGhC,OAAO;AAAE;IAGHP,KAAAS,8BACNC;MAEAV,KAAKW,wBAAwBD,EAAME,OAAOC;AAAK;IAGzCb,KAAAc,+BAA+B;MACrC,IAAId,KAAKe,kBAAkB;QACzBf,KAAKW,uBAAuB;aACvB;QACLX,KAAKW,uBAAuB;;;IAIxBX,KAAAgB,iBAAiB;MACvB,IAAIhB,KAAKiB,iBAAiB;QACxBjB,KAAKiB,gBAAgB;UACnBV,WAAWP,KAAKkB,YAAYL;UAC5BM,4BAA4BnB,KAAKoB,6BAA6BC;UAC9DC,MAAMtB,KAAKuB,WAAWV;UACtBW,UAAUxB,KAAKyB,WAAWZ;WACzBa,MAAMC;UACPC,QAAQC,IAAIF;UACZG,EAAqBH,GAAkB3B;AAAK;;;gCAtGT;wBAOT;;8BAUe;;4BAUF;;;;;EAuB7C,uBAAM+B;IACJ/B,KAAKgC,yBAAyBC,EAAOC,oBAAoBlC,KAAKmC;IAC9DnC,KAAKc;;EAGP,kBAAAsB;IACE,KAAKpC,KAAKC,mBAAmB;MAC3BD,KAAKqC,4BAA4BC,KAC/BtC,KAAKgC,iBAAiBO;MAExBvC,KAAKC,oBAAoB;;;;EAiD7B,MAAAuC;;IACE,OACEhC,EAACiC,GAAI;MAACC,OAAM;OACVlC,EAAA;MAAKkC,OAAM;OACTlC,EAAA;MACEmC,gBACE3C,KAAK4C,eAAe5C,KAAKgC,iBAAiBO,gBAAgB;MAE5DM,eAAeC,EAAOC,eAAeF;OAErCrC,EAAA;MAAKkC,OAAM;OAETlC,EAAA;MACEwC,OAAOhD,KAAKgC,iBAAiBiB,KAAK1C;MAClC2C,gBAAgBlD,KAAKmD;MACrBtC,QAAOV,IAAAH,KAAKoD,2BAAqB,QAAAjD,WAAA,aAAAA,EAAEI;MACnC8C,KAAKlB,KAAOnC,KAAKkB,cAAciB;MAC/BmB,SAASR,EAAOS;OAEfvD,KAAKE,qBAIRM,EAAA;MACEwC,OAAOhD,KAAKgC,iBAAiBiB,KAAKO;MAClCC,UAAUzD,KAAKS;MACfY,SACErB,KAAKoD,wBACDpD,KAAKoD,sBAAsBjC,6BAC3BnB,KAAKe;MAEX2C,WAAW1D,KAAKe;MAChBsC,KAAKlB,KACFnC,KAAKoB,+BACJe;QAILnC,KAAKW,uBACJH,EAAA;MAAKkC,OAAM;OAETlC,EAAA;MACEwC,OAAOhD,KAAKgC,iBAAiBiB,KAAKU;MAClCC,eAAc;MACdF,WAAW1D,KAAKW;MAChBE,OAAOb,KAAKoD,sBAAsB9B;MAClC+B,KAAKlB,KAAOnC,KAAKuB,aAAaY;MAC9BmB,SAASR,EAAOS;QAGlB/C,EAAA;MACEwC,OAAOhD,KAAKgC,iBAAiBiB,KAAKzB;MAClCoC,eAAc;MACdF,WAAW1D,KAAKW;MAChBE,OAAOb,KAAKoD,sBAAsB5B;MAClC6B,KAAKlB,KAAOnC,KAAKyB,aAAaU;MAC9BX,UAAQ;MACR8B,SAASR,EAAOS;UAGlB,OAIN/C,EAAA;MAAYqD,MAAK;MAAaC,MAAK;OAChC9D,KAAKgC,iBAAiBiB,KAAKc,SAE9BvD,EAAA;MAAYqD,MAAK;MAAaG,SAAShE,KAAKgB;OACzChB,KAAKgC,iBAAiBiB,KAAKgB"}