@genexus/genexus-ide-ui 0.0.130 → 0.0.132

package/dist/genexus-ide-ui/{p-5381e7f3.entry.js → p-c49ce410.entry.js}

@@ -1,10 +1,46 @@
-import { r as t, g as o, h as r, H as e } from "./p-48217969.js";
+import { r as t, h as o, H as e, g as r } from "./p-48217969.js";
 
-import { e as i } from "./p-1a098c4f.js";
+import { e as a } from "./p-1a098c4f.js";
 
-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}";
+import { s as i } from "./p-ac964d4c.js";
 
-const n = class {
+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)}";
+
+const s = class {
+  constructor(o) {
+    t(this, o);
+    this.titleCaption = undefined;
+    this.type = "primary";
+    this.alignment = "start";
+    this.padding = false;
+    this.noPaddingBottom = false;
+    this.border = false;
+  }
+  componentWillLoad() {
+    if (this.type === "primary") {
+      this.geminiType = "title-04";
+    } else if (this.type === "secondary") {
+      this.geminiType = "title-05";
+    }
+  }
+  render() {
+    return o(e, {
+      class: {
+        [`alignment--${this.alignment}`]: true,
+        [`title-type--${this.type}`]: true
+      }
+    }, o("gxg-title", {
+      type: this.geminiType,
+      alignment: this.alignment
+    }, o("slot", null)));
+  }
+};
+
+s.style = n;
+
+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}";
+
+const g = class {
   constructor(o) {
     this.parts = {
       button: "button",
@@ -13,7 +49,7 @@ const n = class {
     this.noTabIndex = false;
     this.attachExportParts = () => {
       const t = this.el.getAttribute("part");
-      const o = i(t, this.parts);
+      const o = a(t, this.parts);
       o.length && (this.exportparts = o);
     };
     t(this, o);
@@ -30,7 +66,7 @@ const n = class {
     this.selected = false;
   }
   get el() {
-    return o(this);
+    return r(this);
   }
   /*********************************
     METHODS
@@ -57,7 +93,7 @@ const n = class {
     }
   }
   emptyDiv() {
-    return r("div", {
+    return o("div", {
       style: {
         height: "20px"
       }
@@ -66,7 +102,7 @@ const n = class {
     }
   regularIcon() {
     if (this.type !== "primary-text-only" && this.type !== "secondary-text-only" && this.icon !== undefined) {
-      return r("gxg-icon", {
+      return o("gxg-icon", {
         type: this.icon,
         size: this.iconSize(),
         part: "icon"
@@ -88,7 +124,7 @@ const n = class {
     }
   }
   render() {
-    return r(e, {
+    return o(e, {
       role: "button",
       class: {
         button: true,
@@ -106,9 +142,9 @@ const n = class {
       },
       onClick: this.clickHandler.bind(this),
       exportParts: this.exportparts ? this.exportparts : null
-    }, this.disabled ? r("div", {
+    }, this.disabled ? o("div", {
       class: "disabled-layer"
-    }) : null, r("button", {
+    }) : null, o("button", {
       class: {
         "button-native": true,
         "gxg-text-general": true,
@@ -117,17 +153,82 @@ const n = class {
       disabled: this.disabled === true,
       ref: t => this.button = t,
       part: this.parts.button
-    }, this.emptyDiv(), this.regularIcon(), this.type.includes("text") || this.type === "outlined" ? r("span", {
+    }, this.emptyDiv(), this.regularIcon(), this.type.includes("text") || this.type === "outlined" ? o("span", {
       part: this.parts.caption,
       class: "text"
-    }, r("slot", null)) : null));
+    }, o("slot", null)) : null));
   }
   static get delegatesFocus() {
     return true;
   }
 };
 
-n.style = a;
+g.style = l;
+
+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}";
+
+const b = class {
+  constructor(o) {
+    t(this, o);
+    this.type = "title-01";
+    this.alignment = "start";
+  }
+  titleType() {
+    let t;
+    switch (this.type) {
+     case "title-01":
+      t = o("h1", {
+        class: "gxg-title-01",
+        part: "title"
+      }, o("slot", null));
+      break;
+
+     case "title-02":
+      t = o("h2", {
+        class: "gxg-title-02",
+        part: "title"
+      }, o("slot", null));
+      break;
+
+     case "title-03":
+      t = o("h3", {
+        class: "gxg-title-03",
+        part: "title"
+      }, o("slot", null));
+      break;
+
+     case "title-04":
+      t = o("h4", {
+        class: "gxg-title-04",
+        part: "title"
+      }, o("slot", null));
+      break;
+
+     case "title-05":
+      t = o("h5", {
+        class: "gxg-title-05",
+        part: "title"
+      }, o("slot", null));
+      break;
+
+     default:
+      t = o("h1", {
+        class: "gxg-title-06",
+        part: "title"
+      }, o("slot", null));
+    }
+    return t;
+  }
+  render() {
+    return o(e, {
+      class: {
+        large: i.large
+      }
+    }, this.titleType(), " ");
+  }
+};
+
+b.style = c;
 
-export { n as gxg_button };
-//# sourceMappingURL=p-5381e7f3.entry.js.map
+export { s as gx_ide_title, g as gxg_button, b as gxg_title };
+//# sourceMappingURL=p-c49ce410.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["titleCss","GxIdeTitle","componentWillLoad","this","type","geminiType","render","h","Host","class","alignment","buttonCss","GxgButton","constructor","hostRef","parts","button","caption","noTabIndex","attachExportParts","part","el","getAttribute","exportPartsResult","exportParts","length","exportparts","grabAttention","alwaysBlack","disabled","fit","fullWidth","small","icon","undefined","negative","buttonStylesEditable","selected","tabIndex","componentDidLoad","querySelector","iconAriaLabel","setAttribute","shadowRoot","emptyDiv","style","height","regularIcon","size","iconSize","iSize","clickHandler","e","preventDefault","role","includes","onClick","bind","ref","delegatesFocus","GxgTitle","titleType","title","large","state"],"sources":["src/components/_helpers/title/title.scss?tag=gx-ide-title&encapsulation=shadow","src/components/_helpers/title/title.tsx","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","node_modules/@genexus/gemini/dist/collection/components/title/title.css?tag=gxg-title&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/title/title.js"],"sourcesContent":[":host {\n  --gx-ide-title-padding: var(--gx-ide-container--padding, --mer-spacing--sm);\n  display: flex;\n  flex-direction: column;\n  color: var(--gx-ide-component-text-color);\n  font-family: var(--mer-font-family--primary);\n  line-height: 1.6em;\n  background-color: transparent;\n  padding: 0;\n}\n/*alignment*/\n:host(.alignment--start) {\n  align-items: start;\n}\n:host(.alignment--center) {\n  align-items: center;\n}\n/*padding*/\n:host(.alignment--start) {\n  text-align: start;\n}\n:host([padding]) {\n  padding: var(--gx-ide-title-padding);\n}\n:host([no-padding-bottom]) {\n  padding-bottom: 0;\n}\n/*border*/\n:host([border]) {\n  border-bottom: 1px solid var(--gx-ide-container-border-color);\n}\n/*type*/\n:host(.title-type--primary) {\n}\n:host(.title-type--secondary) {\n  //a little subtle\n  color: var(--gray-06);\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\nimport { TitleType as GeminiTitleType } from \"@genexus/gemini/dist/types/components/title/title\";\n\n@Component({\n  tag: \"gx-ide-title\",\n  styleUrl: \"title.scss\",\n  shadow: true\n})\nexport class GxIdeTitle {\n  /**\n   * Description: This helper component has been created for using as a title for the dialogs sections.\n   */\n\n  private geminiType: GeminiTitleType;\n\n  /**\n   * The title caption (the title)\n   */\n  @Prop() readonly titleCaption: string;\n\n  /**\n   * The title caption (the title)\n   */\n  @Prop() readonly type: TitleType = \"primary\";\n\n  /**\n   * The title alignment\n   */\n  @Prop() readonly alignment: TitleAlignment = \"start\";\n\n  /**\n   * Disables the padding\n   */\n  @Prop({ reflect: true }) readonly padding: boolean = false;\n\n  /**\n   * Disables the padding on the bottom\n   */\n  @Prop({ reflect: true }) readonly noPaddingBottom: boolean = false;\n\n  /**\n   * Displays a border on the bottom\n   */\n  @Prop({ reflect: true }) readonly border: boolean = false;\n\n  componentWillLoad() {\n    if (this.type === \"primary\") {\n      this.geminiType = \"title-04\";\n    } else if (this.type === \"secondary\") {\n      this.geminiType = \"title-05\";\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`alignment--${this.alignment}`]: true,\n          [`title-type--${this.type}`]: true\n        }}\n      >\n        <gxg-title type={this.geminiType} alignment={this.alignment}>\n          <slot></slot>\n        </gxg-title>\n      </Host>\n    );\n  }\n}\n\nexport type TitleType = \"primary\" | \"secondary\";\n\nexport type TitleAlignment = \"start\" | \"center\";\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n   ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n  line-height: 1.15;\n  /* 1 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */\n}\n\n/* Sections\n   ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n  margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n  display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n   ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n  box-sizing: content-box;\n  /* 1 */\n  height: 0;\n  /* 1 */\n  overflow: visible;\n  /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n  background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n  border-bottom: none;\n  /* 1 */\n  text-decoration: underline;\n  /* 2 */\n  text-decoration: underline dotted;\n  /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  /* 1 */\n  font-size: 1em;\n  /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n   ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n  border-style: none;\n}\n\n/* Forms\n   ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  /* 1 */\n  font-size: 100%;\n  /* 1 */\n  line-height: 1.15;\n  /* 1 */\n  margin: 0;\n  /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n *    `fieldset` elements in all browsers.\n */\nlegend {\n  box-sizing: border-box;\n  /* 1 */\n  color: inherit;\n  /* 2 */\n  display: table;\n  /* 1 */\n  max-width: 100%;\n  /* 1 */\n  padding: 0;\n  /* 3 */\n  white-space: normal;\n  /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n  overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  outline-offset: -2px;\n  /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n}\n\n/* Interactive\n   ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n  display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n  display: list-item;\n}\n\n/* Misc\n   ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n  display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n  display: none;\n}\n\n:root {\n  --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n  font-family: var(--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","/*! 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:host h1,\n:host h2,\n:host h3,\n:host h4,\n:host h5 {\n  margin: 0;\n  color: inherit;\n  background-color: transparent;\n}\n\n/*Aligment*/\n:host([alignment=start]) h1,\n:host([alignment=start]) h2,\n:host([alignment=start]) h3,\n:host([alignment=start]) h4,\n:host([alignment=start]) h5 {\n  text-align: start;\n}\n\n:host([alignment=center]) h1,\n:host([alignment=center]) h2,\n:host([alignment=center]) h3,\n:host([alignment=center]) h4,\n:host([alignment=center]) h5 {\n  text-align: center;\n}\n\n:host([alignment=end]) h1,\n:host([alignment=end]) h2,\n:host([alignment=end]) h3,\n:host([alignment=end]) h4,\n:host([alignment=end]) h5 {\n  text-align: end;\n}","import { Host, h } from \"@stencil/core\";\nimport state from \"../store\";\nexport class GxgTitle {\n    constructor() {\n        this.type = \"title-01\";\n        this.alignment = \"start\";\n    }\n    titleType() {\n        let title;\n        switch (this.type) {\n            case \"title-01\":\n                title = (h(\"h1\", { class: \"gxg-title-01\", part: \"title\" }, h(\"slot\", null)));\n                break;\n            case \"title-02\":\n                title = (h(\"h2\", { class: \"gxg-title-02\", part: \"title\" }, h(\"slot\", null)));\n                break;\n            case \"title-03\":\n                title = (h(\"h3\", { class: \"gxg-title-03\", part: \"title\" }, h(\"slot\", null)));\n                break;\n            case \"title-04\":\n                title = (h(\"h4\", { class: \"gxg-title-04\", part: \"title\" }, h(\"slot\", null)));\n                break;\n            case \"title-05\":\n                title = (h(\"h5\", { class: \"gxg-title-05\", part: \"title\" }, h(\"slot\", null)));\n                break;\n            default:\n                title = (h(\"h1\", { class: \"gxg-title-06\", part: \"title\" }, h(\"slot\", null)));\n        }\n        return title;\n    }\n    render() {\n        return h(Host, { class: { large: state.large } }, this.titleType(), \" \");\n    }\n    static get is() { return \"gxg-title\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"title.scss\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"title.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"TitleType\",\n                    \"resolved\": \"\\\"title-01\\\" | \\\"title-02\\\" | \\\"title-03\\\" | \\\"title-04\\\" | \\\"title-05\\\"\",\n                    \"references\": {\n                        \"TitleType\": {\n                            \"location\": \"local\",\n                            \"path\": \"/home/circleci/repo/src/components/title/title.tsx\",\n                            \"id\": \"src/components/title/title.tsx::TitleType\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Title type\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"title-01\\\"\"\n            },\n            \"alignment\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"TitleAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"end\\\" | \\\"start\\\"\",\n                    \"references\": {\n                        \"TitleAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../common/types\",\n                            \"id\": \"src/common/types.ts::TitleAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Title type\"\n                },\n                \"attribute\": \"alignment\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"start\\\"\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=title.js.map\n"],"mappings":";;;;;;AAAA,MAAMA,IAAW;;MCQJC,IAAU;;;;gBAec;qBAKU;mBAKQ;2BAKQ;kBAKT;;EAEpD,iBAAAC;IACE,IAAIC,KAAKC,SAAS,WAAW;MAC3BD,KAAKE,aAAa;WACb,IAAIF,KAAKC,SAAS,aAAa;MACpCD,KAAKE,aAAa;;;EAItB,MAAAC;IACE,OACEC,EAACC,GAAI;MACHC,OAAO;QACL,CAAC,cAAcN,KAAKO,cAAc;QAClC,CAAC,eAAeP,KAAKC,SAAS;;OAGhCG,EAAA;MAAWH,MAAMD,KAAKE;MAAYK,WAAWP,KAAKO;OAChDH,EAAA;;;;;;AC9DV,MAAMI,IAAY;;MCELC,IAAS;EAClB,WAAAC,CAAAC;IAaAX,KAAAY,QAAQ;MACJC,QAAQ;MACRC,SAAS;;IAKbd,KAAAe,aAAa;IAWbf,KAAAgB,oBAAoB;MAChB,MAAMC,IAAOjB,KAAKkB,GAAGC,aAAa;MAClC,MAAMC,IAAoBC,EAAYJ,GAAMjB,KAAKY;MACjDQ,EAAkBE,WAAWtB,KAAKuB,cAAcH;AAAkB;;IAjClEpB,KAAKwB,gBAAgB;IACrBxB,KAAKyB,cAAc;IACnBzB,KAAK0B,WAAW;IAChB1B,KAAK2B,MAAM;IACX3B,KAAK4B,YAAY;IACjB5B,KAAK6B,QAAQ;IACb7B,KAAK8B,OAAOC;IACZ/B,KAAKgC,WAAW;IAChBhC,KAAKC,OAAO;IACZD,KAAKiC,uBAAuB;IAC5BjC,KAAKkC,WAAW;;;;;;;wCAapB,iBAAAnC;IACI,MAAMoC,IAAWnC,KAAKkB,GAAGC,aAAa;IACtC,IAAIgB,MAAa,MAAM;MACnBnC,KAAKe,aAAa;;IAEtBf,KAAKgB;;EAOT,gBAAAoB;;IAEI,IAAIpC,KAAKC,SAAS,uBACdD,KAAKC,SAAS,uBAEhB;MACE,IAAID,KAAKkB,GAAGmB,cAAc,2BAA2B;;;QAGjD,MAAMC,IAAgBtC,KAAKkB,GACtBmB,cAAc,0BACdlB,aAAa;QAClBnB,KAAKkB,GAAGqB,aAAa,cAAcD;;;;QAI3C,IAAItC,KAAKiC,sBAAsB;MAC3BjC,KAAKkB,GAAGsB,WACHH,cAAc,UACdE,aAAa,QAAQ;;;EAGlC,QAAAE;IACI,OAAOrC,EAAE,OAAO;MAAEsC,OAAO;QAAEC,QAAQ;;;;;EAGvC,WAAAC;IACI,IAAI5C,KAAKC,SAAS,uBACdD,KAAKC,SAAS,yBACdD,KAAK8B,SAASC,WAAW;MACzB,OAAQ3B,EAAE,YAAY;QAAEH,MAAMD,KAAK8B;QAAMe,MAAM7C,KAAK8C;QAAY7B,MAAM;;;;EAG9E,QAAA6B;IACI,IAAIC;IACJ,IAAI/C,KAAKC,SAAS,yBACbD,KAAKC,SAAS,eAAeD,KAAK6B,OAAQ;MAC3CkB,IAAQ;WAEP;MACDA,IAAQ;;IAEZ,OAAOA;;EAEX,YAAAC,CAAaC;IACT,IAAIjD,KAAK0B,UAAU;MACfuB,EAAEC;;;EAGV,MAAA/C;IACI,OAAQC,EAAEC,GAAM;MAAE8C,MAAM;MAAU7C,OAAO;QACjCO,QAAQ;QACR,mBAAmBb,KAAKC,KAAKmD,SAAS;QACtC,qBAAqBpD,KAAKC,KAAKmD,SAAS;QACxC,oBAAoBpD,KAAKC,KAAKmD,SAAS;QACvC,oBAAoBpD,KAAKC,KAAKmD,SAAS;QACvC,oBAAoBpD,KAAKC,KAAKmD,SAAS;QACvC,qBAAqBpD,KAAKC,KAAKmD,SAAS,gBAAgBpD,KAAKC,SAAS;QACtE,oBAAoBD,KAAK0B,aAAa;QACtC,qBAAqB1B,KAAK4B,cAAc;QACxC,eAAe5B,KAAK2B;QACpB,iBAAiB3B,KAAK6B;QACtB,uBAAuB7B,KAAKkC;;MAC7BmB,SAASrD,KAAKgD,aAAaM,KAAKtD;MAAOqB,aAAarB,KAAKuB,cAAcvB,KAAKuB,cAAc;OAAQvB,KAAK0B,WAAWtB,EAAE,OAAO;MAAEE,OAAO;SAAsB,MAAMF,EAAE,UAAU;MAAEE,OAAO;QACpL,iBAAiB;QACjB,oBAAoB;QACpB,gBAAgBN,KAAKe;;MACtBW,UAAU1B,KAAK0B,aAAa;MAAM6B,KAAKrC,KAAOlB,KAAKa,SAASK;MAAKD,MAAMjB,KAAKY,MAAMC;OAAUb,KAAKyC,YAAYzC,KAAK4C,eAAe5C,KAAKC,KAAKmD,SAAS,WAAWpD,KAAKC,SAAS,aAAcG,EAAE,QAAQ;MAAEa,MAAMjB,KAAKY,MAAME;MAASR,OAAO;OAAUF,EAAE,QAAQ,SAAU;;EAIjR,yBAAWoD;IAAmB,OAAO;AAAK;;;;;AC9G9C,MAAM3D,IAAW;;MCEJ4D,IAAQ;EACjB,WAAA/C,CAAAC;;IACIX,KAAKC,OAAO;IACZD,KAAKO,YAAY;;EAErB,SAAAmD;IACI,IAAIC;IACJ,QAAQ3D,KAAKC;KACT,KAAK;MACD0D,IAASvD,EAAE,MAAM;QAAEE,OAAO;QAAgBW,MAAM;SAAWb,EAAE,QAAQ;MACrE;;KACJ,KAAK;MACDuD,IAASvD,EAAE,MAAM;QAAEE,OAAO;QAAgBW,MAAM;SAAWb,EAAE,QAAQ;MACrE;;KACJ,KAAK;MACDuD,IAASvD,EAAE,MAAM;QAAEE,OAAO;QAAgBW,MAAM;SAAWb,EAAE,QAAQ;MACrE;;KACJ,KAAK;MACDuD,IAASvD,EAAE,MAAM;QAAEE,OAAO;QAAgBW,MAAM;SAAWb,EAAE,QAAQ;MACrE;;KACJ,KAAK;MACDuD,IAASvD,EAAE,MAAM;QAAEE,OAAO;QAAgBW,MAAM;SAAWb,EAAE,QAAQ;MACrE;;KACJ;MACIuD,IAASvD,EAAE,MAAM;QAAEE,OAAO;QAAgBW,MAAM;SAAWb,EAAE,QAAQ;;IAE7E,OAAOuD;;EAEX,MAAAxD;IACI,OAAOC,EAAEC,GAAM;MAAEC,OAAO;QAAEsD,OAAOC,EAAMD;;OAAW5D,KAAK0D,aAAa"}

package/dist/genexus-ide-ui/{p-d3610b68.entry.js → p-e7f542e1.entry.js}

@@ -8,7 +8,7 @@ import { c as l } from "./p-9c1b4eb9.js";
 
 import { r as d } from "./p-350f49ac.js";
 
-import { f as g } from "./p-e8646b08.js";
+import { f as g } from "./p-00095d68.js";
 
 const c = ":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;border:1px solid var(--gxg-border-color--regular);background-color:var(--mer-color__surface)}.header{display:flex}.header__label{flex:none}.main{height:100%}.gxg-tabs{margin-top:0;box-shadow:none}.tab__basic__single-runtime{display:flex;align-items:center;justify-content:center;gap:var(--mer-spacing--xxs)}.basic-main{display:flex;height:100%}.basic-main__back-end{flex:1}.basic-main__front-end{flex:1}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";
 
@@ -341,4 +341,4 @@ const h = class {
 h.style = c;
 
 export { h as gx_ide_new_environment };
-//# sourceMappingURL=p-d3610b68.entry.js.map
+//# sourceMappingURL=p-e7f542e1.entry.js.map

package/dist/types/common/form-validation.d.ts

@@ -1,2 +1,2 @@
-import { FormSubmitResult } from "../common/types";
-export declare const formSubmitValidation: (result: FormSubmitResult, ref: any) => void;
+import { FormSubmitResult, ConnectionResultData } from "../common/types";
+export declare const formSubmitValidation: (result: FormSubmitResult | ConnectionResultData, ref: any) => void;

package/dist/types/common/types.d.ts

@@ -40,6 +40,10 @@ export type FormSubmitResult = {
     success: boolean;
     fieldErrors: FormElementValidation[];
 };
+export type ConnectionResultData = {
+    success: boolean;
+    fieldErrors: FormElementValidation[];
+};
 export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";
 export type ObjectType = {
     id: string;

package/dist/types/components/connect-gx-server/connect-gx-server.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { ConnectionResultData } from "../../common/types";
+export declare class GxIdeConnectGxServer {
+    /**
+     * The component hard-coded strings translations.
+     */
+    private _componentLocale;
+    private renderedFirstTime;
+    el: HTMLGxIdeConnectGxServerElement;
+    private serverURLEl;
+    private userNameEl;
+    private passwordEl;
+    private continueWithGeneXusAccountEl;
+    displayLoginControls: boolean;
+    /**
+     * If true it displays the component title on the header
+     */
+    readonly displayTitle = false;
+    /**
+     * Array of cataloged server URLs
+     */
+    readonly serverUrls: string[];
+    /**
+     * 'true' if the user should be allowed to manually enter a server URL in serverUrls.
+     */
+    readonly enableCustomServer: boolean;
+    /**
+     * Initial user values for the case in which the user returns to the login modal after a successful authentication.
+     */
+    readonly defaultConnectionData?: GXServerConnectionData;
+    /**
+     *  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.
+     */
+    readonly enableUserLogged: boolean;
+    /**
+     *  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.
+     */
+    readonly connectCallback: (data: GXServerConnectionData) => Promise<ConnectionResultData>;
+    /**
+     * Callback that allows canceling the server connection process.
+     */
+    readonly cancelCallback: () => Promise<void>;
+    /**
+     * @description Gets fired when the component has rendered for the first time.
+     */
+    componentDidRenderFirstTime: EventEmitter<string>;
+    componentWillLoad(): Promise<void>;
+    componentDidRender(): void;
+    private renderServerUrls;
+    private continueWithGxServerHandler;
+    private evaluateDisplayLoginControls;
+    private connectHandler;
+    render(): any;
+}
+export type GXServerConnectionData = {
+    serverUrl: string;
+    continueWithGeneXusAccount: boolean;
+    user: string;
+    password: string;
+};