@genexus/genexus-ide-ui 0.0.47 → 0.0.49

package/dist/genexus-ide-ui/{p-7dbe195c.entry.js → p-f16b53ea.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as a,H as e,g as r}from"./p-976c3a09.js";import{L as s}from"./p-26957490.js";import{r as o}from"./p-b8d5c561.js";import{f as l}from"./p-daf4eb69.js";const d=class{constructor(a){i(this,a),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.kbIdSelected=null,this.authenticationTypes=[],this.setAuthenticationTypes=()=>{this.authenticationTypes=[{id:"genexus",value:"genexus",label:this._componentLocale.authenticationTypes.genexusAccount},{id:"local",value:"local",label:this._componentLocale.authenticationTypes.local}]},this.addEventListeners=()=>{this.serverUrlsEl.addEventListener("valueChanged",(()=>{this.reset()})),this.searchKBEl.addEventListener("valueChanged",(i=>{this.kbNameEl.value="",this.kbIdSelected=null,this.kbSearchText=i.detail})),this.listBoxEl.addEventListener("selectionChanged",(i=>{let t;if(i.detail.items.length>0&&(t=i.detail.items[0]),t){this.kbIdSelected=t.value;const i=this.kbs.find((i=>i.id===this.kbIdSelected));i&&(this.kbNameEl.value=i.name)}}))},this.createKbHandler=()=>{this.createKBCallback&&this.createKBCallback({id:this.kbIdSelected,name:this.kbNameEl.value}).then((i=>{l(i,this)}))},this.connectCallbackHandler=()=>{var i,t;this.connectCallback&&this.connectCallback({serverUrl:this.serverUrlsEl.value,authenticationType:this.authenticationTypeEl.value,user:null===(i=this.userNameEl)||void 0===i?void 0:i.value,password:null===(t=this.passwordEl)||void 0===t?void 0:t.value}).then((i=>{l(i.formResult,this),i.formResult.success&&i.kbs&&(this.kbs=i.kbs,this.selectionKbDisabled=!1)}))},this.selectionKbDisabled=!0,this.kbs=[],this.kbSearchText="",this.connectCallback=void 0,this.createKBCallback=void 0,this.enableCustomServer=!1,this.kbName=void 0,this.password=void 0,this.serverUrls=void 0,this.userName=void 0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.setAuthenticationTypes()}componentDidLoad(){this.serverUrlsEl.focus(),this.addEventListeners()}reset(){this.kbs=[],this.kbIdSelected=null,this.selectionKbDisabled=!0,this.searchKBEl.value="",this.kbSearchText=""}render(){return a(e,{class:{"gx-ide-component":!0}},a("div",{class:"main-wrapper"},a("gxg-container",null,a("div",{class:"flex"},a("gxg-label",{labelPosition:"start",class:"kb-label"},this._componentLocale.label.serverUrl),a("gxg-combo-box",{disableFilter:!this.enableCustomServer,ref:i=>this.serverUrlsEl=i,class:"server-urls-combo-box",part:"server-urls"},this.serverUrls?o("gxg-combo-box-item",this.serverUrls.map((i=>({id:i,label:i,value:i}))),"server-urls"):null)),a("div",{class:"grid grid-data"},a("div",null,a("div",{class:"grid grid-data-account"},a("gxg-combo-box",{disableFilter:!0,value:this.authenticationTypes[0].id,ref:i=>this.authenticationTypeEl=i,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},o("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),a("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.userName}:`),a("gxg-form-text",{ref:i=>this.userNameEl=i,value:this.userName,class:"user-name",part:"user-name"}),a("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.password}:`),a("gxg-form-text",{password:!0,ref:i=>this.passwordEl=i,value:this.password,class:"password",part:"password"}),a("div",null,a("gxg-button",{id:"button-connect",type:"primary-text-only",onClick:this.connectCallbackHandler,part:"button-connect"},this._componentLocale.btn.btnConnect)))),a("div",{class:"grid"},a("div",{class:"grid-data-kbs"},a("div",{class:"search-kbs"},a("gxg-form-text",{ref:i=>this.searchKBEl=i,class:"search-kb-input",part:"search-kb",disabled:this.selectionKbDisabled,placeholder:this._componentLocale.label.searchKbs})),a("div",{class:"box-kbs"},a("gxg-list-box",{"no-border":!0,"single-selection":!0,disabled:this.selectionKbDisabled,ref:i=>this.listBoxEl=i,part:"kbs",onSelectionChanged:this.kbsOnSelectionChangedHandler},this.kbs.filter((i=>i.name.toLowerCase().includes(this.kbSearchText.toLowerCase()))).map((i=>a("gxg-list-box-item",{value:i.id,key:i.id},i.name)))))),a("div",{class:"grid grid-data-kbs-footer"},a("gxg-form-text",{ref:i=>this.kbNameEl=i,value:this.kbName,class:"kb-name",part:"kb-name",disabled:this.selectionKbDisabled}),a("div",null,a("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",disabled:this.selectionKbDisabled},this._componentLocale.btn.btnCreate))))))))}static get assetsDirs(){return["gx-ide-assets/create-kb-from-server"]}get el(){return r(this)}};d.style=".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}.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:999;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{grid-template-columns:repeat(2, auto)}.flex{display:flex}.flex>:nth-child(2){flex:1}";export{d as gx_ide_create_kb_from_server}
+import{r as i,c as t,h as a,H as e,g as r}from"./p-976c3a09.js";import{L as s}from"./p-26957490.js";import{r as o}from"./p-b8d5c561.js";import{f as l}from"./p-daf4eb69.js";const d=class{constructor(a){i(this,a),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.kbIdSelected=null,this.authenticationTypes=[],this.setAuthenticationTypes=()=>{this.authenticationTypes=[{id:"genexus",value:"genexus",label:this._componentLocale.authenticationTypes.genexusAccount},{id:"local",value:"local",label:this._componentLocale.authenticationTypes.local}]},this.addEventListeners=()=>{this.serverUrlsEl.addEventListener("valueChanged",(()=>{this.reset()})),this.searchKBEl.addEventListener("valueChanged",(i=>{this.kbNameEl.value="",this.kbIdSelected=null,this.kbSearchText=i.detail})),this.listBoxEl.addEventListener("selectionChanged",(i=>{let t;if(i.detail.items.length>0&&(t=i.detail.items[0]),t){this.kbIdSelected=t.value;const i=this.kbs.find((i=>i.id===this.kbIdSelected));i&&(this.kbNameEl.value=i.name)}}))},this.createKbHandler=()=>{this.createKBCallback&&this.createKBCallback({id:this.kbIdSelected,name:this.kbNameEl.value}).then((i=>{l(i,this)}))},this.connectCallbackHandler=()=>{var i,t;this.connectCallback&&this.connectCallback({serverUrl:this.serverUrlsEl.value,authenticationType:this.authenticationTypeEl.value,user:null===(i=this.userNameEl)||void 0===i?void 0:i.value,password:null===(t=this.passwordEl)||void 0===t?void 0:t.value}).then((i=>{l(i.formResult,this),i.formResult.success&&i.kbs&&(this.kbs=i.kbs,this.selectionKbDisabled=!1)}))},this.selectionKbDisabled=!0,this.kbs=[],this.kbSearchText="",this.connectCallback=void 0,this.createKBCallback=void 0,this.enableCustomServer=!1,this.kbName=void 0,this.password=void 0,this.serverUrls=void 0,this.userName=void 0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.setAuthenticationTypes()}componentDidLoad(){this.serverUrlsEl.focus(),this.addEventListeners()}reset(){this.kbs=[],this.kbIdSelected=null,this.selectionKbDisabled=!0,this.searchKBEl.value="",this.kbSearchText=""}render(){return a(e,{class:{"gx-ide-component":!0}},a("div",{class:"main-wrapper"},a("gxg-container",null,a("div",{class:"flex"},a("gxg-label",{labelPosition:"start",class:"kb-label"},this._componentLocale.label.serverUrl),a("gxg-combo-box",{disableFilter:!this.enableCustomServer,ref:i=>this.serverUrlsEl=i,class:"server-urls-combo-box",part:"server-urls"},this.serverUrls?o("gxg-combo-box-item",this.serverUrls.map((i=>({id:i,label:i,value:i}))),"server-urls"):null)),a("div",{class:"grid grid-data"},a("div",null,a("div",{class:"grid grid-data-account"},a("gxg-combo-box",{disableFilter:!0,value:this.authenticationTypes[0].id,ref:i=>this.authenticationTypeEl=i,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},o("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),a("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.userName}:`),a("gxg-form-text",{ref:i=>this.userNameEl=i,value:this.userName,class:"user-name",part:"user-name"}),a("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.password}:`),a("gxg-form-text",{password:!0,ref:i=>this.passwordEl=i,value:this.password,class:"password",part:"password"}),a("div",null,a("gxg-button",{id:"button-connect",type:"primary-text-only",onClick:this.connectCallbackHandler,part:"button-connect"},this._componentLocale.btn.btnConnect)))),a("div",{class:"grid"},a("div",{class:"grid-data-kbs"},a("div",{class:"search-kbs"},a("gxg-form-text",{ref:i=>this.searchKBEl=i,class:"search-kb-input",part:"search-kb",disabled:this.selectionKbDisabled,placeholder:this._componentLocale.label.searchKbs})),a("div",{class:"box-kbs"},a("gxg-list-box",{"no-border":!0,"single-selection":!0,disabled:this.selectionKbDisabled,ref:i=>this.listBoxEl=i,part:"kbs",onSelectionChanged:this.kbsOnSelectionChangedHandler},this.kbs.filter((i=>i.name.toLowerCase().includes(this.kbSearchText.toLowerCase()))).map((i=>a("gxg-list-box-item",{value:i.id,key:i.id},i.name)))))),a("div",{class:"grid grid-data-kbs-footer"},a("gxg-form-text",{ref:i=>this.kbNameEl=i,value:this.kbName,class:"kb-name",part:"kb-name",disabled:this.selectionKbDisabled}),a("div",null,a("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",disabled:this.selectionKbDisabled},this._componentLocale.btn.btnCreate))))))))}static get assetsDirs(){return["gx-ide-assets/create-kb-from-server"]}get el(){return r(this)}};d.style=".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}.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(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;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(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{grid-template-columns:repeat(2, auto)}.flex{display:flex}.flex>:nth-child(2){flex:1}";export{d as gx_ide_create_kb_from_server}

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

@@ -977,6 +977,14 @@ STYLE
   line-height: 1.556em;
 }
 
+/*****************************************************
+INPUT TYPE FILE
+*****************************************************/
+:host(.file) .input {
+  user-select: none;
+  cursor: pointer;
+}
+
 /*****************************************************
 Reading direction RTL
 *****************************************************/

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

@@ -0,0 +1,89 @@
+:host(.gxg--disabled) .form-element,
+:host(.gxg--disabled.form-element) {
+  pointer-events: none;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
+  border-color: var(--gxg-border-color--disabled) !important;
+  cursor: default !important;
+}
+
+:host {
+  display: block;
+}
+
+ch-window::part(mask) {
+  overflow: hidden;
+}
+
+ch-window::part(main) {
+  height: 100%;
+}
+
+ch-window::part(window) {
+  width: 100%;
+  height: 100%;
+}
+
+.loader-wrapper {
+  opacity: 0;
+  transition: var(--show-transition) opacity;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  background-color: rgba(var(--color-background--rgb), 0.45);
+  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;
+  -webkit-animation: wrapper 0.6s infinite alternate;
+  animation: wrapper 0.6s infinite alternate;
+  color: var(--color-on-secondary);
+}
+.loader-wrapper--visible {
+  opacity: 1;
+}
+
+.loader-spinner {
+  border: 2px var(--gray-01) solid;
+  border-top: 2px var(--color-primary-enabled) solid;
+  border-radius: 50%;
+  -webkit-animation: spinner 0.6s infinite linear;
+  animation: spinner 0.6s infinite linear;
+  width: 30px;
+  height: 30px;
+}
+
+.loader-description {
+  max-width: 400px;
+  text-align: center;
+}
+
+/*background color animation*/
+@keyframes wrapper {
+  from {
+    background-color: rgba(var(--color-background--rgb), 0.45);
+  }
+  to {
+    background-color: rgba(var(--gray-02--rgb), 0.25);
+  }
+}
+/*spinner animation*/
+@-webkit-keyframes spinner {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@keyframes spinner {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(359deg);
+  }
+}

package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css

@@ -1,8 +1,354 @@
+:root {
+  --ui-animaton-speed: 0.2s;
+}
+
+/*ALIGNMENT*/
+/*Ellipsis*/
+/*****************************************************
+TYPOGRAPHY
+*****************************************************/
+/*Title 01 (Positive)*/
+.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;
+}
+
+/*Title 01 (Negative)*/
+.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);
+}
+
+/*Title 02 (Positive)*/
+.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);
+}
+
+/*Title 03*/
+.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);
+}
+
+/*Title 04*/
+.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);
+}
+
+/*Title 05*/
+.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);
+}
+
+/*Text*/
+.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);
+}
+
+/*Quote*/
+.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);
+}
+
+/*Link*/
+.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);
+}
+
+/*Alerts*/
+.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;
+}
+
+/*Tab*/
+.gxg-tab--disabled {
+  color: var(--color-primary-disabled);
+  pointer-events: none;
+}
+.gxg-tab--disabled[disabled] {
+  color: var(--color-primary-disabled);
+  pointer-events: none;
+}
+
+/*Label*/
+.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 and GXG-BUTTON-GROUP COMMON STYLES
+*****************************************************/
+.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;
+}
+
+/*****************************************************
+FORM ELEMENTS
+*****************************************************/
+.gxg-scrollbar {
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+}
+.gxg-scrollbar::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.gxg-scrollbar::-webkit-scrollbar-track {
+  background-color: var(--gray-02);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--gray-05);
+  border-radius: 10px;
+}
+.gxg-scrollbar::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-04);
+  cursor: pointer;
+}
+
+/*---------------------------
+gxg-tree-view
+---------------------------*/
 gxg-tree-view {
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr;
   height: 100%;
+  font-family: var(--font-family-primary);
+  font-size: var(--font-size-lg);
+  font-weight: var(--font-weight-regular);
+  color: var(--color-on-background);
 }
 
 .tree-buttons {
@@ -11,39 +357,61 @@ gxg-tree-view {
   row-gap: 8px;
 }
 
-:not(.ch-tree-x-dragging-item) ch-tree-x-list-item:not([selected])::part(header):hover {
-  background-color: #e8e8e9;
-}
-
-.ch-tree-x-list-item--drag-enter {
-  background-color: #eee;
-  box-shadow: inset 0 0 1px 0px black;
-}
-.ch-tree-x-list-item--drag-enter[selected]::part(header) {
-  background-color: #eee;
+/*---------------------------
+ch-tree-x-list-item
+---------------------------*/
+ch-tree-x-list-item {
+  --expandable-button-width: var(--spacing-comp-04);
 }
-
 ch-tree-x-list-item::part(header) {
+  padding-inline-start: var(--spacing-comp-01);
+  padding-inline-end: calc(var(--spacing-comp-02) * 0.65);
   border: 1px solid transparent;
+  height: var(--spacing-comp-05);
+}
+ch-tree-x-list-item::part(header):focus {
+  outline-style: solid;
+  outline-color: var(--gxg-border-color--focused);
+  outline-width: var(--border-width-md);
+  outline-offset: -2px;
 }
 ch-tree-x-list-item[selected]::part(header) {
-  background-color: #cfdee6;
-  border-color: #0266a0;
+  background-color: var(--gxg-background-color--selected);
+  outline-style: solid;
+  outline-color: var(--gxg-border-color--focused);
+  outline-width: var(--border-width-md);
+  outline-offset: -2px;
 }
-ch-tree-x-list-item.ch-tree-x-list-item--editing::part(header) {
-  background-color: rgba(207, 222, 230, 0.5);
-  border-color: transparent;
+ch-tree-x-list-item[selected]::part(header):hover {
+  background-color: var(--gxg-background-color--selected-hover);
 }
-ch-tree-x-list-item:not(.ch-tree-x-list-item--editing)::part(header):focus-visible {
-  border-color: black;
-  z-index: 1;
+ch-tree-x-list-item::part(expandable-button) {
+  background-color: var(--color-hover);
 }
-
-.ch-tree-x-drag-info {
-  padding-inline: 6px;
-  padding-block: 2px;
-  background-color: #cfdee6;
-  border: 1px solid #0266a0;
-  border-radius: 10px;
-  font-size: 8px;
+ch-tree-x-list-item::part(expandable-button)::before {
+  background-color: var(--gray-04);
+  -webkit-mask-position: center;
+  -webkit-mask-repeat: no-repeat;
+}
+ch-tree-x-list-item::part(expandable-button):hover {
+  background-color: var(--color-background);
+}
+ch-tree-x-list-item::part(expandable-button):focus {
+  outline-style: solid;
+  outline-color: var(--gxg-border-color--focused);
+  outline-width: var(--border-width-md);
+  outline-offset: 0;
+}
+ch-tree-x-list-item::part(action) {
+  text-transform: capitalize;
+}
+ch-tree-x-list-item::part(left-img) {
+  width: var(--spacing-comp-04);
+  height: var(--spacing-comp-04);
+}
+ch-tree-x-list-item::part(downloading) {
+  width: var(--spacing-comp-03);
+  height: var(--spacing-comp-03);
+  border: var(--border-width-md) solid var(--color-primary-enabled);
+  border-inline-start-color: transparent;
 }

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

@@ -50,3 +50,4 @@ export type EntityData = {
   iconSrc?: string;
   iconColor?: IconColor;
 };
+export type GxServerAuthenticationType = "genexus" | "local";

package/dist/types/components/create-kb-from-server/create-kb-from-server.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { FormSubmitResult } from "../../common/types";
+import { FormSubmitResult, GxServerAuthenticationType } from "../../common/types";
 export declare class GxIdeCreateKbFromServer {
   [key: string]: any;
   /**
@@ -71,7 +71,7 @@ export declare class GxIdeCreateKbFromServer {
 }
 export interface GXServerConnectionData {
   serverUrl: string;
-  authenticationType: AuthenticationType;
+  authenticationType: GxServerAuthenticationType;
   user: string;
   password: string;
 }
@@ -87,4 +87,3 @@ export interface CreateKBData {
   id: string;
   name: string;
 }
-export type AuthenticationType = "genexus" | "local";

package/dist/types/components/new-object/new-object.d.ts

@@ -5,7 +5,6 @@ export declare class GxIdeNewObject {
    * The component hard-coded strings translations.
    */
   private _componentLocale;
-  private validateNameTimeoutRef;
   el: HTMLGxIdeNewObjectElement;
   private nameEl;
   private descriptionEl;
@@ -67,6 +66,7 @@ export declare class GxIdeNewObject {
   componentDidLoadEvent: EventEmitter<boolean>;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
+  private validateInitialName;
   private renderModuleFolder;
   /**
    * This method initializes tha name value. It depends on 'this.selectedType'
@@ -74,8 +74,11 @@ export declare class GxIdeNewObject {
   private init;
   private onInputNameHandler;
   private onBlurNameHandler;
+  private onNameValueChangedHandler;
   private onInputDescriptionHandler;
-  private processName;
+  /**
+   * If the parameter is undefined, is because the name is valid. Otherwise, if it receives a string, is because the name is not valid. The string is the error message to display.
+   */
   private validateNameHandler;
   private createCallbackHandler;
   private cancelCallbackHandler;
@@ -91,7 +94,7 @@ export interface NewObjectData {
 }
 export type ValidateNameCallback = (name: string) => Promise<string | undefined>;
 export type SelectModuleCallback = () => Promise<EntityData | undefined>;
-export type CreateCallback = (data: NewObjectData) => Promise<boolean>;
+export type CreateCallback = (data: NewObjectData) => Promise<string | undefined>;
 export type CancelCallback = () => Promise<void>;
 export type TypeCategoryData = {
   id: string;

package/dist/types/components/share-kb/share-kb.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { FormSubmitResult, GxServerAuthenticationType } from "../../common/types";
+export declare class GxIdeShareKb {
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  el: HTMLGxIdeShareKbElement;
+  private kbNameEl;
+  private serverUrlEl;
+  private authTypeEl;
+  private userNameEl;
+  private passwordEl;
+  /**
+   * The name of the kb
+   */
+  readonly kbName: string;
+  /**
+   * Urls array of cataloged servers to be shown on combo
+   */
+  readonly serverUrls: string[];
+  /**
+   * True if user can introduce server url manually
+   */
+  readonly enableCustomServer: boolean;
+  /**
+   * Callback invoked when Share button is pressed
+   */
+  readonly createKBCallback: CreateKBCallback;
+  /**
+   * @description Gets fired when the component has rendered for the first time.
+   */
+  componentDidRenderEvent: EventEmitter<string>;
+  componentWillLoad(): Promise<void>;
+  componentDidRender(): void;
+  private createKBCallbackHandler;
+  render(): any;
+}
+export type CreateKBCallback = (data: ShareKBData) => Promise<FormSubmitResult>;
+export type ShareKBData = {
+  name: string;
+  serverUrl: string;
+  authenticationType: GxServerAuthenticationType;
+  user: string;
+  password: string;
+};