@genexus/genexus-ide-ui 0.0.64 → 0.0.65

package/dist/genexus-ide-ui/p-fae07693.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,H as r,g as n,a}from"./p-0906fb46.js";import{s as e}from"./p-a85038e2.js";import{e as i}from"./p-d8501cb4.js";const l=class{constructor(o){t(this,o),this.parts={button:"button",caption:"caption"},this.grabAttention=!1,this.alwaysBlack=!1,this.disabled=!1,this.fit=!1,this.fullWidth=!1,this.negative=!1,this.type="primary-text-only",this.buttonStylesEditable=!1,this.mouseEnter=!1,this.focusIn=!1,this.noTabIndex=!1,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=i(t,this.parts);o.length&&(this.exportparts=o)}}componentWillLoad(){"-1"===this.el.getAttribute("tabindex")&&(this.noTabIndex=!0),this.attachExportParts()}componentDidLoad(){if(("primary-icon-only"===this.type||"secondary-icon-only"===this.type)&&this.el.querySelector(":scope > [slot='icon']")){const t=this.el.querySelector(":scope > [slot='icon']").getAttribute("type");this.el.setAttribute("aria-label",t)}this.buttonStylesEditable&&this.el.shadowRoot.querySelector("button").setAttribute("part","native-button")}emptyDiv(){return o("div",{style:{height:"20px"}})}regularIcon(){if("primary-text-only"!==this.type&&"secondary-text-only"!==this.type&&void 0!==this.icon)return o("gxg-icon",{type:this.icon,color:this.iconColor(),size:this.iconSize(),part:"icon"})}iconSize(){let t;return t="secondary-icon-only"===this.type||"tertiary"===this.type?"regular":"small",t}iconColor(){let t;return this.type.includes("primary")?(t="negative",this.disabled&&(t="ondisabled")):this.type.includes("secondary")?t=this.disabled?"disabled":this.mouseEnter?"primary-hover":this.focusIn?"primary-active":"primary-enabled":this.type.includes("tertiary")?t=this.disabled?"disabled":this.alwaysBlack?"alwaysblack":this.negative?"negative":"onbackground":this.type.includes("outlined")&&(t="primary-active",this.disabled&&(t="ondisabled")),t}clickHandler(t){this.disabled&&t.preventDefault()}onMouseEnter(){this.mouseEnter=!0}onMouseLeave(){this.mouseEnter=!1}onFocusIn(){this.focusIn=!0,this.mouseEnter=!1}onFocusOut(){this.focusIn=!1}render(){return o(r,{role:"button",class:{button:!0,"button--primary":this.type.includes("primary"),"button--primary-text-only":"primary-text-only"===this.type,"button--primary-text-icon":"primary-text-icon"===this.type,"button--primary-icon-only":"primary-icon-only"===this.type,"button--secondary-text-only":"secondary-text-only"===this.type,"button--secondary-text-icon":"secondary-text-icon"===this.type,"button--secondary-icon-only":"secondary-icon-only"===this.type,"button--outlined":"outlined"===this.type,"button--outlined-text-icon":"outlined-text-icon"===this.type,"button--disabled":!0===this.disabled,"button--tertiary":"tertiary"===this.type,"button--fullwidth":!0===this.fullWidth,"button--fit":this.fit,"button--icon-only":"primary-icon-only"===this.type||"secondary-icon-only"===this.type||"tertiary"===this.type,large:e.large},onClick:this.clickHandler.bind(this),onMouseEnter:this.onMouseEnter.bind(this),onMouseLeave:this.onMouseLeave.bind(this),onfocusin:this.onFocusIn.bind(this),onfocusout:this.onFocusOut.bind(this),exportParts:this.exportparts?this.exportparts:null},this.disabled?o("div",{class:"disabled-layer"}):null,o("button",{class:{"button-native":!0,"gxg-text-general":!0,"no-tab-index":this.noTabIndex},disabled:!0===this.disabled,ref:t=>this.button=t,part:this.parts.button},this.emptyDiv(),this.regularIcon(),this.type.includes("text")||"outlined"===this.type?o("span",{part:this.parts.caption,class:"text"},o("slot",null)):null))}static get delegatesFocus(){return!0}get el(){return n(this)}};l.style="/*! 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(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{--gxg-button-icon-size:20px;display:inline-block;line-height:0;position:relative}:host .ghost-icon{width:0}:host(.button) .button-native{width:100%;height:100%;--svg-icon-regular-scale:var(\n    --svg-icon-small-scale\n  );position:relative;font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em;background:var(--color-primary-enabled);border:0;box-shadow:inset 0px 0px 0px 1px transparent;border-radius:var(--border-radius-xs);display:inline-flex;align-items:center;justify-content:center;padding-top:2.5px;padding-right:var(--spacing-comp-03);padding-bottom:2.5px;padding-left:var(--spacing-comp-03);line-height:var(--line-height-regular);transition:background var(--ui-animaton-speed) ease, color var(--ui-animaton-speed) ease, box-shadow var(--ui-animaton-speed) ease;border:1px solid transparent;}:host(.button) .button-native:hover:not([disabled]){background:var(--color-primary-hover);cursor:pointer}:host(.button) .button-native:focus:not([disabled]):not(.no-tab-index){background:var(--color-primary-enabled);outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host(.button) .button-native:active:not([disabled]){background:var(--color-primary-active)}:host(.button.button--disabled) .button-native{background:var(--gxg-background-color--disabled);color:var(--color-primary-disabled);pointer-events:none}:host(.button.button--disabled){pointer-events:none}:host(.button--primary){--gxg-border-color--focused:var(--color-primary-active--inverted)}:host(.button--primary-text-only) .button-native{color:var(--color-on-primary);padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04)}:host(.button--primary-text-only.button--disabled) .button-native{color:var(--color-on-disabled)}:host(.button--primary-text-icon) .button-native{color:var(--color-on-primary);padding-inline-start:var(--spacing-comp-01);padding-inline-end:var(--spacing-comp-02)}:host(.button--primary-text-icon) .button-native gxg-icon:not(.ghost-icon){padding-inline-end:var(--spacing-comp-01)}:host(.button--primary-text-icon.button--disabled) .button-native{color:var(--color-on-disabled)}:host(.button--primary-icon-only) .button-native{background:var(--color-primary-enabled);color:var(--color-on-primary)}:host(.button--primary-icon-only) .button-native:hover:not([disabled]){background:var(--color-primary-hover);color:var(--color-primary-hover)}:host(.button--primary-icon-only) .button-native:focus:not([disabled]):not(.no-tab-index){background:var(--color-primary-enabled);color:var(--color-primary-hover)}:host(.button--primary-icon-only) .button-native:active:not([disabled]){background:var(--color-primary-active);color:var(--color-on-primary)}:host(.button--primary-icon-only) .button-native:focus{outline:none}:host(.button--secondary-text-only) .button-native{background:transparent;padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04)}:host(.button--secondary-text-only) .button-native:hover:not([disabled]){color:var(--color-primary-hover);background:transparent}:host(.button--secondary-text-only) .button-native:focus:not([disabled]):not(.no-tab-index){color:var(--color-primary-active);background:transparent}:host(.button--secondary-text-only) .button-native:active:not([disabled]){color:var(--color-primary-active);box-shadow:none}:host(.button--secondary-text-only) .button-native:focus{outline:none}:host(.button--secondary-text-only.button--disabled) .button-native{background:transparent;color:var(--color-primary-disabled)}:host(.button--secondary-text-icon) .button-native{background:transparent;padding-inline-start:0;padding-inline-start:var(--spacing-comp-01);padding-inline-end:var(--spacing-comp-02)}:host(.button--secondary-text-icon) .button-native gxg-icon:not(.ghost-icon){padding-inline-end:var(--spacing-comp-01)}:host(.button--secondary-text-icon) .button-native:hover:not([disabled]){color:var(--color-primary-hover);background:transparent}:host(.button--secondary-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index){color:var(--color-primary-active);background:transparent}:host(.button--secondary-text-icon) .button-native:active:not([disabled]){color:var(--color-primary-active);box-shadow:none}:host(.button--secondary-text-icon.button--disabled) .button-native{background:transparent;color:var(--color-primary-disabled)}:host(.button--secondary-text-icon.button--disabled) .button-native gxg-icon{--icon-color:var(--color-primary-disabled)}:host(.button--secondary-icon-only) .button-native{background:transparent}:host(.button--secondary-icon-only) .button-native:hover:not([disabled]){background:transparent}:host(.button--secondary-icon-only) .button-native:focus:not([disabled]):not(.no-tab-index){background:transparent}:host(.button--secondary-icon-only) .button-native:active:not([disabled]){background:transparent}:host(.button--secondary-icon-only.button--disabled) .button-native{background:transparent}:host(.button--outlined) .button-native,:host(.button--outlined-text-icon) .button-native{border-color:var(--color-primary-enabled);background:var(--color-background);padding-inline-start:var(--spacing-comp-04);padding-inline-end:var(--spacing-comp-04)}:host(.button--outlined) .button-native:hover:not([disabled]),:host(.button--outlined-text-icon) .button-native:hover:not([disabled]){color:var(--color-primary-hover);border-color:var(--color-primary-hover);background:var(--color-primary-hover-opacity-01)}:host(.button--outlined) .button-native:focus:not([disabled]):not(.no-tab-index),:host(.button--outlined-text-icon) .button-native:focus:not([disabled]):not(.no-tab-index){color:var(--color-primary-active);background:transparent;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host(.button--outlined) .button-native:active:not([disabled]),:host(.button--outlined-text-icon) .button-native:active:not([disabled]){color:var(--color-primary-active);background:transparent}:host(.button--outlined) .button-native gxg-icon:not(.ghost-icon),:host(.button--outlined-text-icon) .button-native gxg-icon:not(.ghost-icon){padding-inline-end:var(--spacing-comp-01)}:host(.button--outlined.button--disabled) .button-native,:host(.button--outlined-text-icon.button--disabled) .button-native{border-color:var(--gxg-border-color--disabled);background:var(--color-transparent);color:var(--color-primary-disabled)}:host(.button--outlined-text-icon) .button-native{padding-inline-start:var(--spacing-comp-03)}:host(.button--tertiary) .button-native{background:transparent;padding-inline-end:0;padding-inline-start:0}:host(.button--tertiary) .button-native:hover:not([disabled]){background:transparent}:host(.button--tertiary) .button-native:hover:not([disabled]) gxg-icon{--color-on-background:var(--gray-05)}:host(.button--tertiary) .button-native:focus:not([disabled]):not(.no-tab-index){background:transparent;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host(.button--tertiary) .button-native:active:not([disabled]){background:transparent}:host(.button--tertiary.button--disabled) .button-native{background:transparent}:host(.button--fullwidth){display:block}:host(.button--fullwidth) .button-native{width:100%}:host(.button--fit) .button-native{height:100% !important;width:100% !important}:host .icon-tooltip{position:absolute;border-width:0.5px;border-style:solid;border-color:var(--gray-04);color:var(--color-on-background);background-color:var(--gray-01);font-size:8px;font-weight:var(--font-weight-regular);font-family:var(--font-family-primary);padding:1px 5px;width:max-content;left:0;top:20px;display:none;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host(.display-tooltip) .icon-tooltip{display:block}:host(.show-tooltip) .icon-tooltip{opacity:1}:host(.button--icon-only){width:var(--gxg-button-icon-size);height:var(--gxg-button-icon-size)}:host(.button--icon-only) .button-native{padding:0}:host(.button--primary-text-only[grab-attention]:not([disabled])) .button-native:not(:hover),:host(.button--primary-text-icon[grab-attention]:not([disabled])) .button-native:not(:hover),:host(.button--primary-icon-only[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(--color-primary-enabled)}to{background-color:var(--color-primary-hover)}}:host(.large){--gxg-button-icon-size:24px}:host(.large) .button-native{height:var(--spacing-comp-05);font-size:var(--font-size-lg) !important}:host(.button--primary-text-icon.large) .button-native{padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-03)}:host(.button--primary-icon-only.large) .button-native{height:var(--spacing-comp-05)}:host(.button--secondary-text-icon.large) .button-native{padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-03)}:host(.button--secondary-icon-only.large) .button-native{height:var(--spacing-comp-05)}:host(.button--tertiary.large) .button-native{height:var(--spacing-comp-05)}";const s={alwaysblack:"color-always-black",disabled:"color-primary-disabled",ondisabled:"color-on-disabled",error:"color-error-dark",negative:"color-on-primary",onbackground:"color-on-background",indeterminate:"color-primary-active","primary-enabled":"color-primary-enabled","primary-active":"color-primary-active","primary-hover":"color-primary-hover",success:"color-success-dark",warning:"color-warning-dark",mercury:"gray-03"},c=class{constructor(o){t(this,o),this.size="regular"}getSrcPath(){return a(`./icon-assets/${this.type}.svg`)}iconSize(){return"regular"===this.size?"16px":"small"===this.size?"12px":void 0}render(){return o(r,null,o("ch-icon",{style:{"--icon-color":this.mapColorToCssVar(s[this.color]),"--icon-size":this.iconSize()},"auto-color":"auto"===this.color,src:this.getSrcPath(),part:"ch-icon"}))}mapColorToCssVar(t){return t?`var(--${t})`:"var(--color-on-background)"}static get assetsDirs(){return["icon-assets"]}get element(){return n(this)}};c.style="/*! 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(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{display:inline-block;line-height:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}";export{l as gxg_button,c as gxg_icon}

package/dist/node_modules/@genexus/gemini/dist/collection/components/ide-loader/ide-loader.css

@@ -24,7 +24,7 @@ ch-window::part(window) {
   height: 100%;
 }
 
-.loader-wrapper {
+.loader__wrapper {
   opacity: 0;
   transition: var(--show-transition) opacity;
   width: 100%;
@@ -34,7 +34,6 @@ ch-window::part(window) {
   backdrop-filter: blur(15px);
   padding: var(--spacing-comp-05);
   flex-direction: column;
-  gap: var(--spacing-comp-04);
   align-items: center;
   justify-content: center;
   box-sizing: border-box;
@@ -42,11 +41,10 @@ ch-window::part(window) {
   animation: wrapper 0.6s infinite alternate;
   color: var(--color-on-secondary);
 }
-.loader-wrapper--visible {
+.loader__wrapper--visible {
   opacity: 1;
 }
-
-.loader-spinner {
+.loader__spinner {
   border: 2px var(--gray-01) solid;
   border-top: 2px var(--color-primary-enabled) solid;
   border-radius: 50%;
@@ -55,10 +53,20 @@ ch-window::part(window) {
   width: 30px;
   height: 30px;
 }
-
-.loader-description {
+.loader__content-wrapper {
+  display: flex;
+  flex-direction: column;
+  margin-block-start: var(--spacing-comp-05);
+  gap: var(--spacing-comp-03);
   max-width: 400px;
-  text-align: center;
+}
+.loader__content-wrapper--hidden {
+  display: none;
+}
+.loader__cancel-button--move-up {
+  /*If the loader has title, but no description, the space between the title and the button is a little too much. Move up a little bit*/
+  position: relative;
+  top: -4px;
 }
 
 /*background color animation*/
@@ -67,7 +75,7 @@ ch-window::part(window) {
     background-color: rgba(var(--color-background--rgb), 0.45);
   }
   to {
-    background-color: rgba(var(--gray-02--rgb), 0.25);
+    background-color: rgba(var(--color-background--rgb), 0.25);
   }
 }
 /*spinner animation*/

package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box-item/list-box-item.css

@@ -393,7 +393,7 @@ FORM ELEMENTS
 }
 
 :host(.has-icon.no-checkbox) .container {
-  padding-inline-start: var(--spacing-comp-01);
+  padding-inline-start: calc(var(--spacing-comp-01) * 1.5);
 }
 
 .description {
@@ -432,5 +432,5 @@ FORM ELEMENTS
 LARGE VERSION (html tag has 'gxg-large' class)
 **********************************************/
 :host(.large) .container {
-  padding: var(--spacing-comp-01);
+  padding: var(--spacing-comp-01) var(--spacing-comp-02);
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/text/text.css

@@ -686,6 +686,7 @@ FORM ELEMENTS
   margin: 0;
   padding: 0;
   margin: 0 auto;
+  line-height: 1.6em;
 }
 :host p.no-line,
 :host q.no-line,

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

@@ -12,4 +12,7 @@ export declare const config: {
   gxIdeContainer: {
     slimmerFooter: boolean;
   };
+  loader: {
+    timeout: number;
+  };
 };

package/dist/types/components/kb-manager-export/kb-manager-export.d.ts

@@ -5,7 +5,6 @@ export declare class GxIdeKbManagerExport {
    * The component hard-coded strings translations.
    */
   private _componentLocale;
-  private checkedObjectsIds;
   private checkedPropertiesIds;
   private renderedFirstTime;
   private flattenedObjectTypes;
@@ -13,19 +12,21 @@ export declare class GxIdeKbManagerExport {
   private fileNameEl;
   private exportAllCheckboxEl;
   private objectsTreeEl;
+  private loaderEl;
   exportAllIsChecked: boolean;
-  exportingIsInProcess: boolean;
   addKbPropertiesIsChecked: boolean;
+  checkedObjectsIds: string[];
   fileName: string;
   exportFilePathName: string;
   noObjects: boolean;
   treeModel: TreeViewItemModel[];
   watchTreeModelHandler(newState: TreeViewItemModel[]): void;
+  exportingIsInProcess: boolean;
+  watchExportingIsInProcessHandler(isExporting: boolean): void;
   /**
-   * Just for testing. Remove when this is is done (Bruno)
+   * If true, it will display a loader when needed.
    */
-  readonly dummyInitialTree: TreeViewItemModel[];
-  watchDummyInitialTreeHandler(newTree: TreeViewItemModel[]): void;
+  readonly loader = false;
   /**
    * Array with the possible types of KB properties
    */
@@ -34,7 +35,7 @@ export declare class GxIdeKbManagerExport {
    * Array of possible object types
    */
   readonly objectTypes: ObjectType[];
-  watchObjectTypeslHandler(newState: ObjectType[]): void;
+  watchObjectTypesHandler(newState: ObjectType[]): void;
   /**
    * Callback invoked when the user wants to access the export options.
    */
@@ -94,6 +95,8 @@ export declare class GxIdeKbManagerExport {
   private evaluateTreeViewFilters;
   private evaluateContentToDisplay;
   private renderMessage;
+  private clearButtonDisabledConditions;
+  private loaderCancelCallbackHandler;
   render(): void;
 }
 export type KBPropertiesCallback = () => Promise<KBPropertyData[]>;

package/dist/types/components/kb-manager-import/helpers.d.ts

@@ -1,6 +1,7 @@
 import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { ImportCategoryData, ImportItemResultData } from "../../common/types";
 export declare const KB_OBJECT = "object";
+export declare const KB_CATEGORY = "category";
 /**
  * @description This function converts ReferenceData[] data to TreeItemData[]
  */

package/dist/types/components/kb-manager-import/kb-manager-import.d.ts

@@ -21,6 +21,8 @@ export declare class GxIdeKbManagerImport {
   statusInfo: StatusInfo;
   objectsTreeState: TreeViewItemModel[];
   watchObjectsTreeStateHandler(newState: TreeViewItemModel[]): void;
+  importStatusMessage: string;
+  someStatusVisible: boolean;
   noImport: boolean;
   importTreeState: TreeViewItemModel[];
   watchImportTreeStateHandler(newState: TreeViewItemModel[]): void;
@@ -51,6 +53,10 @@ export declare class GxIdeKbManagerImport {
    * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
    */
   readonly statusMinimal = false;
+  /**
+   * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
+   */
+  readonly objectContextMenuCallback: ObjectContextMenuCallback;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs
    */
@@ -65,6 +71,8 @@ export declare class GxIdeKbManagerImport {
    * Add the result of importing an item
    */
   addResultItem(item: ImportItemResultData): Promise<void>;
+  private evaluateImportStatusMessage;
+  private countMessages;
   private evaluateObjects;
   private evaluateImport;
   private selectFileHandler;
@@ -73,13 +81,14 @@ export declare class GxIdeKbManagerImport {
   private evaluateHeaderActiveButton;
   private importObjectsHandler;
   private objectsTreeCheckedItemsChangedHandler;
+  private objectsTreeContextMenuHandler;
   private cancelImportHandler;
   private optionsHandler;
   private clearStatusHandler;
-  private toggleSelectionHandler;
+  private toggleSelectionClickHandler;
   private statusButtonsSelectionChangedHandler;
   private evaluateCheckAllValue;
-  private evaluateHiddenImportsMessage;
+  private fileClearedHandler;
   render(): void;
 }
 export type LoadCallback = (file: File) => Promise<ImportCategoryData[]>;
@@ -108,4 +117,10 @@ type StatusInfo = {
     number: number;
   };
 };
+export type ObjectContextMenuCallback = (objectContextMenu: ObjectContextMenuInfo) => Promise<void>;
+export type ObjectContextMenuInfo = {
+  objectId: string;
+  screenX: number;
+  screenY: number;
+};
 export {};

package/dist/types/components.d.ts

@@ -15,9 +15,8 @@ import { DirectorySelectorLabels, LabelPosition } from "./components/_helpers/di
 import { EntitySelectorLabels } from "./components/_helpers/entity-selector/entity-selector";
 import { LabelPosition as LabelPosition1 } from "./components/_helpers/directory-selector/directory-selector";
 import { FileSelectorLabels, LabelPosition as LabelPosition2 } from "./components/file-selector/file-selector";
-import { TreeViewItemModel } from "@genexus/chameleon-controls-library/dist/types/components/tree-view/tree-view/types";
 import { AddObjectsCallback, AddReferencesCallback, CancelCallback as CancelCallback1, ExportCallback, ExportFileDirectoryCallback, KBPropertiesCallback, KBPropertyType, ObjectType, OptionsCallback } from "./components/kb-manager-export/kb-manager-export";
-import { CancelCallback as CancelCallback2, ImportCallback, LoadCallback, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-import/kb-manager-import";
+import { CancelCallback as CancelCallback2, ImportCallback, LoadCallback, ObjectContextMenuCallback, OptionsCallback as OptionsCallback1 } from "./components/kb-manager-import/kb-manager-import";
 import { Color, Size } from "@genexus/gemini/dist/types/components/icon/icon";
 import { CheckedItemsInfo } from "./components/_helpers/list-selector/list-selector";
 import { ItemData } from "./components/_helpers/list-selector/list-selector-item/list-selector-item";
@@ -332,10 +331,6 @@ export namespace Components {
           * @returns It returns a boolean indicating whether the process could be canceled or not.
          */
         "cancelCallback": CancelCallback;
-        /**
-          * Just for testing. Remove when this is is done (Bruno)
-         */
-        "dummyInitialTree": TreeViewItemModel[];
         /**
           * Callback invoked when the user wants to initiate the export process.
           * @param fileName :string
@@ -351,6 +346,10 @@ export namespace Components {
           * Array with the possible types of KB properties
          */
         "kbPropertiesTypes": KBPropertyType[];
+        /**
+          * If true, it will display a loader when needed.
+         */
+        "loader": false;
         /**
           * Array of possible object types
          */
@@ -378,6 +377,10 @@ export namespace Components {
           * Callback invoked when the user wants to load the xpz information
          */
         "loadCallback": LoadCallback;
+        /**
+          * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
+         */
+        "objectContextMenuCallback": ObjectContextMenuCallback;
         /**
           * Callback invoked when the user wants to access the export options.
          */
@@ -1690,10 +1693,6 @@ declare namespace LocalJSX {
           * @returns It returns a boolean indicating whether the process could be canceled or not.
          */
         "cancelCallback"?: CancelCallback;
-        /**
-          * Just for testing. Remove when this is is done (Bruno)
-         */
-        "dummyInitialTree"?: TreeViewItemModel[];
         /**
           * Callback invoked when the user wants to initiate the export process.
           * @param fileName :string
@@ -1709,6 +1708,10 @@ declare namespace LocalJSX {
           * Array with the possible types of KB properties
          */
         "kbPropertiesTypes"?: KBPropertyType[];
+        /**
+          * If true, it will display a loader when needed.
+         */
+        "loader"?: false;
         /**
           * Array of possible object types
          */
@@ -1740,6 +1743,10 @@ declare namespace LocalJSX {
           * Callback invoked when the user wants to load the xpz information
          */
         "loadCallback"?: LoadCallback;
+        /**
+          * It displays the status buttons (errors, warning, successes) with the minimal ui (no captions)
+         */
+        "objectContextMenuCallback"?: ObjectContextMenuCallback;
         /**
           * This event is emitted once just after the component is fully loaded and the first render() occurs.
          */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.64",
+  "version": "0.0.65",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.2.10"
+    "@genexus/gemini": "*0.2.16"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.2.10",
+    "@genexus/gemini": "*0.2.16",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/cjs/ch-icon_2.cjs.entry.js

@@ -1,179 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-f9bb1815.js');
-
-const iconContent = new Map();
-const requests = new Map();
-function getSvgContent(url) {
-  // see if we already have a request for this url
-  let request = requests.get(url);
-  if (!request) {
-    // we don't already have a request
-    request = fetch(url).then(response => {
-      if (response.ok) {
-        return response.text().then(svgContent => {
-          iconContent.set(url, svgContent);
-          return svgContent;
-        });
-      }
-      iconContent.set(url, "");
-    });
-    // cache for the same requests
-    requests.set(url, request);
-  }
-  return request;
-}
-
-const iconCss$1 = ":host(:not([auto-color])){}:host(:not([auto-color])) svg *{fill:var(--icon-color) !important}:host(:not([auto-color])) path.icons01{fill:var(--icons01-enabled)}:host(:not([auto-color])) path.icons02{fill:var(--icons02-enabled)}:host(:not([auto-color])) path.icons03{fill:var(--icons03-enabled)}:host(:not([auto-color])) path.icons04{fill:var(--icons04-enabled)}:host(:not([auto-color])) path.icons05{fill:var(--icons05-enabled)}:host(:not([auto-color])) path.icons06{fill:var(--icons06-enabled)}:host(:not([auto-color])) path.icons07{fill:var(--icons07-enabled)}:host(:not([auto-color])) path.icons08{fill:var(--icons08-enabled)}:host(:not([auto-color])) path.icons09{fill:var(--icons09-enabled)}:host{display:inline-flex;line-height:0}:host svg{width:var(--icon-size);height:var(--icon-size)}";
-
-const ChIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * If enabled, the icon will be loaded lazily when it's visible in the viewport.
-     */
-    this.lazy = false;
-    /**
-     * If enabled, the icon will display its inherent/natural color
-     */
-    this.autoColor = false;
-    /**
-     * The URL of the icon.
-     */
-    this.src = "";
-    /**
-     * The size of the icon. Possible values: regular, small.
-     */
-    this.size = "regular";
-    this.isVisible = false;
-  }
-  /** *******************************
-  METHODS
-  *********************************/
-  connectedCallback() {
-    // purposely do not return the promise here because loading
-    // the svg file should not hold up loading the app
-    // only load the svg if it's visible
-    this.waitUntilVisible(this.element, "50px", () => {
-      this.isVisible = true;
-      this.getIcon();
-    });
-  }
-  disconnectedCallback() {
-    if (this.io !== undefined) {
-      this.io.disconnect();
-      this.io = undefined;
-    }
-  }
-  waitUntilVisible(el, rootMargin, callback) {
-    if (this.lazy &&
-      typeof window !== "undefined" &&
-      window.IntersectionObserver) {
-      const io = (this.io = new window.IntersectionObserver((data) => {
-        if (data[0].isIntersecting) {
-          io.disconnect();
-          this.io = undefined;
-          callback();
-        }
-      }, { rootMargin }));
-      io.observe(el);
-    }
-    else {
-      // browser doesn't support IntersectionObserver
-      // so just fallback to always show it
-      callback();
-    }
-  }
-  async getIcon() {
-    if (this.isVisible) {
-      if (this.src) {
-        if (iconContent.has(this.src)) {
-          this.svgContent = iconContent.get(this.src);
-        }
-        else {
-          this.svgContent = await getSvgContent(this.src);
-        }
-      }
-      else {
-        this.svgContent = "";
-        return;
-      }
-    }
-  }
-  render() {
-    return index.h("div", { innerHTML: this.svgContent });
-  }
-  static get assetsDirs() { return ["ch-icon-assets"]; }
-  get element() { return index.getElement(this); }
-  static get watchers() { return {
-    "src": ["getIcon"]
-  }; }
-};
-ChIcon.style = iconCss$1;
-
-const iconCss = "/*! 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(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);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(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{display:inline-block;line-height:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}";
-
-/*********************************
-CONSTANTS
-*********************************/
-const COLOR_MAPPINGS = {
-  alwaysblack: "color-always-black",
-  disabled: "color-primary-disabled",
-  ondisabled: "color-on-disabled",
-  error: "color-error-dark",
-  negative: "color-on-primary",
-  onbackground: "color-on-background",
-  indeterminate: "color-primary-active",
-  "primary-enabled": "color-primary-enabled",
-  "primary-active": "color-primary-active",
-  "primary-hover": "color-primary-hover",
-  success: "color-success-dark",
-  warning: "color-warning-dark",
-  mercury: "gray-03",
-};
-const GxgIcon = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * The size of the icon. Possible values: regular, small.
-     */
-    this.size = "regular";
-  }
-  /*********************************
-  METHODS
-  *********************************/
-  getSrcPath() {
-    return index.getAssetPath(`./icon-assets/${this.type}.svg`);
-  }
-  iconSize() {
-    if (this.size === "regular") {
-      return "16px";
-    }
-    else if (this.size === "small") {
-      return "12px";
-    }
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("ch-icon", { style: {
-        "--icon-color": this.mapColorToCssVar(COLOR_MAPPINGS[this.color]),
-        "--icon-size": this.iconSize(),
-      }, "auto-color": this.color === "auto", src: this.getSrcPath(), part: "ch-icon" })));
-  }
-  mapColorToCssVar(color) {
-    if (color) {
-      return `var(--${color})`;
-    }
-    else {
-      //default color
-      return `var(--color-on-background)`;
-    }
-  }
-  static get assetsDirs() { return ["icon-assets"]; }
-  get element() { return index.getElement(this); }
-};
-GxgIcon.style = iconCss;
-
-exports.ch_icon = ChIcon;
-exports.gxg_icon = GxgIcon;