@genexus/genexus-ide-ui 0.0.52 → 0.0.53

package/dist/genexus-ide-ui/{p-c69df3f2.entry.js → p-a86a5a89.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as e,H as l,g as s}from"./p-976c3a09.js";import{L as o}from"./p-26957490.js";import{r as a}from"./p-d3c40681.js";import{g as r}from"./p-c6a7b93c.js";import{F as n}from"./p-6010dc9d.js";const d=(i,t="date")=>{var e;let l;if(null==i)return"";if(i.getTime()!=i.getTime())return"Invalid date";let s="en-US";return"es"===(null===(e=document.getElementsByTagName("html")[0].getAttribute("lang"))||void 0===e?void 0:e.valueOf())&&(s="es-ES"),l=i.toLocaleDateString(s),"date-time"===t&&(l+=` | ${i.toLocaleTimeString()}`),l},h=class{constructor(l){i(this,l),this.componentDidRenderEvent=t(this,"componentDidRenderEvent",7),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.renderFilter=()=>{var i,t;return e("gxg-container",{displayBorderBottom:!0,containerTitle:this._componentLocale.filter.title,part:"filters-container"},e("div",{class:"grid filter-grid"},e("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.pattern,ref:i=>this.filterPatternEl=i,value:this.patternValue,part:"filter-pattern"}),e("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.type,value:this.defaultType,disabled:!this.types,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterTypeEl=i,part:"filter-type"},a(null!==(i=this.types)&&void 0!==i?i:[])),e("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterCategoryEl=i,part:"filter-category"},a(null!==(t=this.categories)&&void 0!==t?t:[])),e("gx-ide-entity-selector",{label:this._componentLocale.filter.module,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i}),e("div",{class:"flex with-gap"},e("gxg-form-checkbox",{label:this._componentLocale.filter.modified,class:"align-center",ref:i=>this.filterModifiedEl=i,part:"filter-modified"}),e("gxg-combo-box",{class:{hide:!this.filterModified},"disable-filter":!0,value:this.filterAfterType,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},a([{id:n.NONE,label:this._componentLocale.filter.afterNone,value:n.NONE},{id:n.DATE_TIME,label:this._componentLocale.filter[n.DATE_TIME],value:n.DATE_TIME},{id:n.IMPORT,label:this._componentLocale.filter[n.IMPORT],value:n.IMPORT},{id:n.LAST_BUILD,label:this._componentLocale.filter[n.LAST_BUILD],value:n.LAST_BUILD}])),e("gxg-form-text",{class:{hide:!this.filterModified},"label-position":"start",label:this._componentLocale.filter.user,"max-width":"150px",ref:i=>this.filterUserEl=i,part:"filter-user"}),e("div",{class:{flex:!0,hide:!this.filterModified||this.filterAfterType!==n.DATE_TIME},part:"filter-datetime"},e("gxg-label",{"label-position":"start"},this._componentLocale.filter.dateTime),e("gxg-date-picker",{ref:i=>this.filterModifiedDateEl=i})))))},this.renderObjects=()=>e("gxg-grid",{"ellipsis-cell-wrapper":!0,noBorder:!0},e("ch-grid",{"row-selection-mode":this.multiSelection?"multiple":"single",ref:i=>this.chGridEl=i,onKeyDown:this.chGridKeyDownHandler,part:"ch-grid-objects"},e("ch-grid-columnset",null,e("ch-grid-column",{"column-name-position":"text",settingable:!1,size:r.colSize.auto}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.name,"column-name-position":"text",settingable:!1,size:r.colSize.common}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.type,"column-name-position":"text",settingable:!1,size:r.colSize.common}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.module,"column-name-position":"text",settingable:!1,size:r.colSize.common}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.description,"column-name-position":"text",settingable:!1,size:r.colSize.common}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.modifiedDate,"column-name-position":"text",settingable:!1,size:r.colSize.auto}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.importDate,"column-name-position":"text",settingable:!1,size:r.colSize.auto})),this.objects.map((i=>e("ch-grid-row",{rowid:i.id,onDblClick:this.openSelectionCallbackHandler},e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},e("gxg-icon",{type:i.icon,color:"auto"}))),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"}," ",i.name," ")),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},i.type)),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},i.module)),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},i.description)),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},`${d(i.modifiedDate,"date-time")}`)),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},`${d(i.importDate,"date-time")}`))))))),this.getObjects=()=>{var i,t,e,l,s,o,a,r;const d=this.filterModifiedEl.checked,h=this.filterAfterTypeEl.value,c=null===(t=null===(i=this.filterUserEl)||void 0===i?void 0:i.value)||void 0===t?void 0:t.trim(),g={pattern:null===(e=this.filterPatternEl)||void 0===e?void 0:e.value,type:null===(l=this.filterTypeEl)||void 0===l?void 0:l.value,category:null===(s=this.filterCategoryEl)||void 0===s?void 0:s.value,module:null===(a=null===(o=this.filterModuleEl)||void 0===o?void 0:o.value)||void 0===a?void 0:a.id,modifiedAfter:d&&h?h:null,modifiedBy:d&&c?c:null,modifiedDate:d&&h===n.DATE_TIME?null===(r=this.filterModifiedDateEl)||void 0===r?void 0:r.value:null};this.loadCallback(g).then((i=>{this.objects=i,this.selectedObjectsIds=[],this.deselectAll()}))},this.openSelectionCallbackHandler=i=>{i.stopPropagation(),this.openSelectionCallback(this.selectedObjectsIds)},this.cancelCallbackHandle=()=>{this.cancelCallback()},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.newObjectCallbackHandle=()=>{this.newObjectCallback()},this.listenChanges=async()=>{this.filterPatternEl.addEventListener("input",(()=>{this.getObjects()})),this.filterTypeEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getObjects()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getObjects()})),this.filterUserEl.addEventListener("input",(()=>{this.getObjects()})),this.filterModifiedDateEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId}))},this.chGridKeyDownHandler=i=>{"Enter"===i.key&&this.openSelectionCallbackHandler(i)},this.hostKeyPressHandler=i=>{"Enter"===i.key&&i.stopPropagation()},this.filterAfterType="",this.filterModified=!1,this.objects=[],this.selectedObjectsIds=[],this.multiSelection=!0,this.patternValue=void 0,this.types=void 0,this.defaultType=void 0,this.categories=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.selectModuleCallback=void 0,this.cancelCallback=void 0,this.loadCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0}async componentWillLoad(){this._componentLocale=await o.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getObjects()}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}async validate(){return!0}render(){return e(l,{class:"gx-ide-component",onKeyPress:this.hostKeyPressHandler},e("div",{class:"gx-ide-main-wrapper"},this.renderFilter(),this.renderObjects(),e("gxg-container",{displayBorderTop:!0},e("div",{class:"grid objects-count"},e("gxg-text",{class:"align-end",part:"objects-selected"},`${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`),e("gxg-text",{class:"align-end",part:"objects-matching"},`${this.objects.length} ${this._componentLocale.objCount.matching}`))),e("gxg-container",{displayBorderTop:!0},e("div",{class:"grid actions"},e("div",null,e("gxg-button",{id:"button-select-all",type:"primary-text-only",onClick:this.selectAll,part:"gxg-button gxg-button--select-all"},this._componentLocale.footer.btnSelectAll),e("gxg-button",{id:"button-new",type:"primary-text-only",onClick:this.newObjectCallbackHandle,part:"gxg-button gxg-button--new"},this._componentLocale.footer.btnNew)),e("div",null,e("gxg-button",{id:"button-ok",type:"primary-text-only",onClick:this.openSelectionCallbackHandler,part:"gxg-button gxg-button--ok"},this._componentLocale.footer.btnConfirm),e("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancelCallbackHandle,part:"gxg-button gxg-button--cancel"},this._componentLocale.footer.btnCancel))))))}static get assetsDirs(){return["gx-ide-assets/object-selector"]}get el(){return s(this)}};h.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)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";export{h as gx_ide_object_selector}
+import{r as i,c as t,h as e,H as l,g as s}from"./p-976c3a09.js";import{L as o}from"./p-26957490.js";import{r as a}from"./p-11af125f.js";import{g as r}from"./p-c6a7b93c.js";import{F as n}from"./p-6010dc9d.js";const d=(i,t="date")=>{var e;let l;if(null==i)return"";if(i.getTime()!=i.getTime())return"Invalid date";let s="en-US";return"es"===(null===(e=document.getElementsByTagName("html")[0].getAttribute("lang"))||void 0===e?void 0:e.valueOf())&&(s="es-ES"),l=i.toLocaleDateString(s),"date-time"===t&&(l+=` | ${i.toLocaleTimeString()}`),l},h=class{constructor(l){i(this,l),this.componentDidRenderEvent=t(this,"componentDidRenderEvent",7),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.renderFilter=()=>{var i,t;return e("gxg-container",{displayBorderBottom:!0,containerTitle:this._componentLocale.filter.title,part:"filters-container"},e("div",{class:"grid filter-grid"},e("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.pattern,ref:i=>this.filterPatternEl=i,value:this.patternValue,part:"filter-pattern"}),e("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.type,value:this.defaultType,disabled:!this.types,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterTypeEl=i,part:"filter-type"},a(null!==(i=this.types)&&void 0!==i?i:[])),e("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterCategoryEl=i,part:"filter-category"},a(null!==(t=this.categories)&&void 0!==t?t:[])),e("gx-ide-entity-selector",{label:this._componentLocale.filter.module,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i}),e("div",{class:"flex with-gap"},e("gxg-form-checkbox",{label:this._componentLocale.filter.modified,class:"align-center",ref:i=>this.filterModifiedEl=i,part:"filter-modified"}),e("gxg-combo-box",{class:{hide:!this.filterModified},"disable-filter":!0,value:this.filterAfterType,"display-validation-styles":!0,"display-validation-message":!0,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},a([{id:n.NONE,label:this._componentLocale.filter.afterNone,value:n.NONE},{id:n.DATE_TIME,label:this._componentLocale.filter[n.DATE_TIME],value:n.DATE_TIME},{id:n.IMPORT,label:this._componentLocale.filter[n.IMPORT],value:n.IMPORT},{id:n.LAST_BUILD,label:this._componentLocale.filter[n.LAST_BUILD],value:n.LAST_BUILD}])),e("gxg-form-text",{class:{hide:!this.filterModified},"label-position":"start",label:this._componentLocale.filter.user,"max-width":"150px",ref:i=>this.filterUserEl=i,part:"filter-user"}),e("div",{class:{flex:!0,hide:!this.filterModified||this.filterAfterType!==n.DATE_TIME},part:"filter-datetime"},e("gxg-label",{"label-position":"start"},this._componentLocale.filter.dateTime),e("gxg-date-picker",{ref:i=>this.filterModifiedDateEl=i})))))},this.renderObjects=()=>e("gxg-grid",{"ellipsis-cell-wrapper":!0,noBorder:!0},e("ch-grid",{"row-selection-mode":this.multiSelection?"multiple":"single",ref:i=>this.chGridEl=i,onKeyDown:this.chGridKeyDownHandler,part:"ch-grid-objects"},e("ch-grid-columnset",null,e("ch-grid-column",{"column-name-position":"text",settingable:!1,size:r.colSize.auto}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.name,"column-name-position":"text",settingable:!1,size:r.colSize.common}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.type,"column-name-position":"text",settingable:!1,size:r.colSize.common}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.module,"column-name-position":"text",settingable:!1,size:r.colSize.common}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.description,"column-name-position":"text",settingable:!1,size:r.colSize.common}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.modifiedDate,"column-name-position":"text",settingable:!1,size:r.colSize.auto}),e("ch-grid-column",{"column-name":this._componentLocale.tableHead.importDate,"column-name-position":"text",settingable:!1,size:r.colSize.auto})),this.objects.map((i=>e("ch-grid-row",{rowid:i.id,onDblClick:this.openSelectionCallbackHandler},e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},e("gxg-icon",{type:i.icon,color:"auto"}))),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"}," ",i.name," ")),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},i.type)),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},i.module)),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},i.description)),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},`${d(i.modifiedDate,"date-time")}`)),e("ch-grid-cell",null,e("span",{class:"cell-wrapper"},`${d(i.importDate,"date-time")}`))))))),this.getObjects=()=>{var i,t,e,l,s,o,a,r;const d=this.filterModifiedEl.checked,h=this.filterAfterTypeEl.value,g=null===(t=null===(i=this.filterUserEl)||void 0===i?void 0:i.value)||void 0===t?void 0:t.trim(),c={pattern:null===(e=this.filterPatternEl)||void 0===e?void 0:e.value,type:null===(l=this.filterTypeEl)||void 0===l?void 0:l.value,category:null===(s=this.filterCategoryEl)||void 0===s?void 0:s.value,module:null===(a=null===(o=this.filterModuleEl)||void 0===o?void 0:o.value)||void 0===a?void 0:a.id,modifiedAfter:d&&h?h:null,modifiedBy:d&&g?g:null,modifiedDate:d&&h===n.DATE_TIME?null===(r=this.filterModifiedDateEl)||void 0===r?void 0:r.value:null};this.loadCallback(c).then((i=>{this.objects=i,this.selectedObjectsIds=[],this.deselectAll()}))},this.openSelectionCallbackHandler=i=>{i.stopPropagation(),this.openSelectionCallback(this.selectedObjectsIds)},this.cancelCallbackHandle=()=>{this.cancelCallback()},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.newObjectCallbackHandle=()=>{this.newObjectCallback()},this.listenChanges=async()=>{this.filterPatternEl.addEventListener("input",(()=>{this.getObjects()})),this.filterTypeEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getObjects()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getObjects()})),this.filterUserEl.addEventListener("input",(()=>{this.getObjects()})),this.filterModifiedDateEl.addEventListener("valueChanged",(()=>{this.getObjects()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId}))},this.chGridKeyDownHandler=i=>{"Enter"===i.key&&this.openSelectionCallbackHandler(i)},this.hostKeyPressHandler=i=>{"Enter"===i.key&&i.stopPropagation()},this.filterAfterType="",this.filterModified=!1,this.objects=[],this.selectedObjectsIds=[],this.multiSelection=!0,this.patternValue=void 0,this.types=void 0,this.defaultType=void 0,this.categories=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.selectModuleCallback=void 0,this.cancelCallback=void 0,this.loadCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0}async componentWillLoad(){this._componentLocale=await o.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getObjects()}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}async validate(){return!0}render(){return e(l,{class:"gx-ide-component",onKeyPress:this.hostKeyPressHandler},e("div",{class:"gx-ide-main-wrapper"},this.renderFilter(),this.renderObjects(),e("gxg-container",{displayBorderTop:!0},e("div",{class:"grid objects-count"},e("gxg-text",{class:"align-end",part:"objects-selected"},`${this.selectedObjectsIds.length} ${this._componentLocale.objCount.selected}`),e("gxg-text",{class:"align-end",part:"objects-matching"},`${this.objects.length} ${this._componentLocale.objCount.matching}`))),e("gxg-container",{displayBorderTop:!0},e("div",{class:"grid actions"},e("div",null,e("gxg-button",{id:"button-select-all",type:"primary-text-only",onClick:this.selectAll,part:"gxg-button gxg-button--select-all"},this._componentLocale.footer.btnSelectAll),e("gxg-button",{id:"button-new",type:"primary-text-only",onClick:this.newObjectCallbackHandle,part:"gxg-button gxg-button--new"},this._componentLocale.footer.btnNew)),e("div",null,e("gxg-button",{id:"button-ok",type:"primary-text-only",onClick:this.openSelectionCallbackHandler,part:"gxg-button gxg-button--ok"},this._componentLocale.footer.btnConfirm),e("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancelCallbackHandle,part:"gxg-button gxg-button--cancel"},this._componentLocale.footer.btnCancel))))))}static get assetsDirs(){return["gx-ide-assets/object-selector"]}get el(){return s(this)}};h.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)}.filter-grid{grid-template-columns:repeat(2, 1fr)}.filter-grid *:nth-child(5){grid-area:3/1/4/3}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}.actions{grid-template-columns:repeat(2, 1fr)}.actions>*{display:flex;flex-direction:row;gap:var(--gx-ide-grid-row-gap)}.actions>*:nth-child(2){justify-content:flex-end}";export{h as gx_ide_object_selector}

package/dist/types/components/application-declaration/bpm-app-declaration.d.ts

@@ -0,0 +1,85 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest";
+export declare class GxIdeBpmAppDeclaration {
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  /**
+   * The state of the actual application. Used to add a new 'Relevant data' option on 'selectMappingCallback', and update the application with the new option
+   */
+  private applicationState;
+  el: HTMLGxIdeBpmAppDeclarationElement;
+  private applicationSuggestEl;
+  /**
+   * Possible suggestions for the applications
+   */
+  suggestedApplications: SuggestData;
+  /**
+   * Current application value
+   */
+  application: ApplicationDeclarationData;
+  watchApplicationHandler(newApplication: ApplicationDeclarationData): void;
+  /**
+   * Callback invoked to get options for application input suggest
+   */
+  readonly suggestApplicationsCallback: SuggestApplicationsCallback;
+  /**
+   * Callback invoked to get access to selection application dialog
+   */
+  readonly selectApplicationCallback: SelectApplicationCallback;
+  /**
+   * Callback invoked when user press mapping auto-def button
+   */
+  readonly selectMappingCallback: SelectMappingCallback;
+  /**
+   * Callback invoked when user confirms application declaration
+   */
+  readonly confirmCallback: ConfirmCallback;
+  /**
+   * Callback invoked when user cancels application declaration
+   */
+  readonly cancelCallback: CancelCallback;
+  /**
+   * Callback invoked when user select one of the options provided by the suggest
+   */
+  readonly getDataMappingCallback: GetDataMappingCallback;
+  /**
+   * @description Gets fired when the component has rendered for the first time.
+   */
+  componentDidRenderEvent: EventEmitter<string>;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): Promise<void>;
+  componentDidRender(): void;
+  private listenApplicationSelected;
+  private applicationSuggestValueChangedHandler;
+  private getDataMappingCallbackHandler;
+  private selectApplicationCallbackHandler;
+  private confirmCallbackHandler;
+  private cancelCallbackHandler;
+  private selectMappingCallbackHandler;
+  private dataOptionsToComboItems;
+  private clearApplicationHandler;
+  private renderDataMappingsGrid;
+  render(): any;
+}
+export type ApplicationDeclarationData = {
+  application?: ApplicationData;
+  mappings: DataMappingData[];
+};
+export type ApplicationData = {
+  name: string;
+  typeIcon: string;
+};
+export type DataMappingData = {
+  parameter: string;
+  access: "in" | "out" | "in-out";
+  relevantDataOptions: string[];
+  relevantData?: string;
+};
+export type SuggestApplicationsCallback = (prefix: string) => Promise<string[] | undefined>;
+export type SelectApplicationCallback = () => Promise<ApplicationDeclarationData | undefined>;
+export type SelectMappingCallback = (parameter: string) => Promise<string>;
+export type ConfirmCallback = (data: ApplicationDeclarationData) => Promise<void>;
+export type CancelCallback = () => Promise<void>;
+export type GetDataMappingCallback = (applicationName: string) => Promise<ApplicationDeclarationData>;

package/dist/types/components/application-declaration/helpers.d.ts

@@ -0,0 +1,5 @@
+import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/ch-suggest";
+/**
+ * @description This function converts string[] to SuggestItemData[]
+ */
+export declare const convertSuggestedApplicationsToSuggestItems: (suggestedApplications: string[]) => SuggestData;

package/dist/types/components.d.ts

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { ApplicationDeclarationData, CancelCallback, ConfirmCallback, GetDataMappingCallback, SelectApplicationCallback, SelectMappingCallback, SuggestApplicationsCallback } from "./components/application-declaration/bpm-app-declaration";
 import { AlignItems, FooterJustify, HeadingJustify, JustifyContent, SectionsPadding } from "./components/container/container";
 import { TitleAlignment } from "@genexus/gemini/dist/types/common/types";
 import { ConnectionResultData, CreateKBData, GXServerConnectionData } from "./components/create-kb-from-server/create-kb-from-server";
@@ -13,20 +14,50 @@ import { DirectorySelectorLabels, LabelPosition } from "./components/directory-s
 import { EntitySelectorLabels } from "./components/entity-selector/entity-selector";
 import { LabelPosition as LabelPosition1 } from "./components/directory-selector/directory-selector";
 import { ItemData } from "./components/list-selector/list-selector-item/list-selector-item";
-import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
-import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, GetDataSourcesCallback, GetFrontEndsCallback, SelectLocationCallback } from "./components/new-kb/new-kb";
-import { CancelCallback as CancelCallback2, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
-import { CancelCallback as CancelCallback3, LoadCallback, NewObjectCallback, ObjectType, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback1 } from "./components/object-selector/object-selector";
+import { CancelCallback as CancelCallback1, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
+import { CancelCallback as CancelCallback2, CreateCallback as CreateCallback1, GetDataSourcesCallback, GetFrontEndsCallback, SelectLocationCallback } from "./components/new-kb/new-kb";
+import { CancelCallback as CancelCallback3, CreateCallback as CreateCallback2, NewObjectData, SelectModuleCallback, TypeCategoryData, ValidateNameCallback } from "./components/new-object/new-object";
+import { CancelCallback as CancelCallback4, LoadCallback, NewObjectCallback, ObjectType, OpenSelectionCallback, SelectModuleCallback as SelectModuleCallback1 } from "./components/object-selector/object-selector";
 import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { CreateKBCallback } from "./components/share-kb/share-kb";
 import { CommitCallback, CommitSelectCallback, GetRecentComment, LoadCallback as LoadCallback1, ObjectsContextMenuCallback, PendingItemsCheckedCallback } from "./components/team-dev-commit/team-dev-commit";
 import { cancelCallback, confirmCallback } from "./components/team-dev-select-recent-comment/team-dev-select-recent-comment";
-import { ConfirmCallback, GridContextMenuCallback, LoadCallback as LoadCallback2, ObjectsContextMenuCallback as ObjectsContextMenuCallback1, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateCallback, UpdateFromData, UpdateSelectCallback } from "./components/team-dev-update/team-dev-update";
-import { AddCallback, CancelCallback as CancelCallback4, ConfirmCallback as ConfirmCallback1, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
+import { ConfirmCallback as ConfirmCallback1, GridContextMenuCallback, LoadCallback as LoadCallback2, ObjectsContextMenuCallback as ObjectsContextMenuCallback1, PendingItemsCheckedCallback as PendingItemsCheckedCallback1, UpdateCallback, UpdateFromData, UpdateSelectCallback } from "./components/team-dev-update/team-dev-update";
+import { AddCallback, CancelCallback as CancelCallback5, ConfirmCallback as ConfirmCallback2, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
 import { cancelCallbackFn, confirmCallbackFn } from "./components/team-dev-update-to-revision/team-dev-update-to-revision";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 import { ContextMenuCallback, DeleteSelectionCallback, LoadCallback as LoadCallback3, LoadImageItemsCallback, NewObjectCallback as NewObjectCallback1, OpenSelectionCallback as OpenSelectionCallback1, SelectionObjectCallback, SelectModuleCallback as SelectModuleCallback2 } from "./components/ww-images/ww-images";
 export namespace Components {
+    interface GxIdeBpmAppDeclaration {
+        /**
+          * Current application value
+         */
+        "application": ApplicationDeclarationData;
+        /**
+          * Callback invoked when user cancels application declaration
+         */
+        "cancelCallback": CancelCallback;
+        /**
+          * Callback invoked when user confirms application declaration
+         */
+        "confirmCallback": ConfirmCallback;
+        /**
+          * Callback invoked when user select one of the options provided by the suggest
+         */
+        "getDataMappingCallback": GetDataMappingCallback;
+        /**
+          * Callback invoked to get access to selection application dialog
+         */
+        "selectApplicationCallback": SelectApplicationCallback;
+        /**
+          * Callback invoked when user press mapping auto-def button
+         */
+        "selectMappingCallback": SelectMappingCallback;
+        /**
+          * Callback invoked to get options for application input suggest
+         */
+        "suggestApplicationsCallback": SuggestApplicationsCallback;
+    }
     interface GxIdeContainer {
         /**
           * Align items
@@ -806,6 +837,10 @@ export namespace Components {
         "validate": () => Promise<boolean>;
     }
 }
+export interface GxIdeBpmAppDeclarationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeBpmAppDeclarationElement;
+}
 export interface GxIdeCreateKbFromServerCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeCreateKbFromServerElement;
@@ -871,6 +906,12 @@ export interface GxIdeWwImagesCustomEvent<T> extends CustomEvent<T> {
     target: HTMLGxIdeWwImagesElement;
 }
 declare global {
+    interface HTMLGxIdeBpmAppDeclarationElement extends Components.GxIdeBpmAppDeclaration, HTMLStencilElement {
+    }
+    var HTMLGxIdeBpmAppDeclarationElement: {
+        prototype: HTMLGxIdeBpmAppDeclarationElement;
+        new (): HTMLGxIdeBpmAppDeclarationElement;
+    };
     interface HTMLGxIdeContainerElement extends Components.GxIdeContainer, HTMLStencilElement {
     }
     var HTMLGxIdeContainerElement: {
@@ -998,6 +1039,7 @@ declare global {
         new (): HTMLGxIdeWwImagesElement;
     };
     interface HTMLElementTagNameMap {
+        "gx-ide-bpm-app-declaration": HTMLGxIdeBpmAppDeclarationElement;
         "gx-ide-container": HTMLGxIdeContainerElement;
         "gx-ide-create-kb-from-server": HTMLGxIdeCreateKbFromServerElement;
         "gx-ide-directory-selector": HTMLGxIdeDirectorySelectorElement;
@@ -1022,6 +1064,40 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface GxIdeBpmAppDeclaration {
+        /**
+          * Current application value
+         */
+        "application"?: ApplicationDeclarationData;
+        /**
+          * Callback invoked when user cancels application declaration
+         */
+        "cancelCallback"?: CancelCallback;
+        /**
+          * Callback invoked when user confirms application declaration
+         */
+        "confirmCallback"?: ConfirmCallback;
+        /**
+          * Callback invoked when user select one of the options provided by the suggest
+         */
+        "getDataMappingCallback"?: GetDataMappingCallback;
+        /**
+          * @description Gets fired when the component has rendered for the first time.
+         */
+        "onComponentDidRenderEvent"?: (event: GxIdeBpmAppDeclarationCustomEvent<string>) => void;
+        /**
+          * Callback invoked to get access to selection application dialog
+         */
+        "selectApplicationCallback"?: SelectApplicationCallback;
+        /**
+          * Callback invoked when user press mapping auto-def button
+         */
+        "selectMappingCallback"?: SelectMappingCallback;
+        /**
+          * Callback invoked to get options for application input suggest
+         */
+        "suggestApplicationsCallback"?: SuggestApplicationsCallback;
+    }
     interface GxIdeContainer {
         /**
           * Align items
@@ -1861,6 +1937,7 @@ declare namespace LocalJSX {
         "types": GxOption[];
     }
     interface IntrinsicElements {
+        "gx-ide-bpm-app-declaration": GxIdeBpmAppDeclaration;
         "gx-ide-container": GxIdeContainer;
         "gx-ide-create-kb-from-server": GxIdeCreateKbFromServer;
         "gx-ide-directory-selector": GxIdeDirectorySelector;
@@ -1888,6 +1965,7 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "gx-ide-bpm-app-declaration": LocalJSX.GxIdeBpmAppDeclaration & JSXBase.HTMLAttributes<HTMLGxIdeBpmAppDeclarationElement>;
             "gx-ide-container": LocalJSX.GxIdeContainer & JSXBase.HTMLAttributes<HTMLGxIdeContainerElement>;
             "gx-ide-create-kb-from-server": LocalJSX.GxIdeCreateKbFromServer & JSXBase.HTMLAttributes<HTMLGxIdeCreateKbFromServerElement>;
             "gx-ide-directory-selector": LocalJSX.GxIdeDirectorySelector & JSXBase.HTMLAttributes<HTMLGxIdeDirectorySelectorElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

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

@@ -1 +0,0 @@
-import{h as e,r as t,c as i,H as r,g as o}from"./p-976c3a09.js";import{L as s}from"./p-26957490.js";import{u as a,r as n}from"./p-71ecc7fd.js";const d=t=>e("gxg-icon",{color:"auto",type:t,slot:"icon"}),l=e=>{const t=[];if(!e)return t;const i=e=>{var t;const r={description:e.description,lazy:e.hasChildren,icon:e.icon,id:e.id,label:e.name};return(null===(t=e.items)||void 0===t?void 0:t.length)>0&&(r.items=e.items.map((e=>i(e)))),r};return e.forEach((e=>{t.push(i(e))})),t},g=class{constructor(e){t(this,e),this.componentDidRenderEvent=i(this,"componentDidRenderEvent",7),this.referencesMessagesMaxWidth="200px",this.selectorCategoryData=[],this.attachSelectObjectListener=()=>{this.selectObjectSuggestEl.addEventListener("itemSelected",(e=>{this.selectedObject=this.selectorCategoryData[e.detail.indexes.listIndex].items[e.detail.indexes.itemIndex]}))},this.selectObjectValueChangedHandler=async e=>{this.selectorSourceCallback(e.detail).then((e=>{this.selectorCategoryData=e,this.objectsSuggestions=(e=>{const t={suggestItems:null,suggestLists:[]};return e.length&&e.forEach((e=>{const i={label:e.name,items:[]};e.items.forEach((e=>{i.items.push({value:e.id,description:e.description,icon:e.icon})})),t.suggestLists.push(i)})),t})(e)})).catch((()=>{}))},this.openObjectCallbackHandler=async()=>{this.openObjectCallback(this.selectedObject.id)},this.openSelectorDialogCallbackHandler=async()=>{this.openSelectorDialogCallback().then((e=>{this.selectedObject=e})).catch((()=>{}))},this.evaluateInitialReferenceData=()=>{this.selectedObject&&this.selectedObjectHandler(this.selectedObject)},this.loadReferencesHandler=async(e,t=!1)=>{this.loadReferencesCallback&&(t||this.loadReferencesCallback(e,!1).then((e=>{this.referencedByTreeData=l(e)})).catch((()=>{})),t&&this.loadReferencesCallback(e,!0).then((e=>{this.referencesToTreeData=l(e)})).catch((()=>{})))},this.hideBarButtonClickedHandler=()=>{this.barHidden=!this.barHidden},this.getRef=(e=!1)=>e?this.referencesToTreeData:this.referencedByTreeData,this.updateRef=(e=!1,t)=>{e?this.referencesToTreeData=t:this.referencedByTreeData=t},this.referencesPanelStateChangedHandler=(e=!1)=>t=>{const i=t.detail.emittedBy,r=t.detail.itemData,o=t.detail.itemData.id,s=t.detail.itemData.label;"selectionChanged"===i&&this.selectReferenceCallback(o),"doubleClicked"===i&&this.openObjectCallback(o);let n=[];if(r.lazy){let t=[];this.loadReferencesCallback(o,e).then((i=>{t=l(i),n=a(this.getRef(e),{id:o,label:s,items:t},o),this.updateRef(e,n)})).catch((()=>{}))}else n=a(this.getRef(e),r,o),this.updateRef(e,n)},this.referencedByTreeData=void 0,this.referencesToTreeData=void 0,this.barHidden=!1,this.objectsSuggestions=void 0,this.referencedBy=void 0,this.referencesTo=void 0,this.selectedObject=void 0,this.selectorSourceCallback=void 0,this.loadReferencesCallback=void 0,this.openObjectCallback=void 0,this.openSelectorDialogCallback=void 0,this.selectReferenceCallback=void 0}selectedObjectHandler(e){e.id&&(this.loadReferencesHandler(e.id,!1),this.loadReferencesHandler(e.id,!0))}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.evaluateInitialReferenceData()}componentDidLoad(){this.attachSelectObjectListener()}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){var t,i,o,s,a,l,g;return e(r,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper"},e("gx-ide-container",{displayBorderBottom:!0},e("header",{class:"header"},e("div",{class:"header__top grid"},e("gxg-button",{icon:"navigation/arrow-down",type:"secondary-icon-only",class:"hide-bar-button",onClick:this.hideBarButtonClickedHandler,part:"toggle-bar-button"}),e("gxg-label",{labelPosition:"start",class:"suggest-label",part:"select-object-label"},this._componentLocale.header.selectObject),e("gxg-suggest",null,e("ch-suggest",{value:this.selectedObject.name,onValueChanged:this.selectObjectValueChangedHandler,ref:e=>this.selectObjectSuggestEl=e,part:"object-selector-suggest",exportparts:"dropdown:select-object-dropdown"},(null==(g=this.objectsSuggestions)?void 0:g.suggestLists.length)?g.suggestLists.map((t=>e("ch-suggest-list",{label:t.label},t.items.map((t=>{return e("ch-suggest-list-item",{value:(i=t).value},[i.description||i.value,i.icon&&d(i.icon)]);var i}))))):[])),e("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/show-more-horizontal",onClick:this.openSelectorDialogCallbackHandler,class:"selector-dialog-button",part:"open-selector-dialog-button"})),e("div",{class:{header__bottom:!0,"header__bottom--hidden":this.barHidden}},e("div",{class:"outer-wrapper"},e("div",{class:"inner-wrapper"},e("div",{class:"inner-wrapper__left"},e("gxg-icon",{type:this.selectedObject.icon,color:"auto"}),e("gxg-text",{padding:"s",type:"text-link",part:"open-object-text-link",onClick:this.openObjectCallbackHandler},`${this.selectedObject.name} : ${this.selectedObject.description}`)),e("div",{class:"inner-wrapper__right gxi-hidden"},e("gxg-form-checkbox",{id:"references-by-type",label:"Group references by type",required:!0,"display-validation-styles":!0,part:"references-type-checkbox"}))))))),e("main",{class:"main grid gxi-full-height gxi-overflow-auto"},e("gx-ide-container",{containerTitle:this._componentLocale.main.isReferencedBy,fullHeight:!0,noContentPadding:!0,class:"gxi-overflow-auto",part:"referenced-by-container"},e("gxg-tree",{class:{"gxi-hidden":!(null===(t=this.referencedByTreeData)||void 0===t?void 0:t.length)},checkbox:!1,onTreeItemStateChanged:this.referencesPanelStateChangedHandler(!1),part:"referenced-by-tree"},n(this.referencedByTreeData)),!(null===(i=this.referencedByTreeData)||void 0===i?void 0:i.length)&&e("gxg-text",{textAlign:"center",padding:"m",type:"text-regular",maxWidth:this.referencesMessagesMaxWidth,part:"referenced-by-text"},0===(null===(o=this.referencedByTreeData)||void 0===o?void 0:o.length)?this._componentLocale.main.isReferencedByEmpty:this._componentLocale.main.isReferencedByError)),e("gx-ide-container",{containerTitle:this._componentLocale.main.hasReferencesTo,fullHeight:!0,noContentPadding:!0,class:"gxi-overflow-auto",part:"references-to-container"},e("gxg-tree",{class:{"gxi-hidden":!(null===(s=this.referencesToTreeData)||void 0===s?void 0:s.length)},checkbox:!1,onTreeItemStateChanged:this.referencesPanelStateChangedHandler(!0),part:"references-to-tree"},n(this.referencesToTreeData)),!(null===(a=this.referencesToTreeData)||void 0===a?void 0:a.length)&&e("gxg-text",{textAlign:"center",padding:"m",type:"text-regular",maxWidth:this.referencesMessagesMaxWidth,part:"references-to-text"},0===(null===(l=this.referencesToTreeData)||void 0===l?void 0:l.length)?this._componentLocale.main.hasReferencesEmpty:this._componentLocale.main.hasReferencesToError)))))}static get assetsDirs(){return["gx-ide-assets/references"]}get el(){return o(this)}static get watchers(){return{selectedObject:["selectedObjectHandler"]}}};g.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}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:"hide-bar-button suggest-label gxg-suggest selector-dialog-button"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--gx-ide-timing-super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"is-referenced has-references";height:100%;gap:0}.main>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.main .is-referenced{grid-area:is-referenced}.main .has-references{grid-area:has-references}';export{g as gx_ide_references}