@genexus/genexus-ide-ui 0.0.23 → 0.0.24

package/dist/genexus-ide-ui/p-5c64c57f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as n}from"./p-976c3a09.js";import{C as h}from"./p-87e8eb72.js";const o=class{constructor(s){t(this,s),this.windowOpened=i(this,"windowOpened",7),this.windowClosed=i(this,"windowClosed",7),this.isContainerCssOverride=!1,this.relativeWindow=!1,this.validCssAligns=["outside-start","inside-start","center","inside-end","outside-end"],this.draggedX=0,this.draggedY=0,this.xAlign="center",this.yAlign="center",this.hidden=!0,this.modal=!0,this.caption="",this.allowDrag="no",this.showFooter=!0,this.showHeader=!0,this.mousemoveHandler=t=>{const i=this.draggedY+t.clientY-this.dragStartY;this.window.style.setProperty("--ch-window-x-drag",this.draggedX+t.clientX-this.dragStartX+"px"),this.window.style.setProperty("--ch-window-y-drag",`${i}px`)},this.mouseupHandler=()=>{document.removeEventListener("mousemove",this.mousemoveHandler),this.draggedX=parseInt(this.window.style.getPropertyValue("--ch-window-x-drag")),this.draggedY=parseInt(this.window.style.getPropertyValue("--ch-window-y-drag"))},this.maskClickHandler=t=>{t.stopPropagation()},this.updatePosition=()=>{if(!this.isContainerCssOverride&&this.container&&this.mask){const t=this.container.getBoundingClientRect();if(this.mask.style.width=`${t.width}px`,this.mask.style.height=`${t.height}px`,this.relativeWindow)return;this.mask.style.setProperty("--ch-window-inset-inline-start",`${t.left}px`),this.mask.style.setProperty("--ch-window-inset-block-start",`${t.top}px`)}else if(this.isContainerCssOverride||!this.container){if(this.mask.style.removeProperty("width"),this.mask.style.removeProperty("height"),this.relativeWindow)return;this.mask.style.removeProperty("--ch-window-inset-inline-start"),this.mask.style.removeProperty("--ch-window-inset-block-start")}},this.windowResizeHandler=()=>{this.updatePosition(),this.watchCSSAlign()},this.windowScrollHandler=()=>{this.updatePosition()},this.closeOnOutsideClickHandler=t=>{t.composedPath().includes(this.window)||(this.hidden=!0)},this.closeOnEscapeHandler=t=>{"Escape"===t.key&&(this.hidden=!0)}}containerHandler(t,i){this.checkRelativePosition(),this.containerResizeObserverHandler(t,i),this.updatePosition()}hiddenHandler(){this.hidden?(this.resetDrag(),this.removeListeners(),this.windowClosed.emit()):(this.checkRelativePosition(),this.updatePosition(),this.watchCSSAlign(),this.addListeners(),this.windowOpened.emit())}componentWillLoad(){this.containerResizeObserver=new ResizeObserver(this.updatePosition),this.containerResizeObserverHandler(this.container),this.watchCSSAlign(),this.loadGlobalStyleSheet()}mousedownHandler(t){this.isDraggable(t.composedPath())&&(this.dragStartX=t.clientX,this.dragStartY=t.clientY,document.addEventListener("mousemove",this.mousemoveHandler,{passive:!0}),document.addEventListener("mouseup",this.mouseupHandler,{once:!0}))}windowCloseClickedHandler(){this.hidden=!0}checkRelativePosition(){const t=getComputedStyle(this.el);this.relativeWindow=!!t.getPropertyValue("--ch-window-relative-position")}resetDrag(){this.dragStartX=void 0,this.dragStartY=void 0,this.draggedX=0,this.draggedY=0,this.window.style.removeProperty("--ch-window-x-drag"),this.window.style.removeProperty("--ch-window-y-drag")}isDraggable(t){return"no"!==this.allowDrag&&("header"===this.allowDrag&&t.includes(this.header)||"box"===this.allowDrag&&t.includes(this.window))}watchCSSAlign(){const t=getComputedStyle(this.el),i=t.getPropertyValue("--ch-window-container").trim(),s=t.getPropertyValue("--ch-window-align-x").trim(),e=t.getPropertyValue("--ch-window-align-y").trim();this.isContainerCssOverride=i.includes("window"),this.validCssAligns.includes(s)&&(this.xAlign=s),this.validCssAligns.includes(e)&&(this.yAlign=e)}containerResizeObserverHandler(t,i){t&&this.containerResizeObserver.observe(t),i&&this.containerResizeObserver.unobserve(i)}addListeners(){window.addEventListener("resize",this.windowResizeHandler,{passive:!0}),this.container&&document.addEventListener("scroll",this.windowScrollHandler,{capture:!0,passive:!0}),this.closeOnOutsideClick&&document.addEventListener("click",this.closeOnOutsideClickHandler,{capture:!0}),this.closeOnEscape&&document.addEventListener("keydown",this.closeOnEscapeHandler,{capture:!0})}removeListeners(){window.removeEventListener("resize",this.windowResizeHandler),document.removeEventListener("scroll",this.windowScrollHandler,{capture:!0}),document.removeEventListener("click",this.closeOnOutsideClickHandler,{capture:!0}),document.removeEventListener("keydown",this.closeOnEscapeHandler,{capture:!0})}loadGlobalStyleSheet(){this.el.shadowRoot.adoptedStyleSheets.push(h)}render(){return s(e,null,s("div",{class:"mask",part:"mask",style:this.relativeWindow&&{"--ch-window-inset-inline-start":"0px","--ch-window-inset-block-start":"0px"},ref:t=>this.mask=t,onClick:this.maskClickHandler},s("section",{class:"window",part:"window",ref:t=>this.window=t},this.showHeader&&s("header",{part:"header",ref:t=>this.header=t},s("slot",{name:"header"},s("span",{part:"caption"},this.caption),s("ch-window-close",{part:"close",title:this.closeTooltip},this.closeText))),s("div",{part:"main"},s("slot",null)),this.showFooter&&s("footer",{part:"footer"},s("slot",{name:"footer"})))))}get el(){return n(this)}static get watchers(){return{container:["containerHandler"],hidden:["hiddenHandler"]}}};o.style=':host{--ch-window-offset-x:0px;--ch-window-offset-y:0px;--ch-window-x-outside:0px;--ch-window-y-outside:0px}:host(:not([hidden])){display:contents}:host(:is(:not([modal]),[modal="false"])) .mask{pointer-events:none}.window{pointer-events:all}.mask{display:flex;position:fixed;inset:0;inset-inline-start:calc( var(--ch-window-inset-inline-start) + var(--ch-window-offset-x) );inset-block-start:calc( var(--ch-window-inset-block-start) + var(--ch-window-offset-y) );z-index:var(--ch-window-mask-z-index, 1000)}:host(:is([x-align="outside-start"],[x-align="inside-start"])) .mask{justify-content:flex-start}:host([x-align=center]) .mask{justify-content:center}:host(:is([x-align="outside-end"],[x-align="inside-end"])) .mask{justify-content:flex-end}:host(:is([y-align="outside-start"],[y-align="inside-start"])) .mask{align-items:flex-start}:host([y-align=center]) .mask{align-items:center}:host(:is([y-align="outside-end"],[y-align="inside-end"])) .mask{align-items:flex-end}.window{display:flex;flex-direction:column;transform:translate(var(--ch-window-x-outside), var(--ch-window-y-outside)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px))}:host([x-align=outside-start]) .window{--ch-window-x-outside:-100%}:host([x-align=outside-end]) .window{--ch-window-x-outside:100%}:host([y-align=outside-start]) .window{--ch-window-y-outside:-100%}:host([y-align=outside-end]) .window{--ch-window-y-outside:100%}';const d=class{constructor(s){t(this,s),this.windowCloseClicked=i(this,"windowCloseClicked",7)}pressedHandler(t){t.key&&"Enter"!==t.key&&" "!==t.key||(this.windowCloseClicked.emit(),t.stopPropagation())}render(){return s(e,{role:"button",tabindex:"0",disabled:this.disabled})}};d.style="";export{o as ch_window,d as ch_window_close}

package/dist/genexus-ide-ui/p-5ff04ebe.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as o}from"./p-976c3a09.js";const s=class{constructor(o){t(this,o),this.displayedItemsCount=-1,this.buttonLabel="Show options",this.expandBehavior="ClickOrHover",this.itemsOverflowBehavior="ResponsiveCollapse",this.openOnFocus=!1,this.moreActionsDropdownPosition="InsideStart_OutsideEnd",this.separation=0,this.renderItem=t=>i("ch-dropdown-item",{slot:"items",id:t.id,class:t.class,expandBehavior:this.expandBehavior,href:t.target,leftImgSrc:t.leftIcon,openOnFocus:this.openOnFocus,position:t.position||"OutsideEnd_InsideStart",rightImgSrc:t.rightIcon},t.title,null!=t.items&&t.items.map(this.renderItem)),this.firstLevelRenderItem=(t,o)=>i("ch-dropdown-item",{id:t.id,class:t.class,expandBehavior:this.expandBehavior,forceContainingBlock:!1,href:t.target,leftImgSrc:t.leftIcon,openOnFocus:this.openOnFocus,position:t.position||"Center_OutsideEnd",rightImgSrc:t.rightIcon},t.title,"ResponsiveCollapse"===this.itemsOverflowBehavior&&(-1===this.displayedItemsCount||o<this.displayedItemsCount)&&null!=t.items&&t.items.map(this.renderItem)),this.firstLevelRenderCollapsedItem=t=>i("ch-dropdown-item",{id:t.id,class:t.class,expandBehavior:this.expandBehavior,href:t.target,leftImgSrc:t.leftIcon,openOnFocus:this.openOnFocus,position:t.responsiveCollapsePosition||"OutsideEnd_InsideStart",rightImgSrc:t.rightIcon},t.title,null!=t.items&&t.items.map(this.renderItem)),this.handleDisplayedItemsCountChange=t=>{this.displayedItemsCount=t.detail}}render(){return i(o,null,i("ch-action-group",{buttonLabel:this.buttonLabel,class:"action-group",expandBehavior:this.expandBehavior,itemsOverflowBehavior:this.itemsOverflowBehavior,openOnFocus:this.openOnFocus,moreActionsDropdownPosition:this.moreActionsDropdownPosition,onDisplayedItemsCountChange:this.handleDisplayedItemsCountChange},null!=this.itemsModel&&this.itemsModel.map(((t,o)=>i("ch-action-group-item",{slot:"items"},this.firstLevelRenderItem(t,o)))),"ResponsiveCollapse"===this.itemsOverflowBehavior&&null!=this.itemsModel&&this.itemsModel.filter(((t,i)=>-1!==this.displayedItemsCount&&i>=this.displayedItemsCount)).map((t=>i("ch-action-group-item",{slot:"more-items",avoidFloating:!0},this.firstLevelRenderCollapsedItem(t))))))}};s.style="ch-test-action-group{display:flex;border:2px dashed #00000080;resize:both;overflow:auto;width:500px}.action-group{padding:20px;margin:20px;background-color:#ffffff;border:1px solid}.action-group::part(actions){gap:12px}.action-group::part(more-actions-button){border-radius:50%;width:fit-content;height:fit-content;color:#313aa1;align-self:center;margin-inline-end:8px}.dropdown-item::part(action){--separation:8px;background-color:#f3d0c3;border-radius:4px;padding-inline:16px;padding-block:8px}.dropdown-item::part(action):focus-within{outline:1px solid}.dropdown-item::part(action):hover{background-color:#d3b1a4}.action-group::part(more-actions-list),.dropdown-item::part(list){row-gap:8px;margin-block:8px}.action-group::part(more-actions-section),.dropdown-item::part(section){background-color:#edeaff;padding:8px;box-shadow:0 4px 8px 1px #22222220}";export{s as ch_test_action_group}

package/dist/genexus-ide-ui/p-9c82381c.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t,H as i}from"./p-976c3a09.js";const n=class{constructor(i){o(this,i),this.buttonLabel="Show options",this.expandBehavior="ClickOrHover",this.openOnFocus=!1,this.position="Center_OutsideEnd",this.separation=0,this.renderItem=o=>[t("ch-dropdown-item",{slot:"items",id:o.id,class:o.class,expandBehavior:this.expandBehavior,href:o.target,leftImgSrc:o.leftIcon,openOnFocus:this.openOnFocus,position:"OutsideEnd_InsideStart",rightImgSrc:o.rightIcon},o.title,null!=o.items&&o.items.map(this.renderItem)),o.showSeparator&&t("ch-dropdown-item-separator",{class:o.separatorClass})]}render(){return t(i,null,t("ch-dropdown",{buttonLabel:this.buttonLabel,class:"dropdown",expandBehavior:this.expandBehavior,openOnFocus:this.openOnFocus,position:this.position,style:{"--separation":`${this.separation}px`}},t("span",{slot:"action"},"User info"),t("div",{slot:"header"},t("h1",null,"John Doe"),t("span",null,"johndoe@example.com")),null!=this.itemsModel&&this.itemsModel.map(this.renderItem),t("div",{slot:"footer"},"Footer")))}};n.style=".dropdown::part(expandable-button){background-color:aliceblue;border:1px solid;border-radius:4px;padding-block:4px;padding-inline:16px}.dropdown::part(expandable-button):focus{box-shadow:0 0 0 1px black}.dropdown-item::part(action){--separation:8px;background-color:#f3d0c3;border-radius:4px;padding-inline:16px;padding-block:8px}.dropdown-item::part(action):focus-within{outline:1px solid}.dropdown-item::part(action):hover{background-color:#d3b1a4}.dropdown::part(section),.dropdown-item::part(section){background-color:#edeaff;padding:8px;box-shadow:0 4px 8px 1px #22222220}.dropdown::part(list),.dropdown-item::part(list){row-gap:8px;margin-block:8px}";export{n as ch_test_dropdown}

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

@@ -0,0 +1 @@
+import{r as i,c as t,h as e,H as o,g as a}from"./p-976c3a09.js";import{L as l}from"./p-26957490.js";import{f as s,r}from"./p-72303355.js";const n=class{constructor(o){i(this,o),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.loadDataCalledFirstTime=!1,this.markAllPendingCommitsRows=()=>{this.chGridPendingCommitsEl.markAllRows()},this.togglePendingCommitsCheckboxes=async i=>{if(this.chGridPendingCommitsEl){const t=i.itemsToCheck,e=i.itemsToUncheck;for(const i of t)await this.chGridPendingCommitsEl.markRow(i,!0);for(const i of e)await this.chGridPendingCommitsEl.markRow(i,!1)}},this.revertPendingCommitsCheckboxes=async(i,t)=>{if(this.chGridPendingCommitsEl){for(const t of i)await this.chGridPendingCommitsEl.markRow(t,!1);for(const i of t)await this.chGridPendingCommitsEl.markRow(i,!0)}},this.renderIconState=i=>{let t,o;switch(i){case"inserted":t="gx-server/new",o="success";break;case"modified":t="gx-server/changes-commit-pending",o="primary-active";break;case"deleted":t="gx-server/delete",o="error";break;case"conflicted":t="gx-server/conflict",o="warning"}return e("gxg-icon",{type:t,color:o})},this.pendingCommitsRowMarkingChangedHandler=async i=>{if(this.chGridPendingCommitsEl.removeEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler),this.chGridPendingCommitsEl){const t=i.detail.addedRowsId,e=i.detail.removedRowsId,o=await this.pendingItemCheckedCallback({itemsChecked:t,itemsUnchecked:e});void 0===o?await this.revertPendingCommitsCheckboxes(t,e):await this.togglePendingCommitsCheckboxes(o),this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler)}},this.gridOnContextMenuCallbackHandler=i=>async t=>{t.preventDefault(),t.stopPropagation(),this.gridContextMenuCallback&&await this.gridContextMenuCallback(i,t.detail)},this.gridOnSelectionChangedCallbackHandler=i=>async t=>{this.selectCallback&&await this.selectCallback(i,t.detail.rowsId)},this.renderPendingCommitsGrid=()=>e("gxg-grid",null,e("ch-grid",{rowSelectionMode:"multiple",ref:i=>this.chGridPendingCommitsEl=i,part:"ch-grid-pending-commits",class:"no-border",onRowContextMenu:this.gridOnContextMenuCallbackHandler("commit"),onSelectionChanged:this.gridOnSelectionChangedCallbackHandler("commit")},e("ch-grid-columnset",null,e("ch-grid-column",{columnType:"rich",richRowSelector:!0,richRowSelectorMode:"mark",settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{columnName:"State",settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Name",settingable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Type",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Description",settingable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Modified On",settingable:!1}),e("ch-grid-column",{columnName:"Module",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Local State",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Last Synchronized",settingable:!1,size:"150px"}),e("ch-grid-column",{sortable:!0,columnName:"User",settingable:!1,size:"auto"})),this.pendingCommits.map((i=>e("ch-grid-row",{rowid:i.id},e("ch-grid-cell",{"cell-type":"rich","row-selector":!0}),e("ch-grid-cell",null," ",this.renderIconState(i.state)," "),e("ch-grid-cell",null,e("gxg-icon",{color:"auto",type:i.iconType})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.type," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${s(i.modifiedOn)}`),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.localState," "),e("ch-grid-cell",null,`${s(i.lastSynchronized)}`),e("ch-grid-cell",null," ",i.user," ")))))),this.renderIgnoredObjectsGrid=()=>e("gxg-grid",null,e("ch-grid",{rowSelectionMode:"multiple",part:"ch-grid-pending-commits",onRowContextMenu:this.gridOnContextMenuCallbackHandler("ignored"),onSelectionChanged:this.gridOnSelectionChangedCallbackHandler("ignored")},e("ch-grid-columnset",null,e("ch-grid-column",{columnName:"",settingable:!1}),e("ch-grid-column",{columnName:"TypeIcon",settingable:!1}),e("ch-grid-column",{columnName:"Name",settingable:!1,sortable:!0}),e("ch-grid-column",{columnName:"Type",settingable:!1}),e("ch-grid-column",{columnName:"Description",settingable:!1}),e("ch-grid-column",{columnName:"Modified On",settingable:!1}),e("ch-grid-column",{columnName:"Module",settingable:!1}),e("ch-grid-column",{columnName:"Local State",settingable:!1}),e("ch-grid-column",{columnName:"Last Synchronized",settingable:!1}),e("ch-grid-column",{columnName:"User",settingable:!1})),this.ignoredObjects.map((i=>e("ch-grid-row",{"row-id":i.id,selected:!0},e("ch-grid-cell",null," ",this.renderIconState(i.state)," "),e("ch-grid-cell",null,e("gxg-icon",{color:"auto",type:i.iconType})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.type," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${s(i.modifiedOn)}`),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.localState," "),e("ch-grid-cell",null,`${s(i.lastSynchronized)}`),e("ch-grid-cell",null," ",i.user," ")))))),this.getRecentCommentHandler=async()=>{if(this.getRecentCommentCallback){const i=await this.getRecentCommentCallback();i&&(this.comment=i)}},this.commitCallbackHandler=async()=>{const i=this.commitComment.value;this.chGridPendingCommitsEl.getMarkedRows().then((async t=>{await this.commitCallback(t,i)}))},this.loadData=async()=>{const i={pattern:this.patternEl.value,changeSet:this.changeSetEl.value,folder:this.foldersEl.value,category:this.categoriesEl.value,type:this.typesEl.value};return await this.loadCallback(i).then((async({pending:i,ignored:t})=>{this.pendingCommits=i,this.ignoredObjects=t,this.loadDataCalledFirstTime||(this.loadDataCalledFirstTime=!0)}))},this.toggleFiltersHandler=()=>{this.filtersHidden=!this.filtersHidden},this.filtersHidden=!0,this.comment="",this.pendingCommits=[],this.ignoredObjects=[],this.changeSet=void 0,this.types=void 0,this.folders=void 0,this.categories=void 0,this.getRecentCommentCallback=void 0,this.loadCallback=void 0,this.commitCallback=void 0,this.selectCallback=void 0,this.pendingItemCheckedCallback=void 0,this.gridContextMenuCallback=void 0}async componentWillLoad(){this._componentLocale=await l.getComponentStrings(this.el)}async componentDidLoad(){await this.loadData(),this.componentDidLoadEvent.emit(!0)}async componentDidRender(){this.loadDataCalledFirstTime&&(await this.markAllPendingCommitsRows(),this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler),this.loadDataCalledFirstTime=!1)}async reload(){this.loadData()}render(){return e(o,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},e("gxg-container",null,e("header",{class:"header grid"},e("gxg-form-textarea",{id:"gxg-textarea",height:"100px",label:this._componentLocale.topMenu.commentLabel,value:this.comment,ref:i=>this.commitComment=i,placeholder:this._componentLocale.topMenu.commentPlaceholder}),e("gxg-button",{type:"outlined",part:"location",onClick:this.getRecentCommentHandler},this._componentLocale.topMenu.recentCommentsButton))),e("main",{class:"main"},e("gxg-container",{fieldset:!0,noContentPadding:!!this.filtersHidden},e("div",{class:"grid second-grid"},e("div",{class:"actions-row grid"},e("gxg-form-text",{class:this.filtersHidden?"hidden":null,"disable-filter":!0,label:this._componentLocale.filtersMenu.patternLabel,labelPosition:"start",value:"",ref:i=>this.patternEl=i,"display-validation-styles":!0,"display-validation-message":!0,part:"pattern",onInput:this.loadData}),e("div",{class:"action-buttons",slot:"tab-bar"},e("gxg-button",{onClick:this.toggleFiltersHandler,type:"secondary-icon-only",icon:"patterns/filters",part:"gxg-button gxg-button--show-filter"}),e("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",onClick:this.loadData,part:"gxg-button gxg-button--reload"}))),e("div",{class:"filters-grid grid "+(this.filtersHidden?"hidden":null)},e("div",{class:"first-row grid"},e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.changesetLabel,value:this.changeSet[0].id,ref:i=>this.changeSetEl=i,part:"change-set","display-validation-styles":!0,"display-validation-message":!0,onValueChanged:this.loadData},r(this.changeSet)),e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.typeLabel,value:this.types[0].id,ref:i=>this.typesEl=i,part:"type",onValueChanged:this.loadData},r(this.types))),e("div",{class:"second-row grid"},e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.folderLabel,value:this.folders[0].id,ref:i=>this.foldersEl=i,part:"folder","display-validation-styles":!0,"display-validation-message":!0,onValueChanged:this.loadData},r(this.folders)),e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.categoryLabel,value:this.categories[0].id,ref:i=>this.categoriesEl=i,part:"categories",onValueChanged:this.loadData},r(this.categories)))))),e("gxg-container",null,e("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},e("gxg-tab-bar",{slot:"tab-bar-container"},e("gxg-tab-button",{slot:"tab-bar","tab-label":`${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`,tab:"pending-commits","is-selected":!0}),e("gxg-tab-button",{slot:"tab-bar","tab-label":`${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`,tab:"ignored-objects"})),e("gxg-tab",{tab:"pending-commits","no-padding":!0},this.renderPendingCommitsGrid()),e("gxg-tab",{tab:"ignored-objects","no-padding":!0},this.renderIgnoredObjectsGrid())),e("gxg-button",{slot:"footer",type:"primary-text-only",onClick:this.commitCallbackHandler,part:"commit-button"},this._componentLocale.footer.commitButton)))))}static get assetsDirs(){return["gx-ide-assets/team-dev-commit"]}get el(){return a(this)}};n.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.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}: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}.main-wrapper{width:100%}.gxg-tabs{margin-top:0;box-shadow:none}.header{grid-template-columns:4fr auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";export{n as gx_ide_team_dev_commit}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as e,g as o}from"./p-976c3a09.js";const a={OutsideStart:"outside-start",InsideStart:"inside-start",Center:"center",InsideEnd:"inside-end",OutsideEnd:"outside-end"},n="ch-dropdown-item",r=`:scope > ${n}`,h=class{constructor(s){t(this,s),this.expandedChange=i(this,"expandedChange",7),this.keyEventsDictionary={ArrowDown:t=>{if(t.preventDefault(),!this.currentFocusedItem)return void this.focusFirstDropDownItem();const i=this.findNextDropDownItemSibling();i&&i.handleFocusElement()},ArrowUp:t=>{if(t.preventDefault(),!this.currentFocusedItem)return void this.focusFirstDropDownItem();const i=this.findPreviousDropDownItemSibling();i&&i.handleFocusElement()},Escape:()=>{this.closeDropdown(),this.returnFocusToButton()}},this.showHeader=!1,this.showFooter=!1,this.expanded=!1,this.expandedWithHover=!1,this.buttonLabel="Show options",this.expandBehavior="ClickOrHover",this.nestedDropdown=!1,this.openOnFocus=!1,this.position="Center_OutsideEnd",this.closeDropdown=()=>{this.closeDropdownWithHover(),this.expanded=!1,this.expandedChange.emit(!1)},this.closeDropdownWithHover=()=>{this.expandedWithHover=!1,this.expanded||this.expandedChange.emit(!1)},this.closeDropdownWhenClickingOutside=t=>{void 0===t.composedPath().find((t=>t===this.el))&&this.closeDropdown()},this.handleKeyDownEvents=t=>{const i=this.keyEventsDictionary[t.code];i&&i(t)},this.handleKeyUpEvents=t=>{"Tab"===t.code&&(t.composedPath().includes(this.el)||this.closeDropdown())},this.handleMouseLeave=()=>{document.activeElement.closest("ch-dropdown")===this.el&&(this.expanded=!0),this.closeDropdownWithHover()},this.handleMouseEnter=()=>{this.expandedWithHover||(this.expandedWithHover=!0,this.expanded||this.expandedChange.emit(!0))},this.handleButtonClick=t=>{t.stopPropagation(),this.expandedChange.emit(!this.expanded),this.expanded=!this.expanded},this.handleButtonFocus=t=>{t.stopPropagation(),this.expanded||(this.expanded=!0,this.expandedWithHover||this.expandedChange.emit(!0))}}handleExpandedChange(t){t?(this.currentFocusedItem=void 0,document.body.addEventListener("click",this.closeDropdownWhenClickingOutside,{capture:!0}),this.nestedDropdown||document.body.addEventListener("keydown",this.handleKeyDownEvents,{capture:!0}),document.body.addEventListener("keyup",this.handleKeyUpEvents,{capture:!0})):(document.body.removeEventListener("click",this.closeDropdownWhenClickingOutside,{capture:!0}),this.nestedDropdown||document.body.removeEventListener("keydown",this.handleKeyDownEvents,{capture:!0}),document.body.removeEventListener("keyup",this.handleKeyUpEvents,{capture:!0}))}handleActionClick(){this.closeDropdown()}handleDropDownItemFocusChange(t){this.currentFocusedItem=t.target}focusFirstDropDownItem(){this.currentFocusedItem=this.el.querySelector(r),this.currentFocusedItem&&this.currentFocusedItem.handleFocusElement()}findNextDropDownItemSibling(){let t=this.currentFocusedItem.nextElementSibling;for(;t&&t.tagName.toLowerCase()!==n;)t=t.nextElementSibling;return t}findPreviousDropDownItemSibling(){let t=this.currentFocusedItem.previousElementSibling;for(;t&&t.tagName.toLowerCase()!==n;)t=t.previousElementSibling;return t}returnFocusToButton(){this.openOnFocus||this.nestedDropdown||this.expandableButton.focus()}componentWillLoad(){this.showHeader=!!this.el.querySelector(':scope > [slot="header"]'),this.showFooter=!!this.el.querySelector(':scope > [slot="footer"]')}render(){const t=this.position.split("_"),i=t[1],o="OutsideStart"===i||"OutsideEnd"===i,n=a[t[0]],r=a[i],h=this.expanded||this.expandedWithHover;return s(e,{onMouseLeave:"ClickOrHover"===this.expandBehavior?this.handleMouseLeave:void 0},s("button",{id:"expandable-button","aria-controls":"section","aria-expanded":this.expanded.toString(),"aria-haspopup":"true","aria-label":this.buttonLabel,class:"expandable-button",part:"expandable-button",type:"button",onClick:this.handleButtonClick,onFocus:this.openOnFocus?this.handleButtonFocus:void 0,onMouseEnter:"ClickOrHover"===this.expandBehavior?this.handleMouseEnter:void 0,ref:t=>this.expandableButton=t},s("slot",{name:"action"})),"ClickOrHover"===this.expandBehavior&&s("div",{"aria-hidden":"true",class:{separation:!0,[`separation--y separation--y-${r}`]:o,[`separation--x separation--x-${n}`]:!o},part:"separation"}),s("ch-window",{part:"window",exportparts:"window:section,mask,header,footer",container:this.el,closeOnEscape:!0,hidden:!h,modal:!1,showFooter:this.showFooter,showHeader:this.showHeader,xAlign:n,yAlign:r},this.showHeader&&s("slot",{name:"header",slot:"header"}),s("div",{role:"list",class:"list",part:"list"},s("slot",{name:"items"})),this.showFooter&&s("slot",{name:"footer",slot:"footer"})))}get el(){return o(this)}static get watchers(){return{expanded:["handleExpandedChange"]}}};h.style=":where(button){all:unset}*,::before,::after{box-sizing:border-box}:host{--separation:0px;--separation-x:var(--separation);--separation-y:var(--separation);display:flex;position:relative;width:100%;height:100%}.expandable-button{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;cursor:pointer;z-index:108}.expandable-button:focus-within{transition:box-shadow 250ms}::slotted([slot=action]){pointer-events:none}.separation{display:flex;position:absolute;z-index:107}.separation--y{width:100%;height:var(--separation-y)}.separation--y-outside-start{inset-block-start:calc(var(--separation-y) * -1)}.separation--y-outside-start+ch-window{--ch-window-offset-y:calc(var(--separation-y) * -1)}.separation--y-outside-end{inset-block-end:calc(var(--separation-y) * -1)}.separation--y-outside-end+ch-window{--ch-window-offset-y:var(--separation-y)}.separation--x{width:var(--separation-x);height:100%}.separation--x-outside-start{inset-inline-start:calc(var(--separation-x) * -1)}.separation--x-outside-start+ch-window{--ch-window-offset-x:calc(var(--separation-x) * -1)}.separation--x-outside-end{inset-inline-end:calc(var(--separation-x) * -1)}.separation--x-outside-end+ch-window{--ch-window-offset-x:var(--separation-x)}.list{display:flex;flex-direction:column}";export{h as ch_dropdown}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/action-group/action-group.css

@@ -0,0 +1,48 @@
+*,
+::after,
+::before {
+  box-sizing: border-box;
+}
+
+:host {
+  display: grid;
+  position: relative;
+  width: 100%;
+  grid-template: "more-actions actions" 1fr/min-content 1fr;
+  overflow: hidden;
+}
+
+.more-actions {
+  grid-area: more-actions;
+}
+.more-actions::part(expandable-button) {
+  width: 1.375em;
+  height: 1.375em;
+}
+.more-actions::part(expandable-button)::before {
+  content: "";
+  width: 100%;
+  height: 100%;
+  background-color: currentColor;
+  -webkit-mask: url('data:image/svg+xml,<svg viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg"><path d="M5.26837 10.5625C4.16837 10.5625 3.26837 11.4625 3.26837 12.5625C3.26837 13.6625 4.16837 14.5625 5.26837 14.5625C6.36837 14.5625 7.26837 13.6625 7.26837 12.5625C7.26837 11.4625 6.36837 10.5625 5.26837 10.5625ZM19.2684 10.5625C18.1684 10.5625 17.2684 11.4625 17.2684 12.5625C17.2684 13.6625 18.1684 14.5625 19.2684 14.5625C20.3684 14.5625 21.2684 13.6625 21.2684 12.5625C21.2684 11.4625 20.3684 10.5625 19.2684 10.5625ZM12.2684 10.5625C11.1684 10.5625 10.2684 11.4625 10.2684 12.5625C10.2684 13.6625 11.1684 14.5625 12.2684 14.5625C13.3684 14.5625 14.2684 13.6625 14.2684 12.5625C14.2684 11.4625 13.3684 10.5625 12.2684 10.5625Z"/></svg>') 50% 50%/1.25em 1.25em no-repeat;
+}
+
+.actions {
+  grid-area: actions;
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: max-content;
+  width: 100%;
+  max-width: 100%;
+}
+.actions--responsive {
+  position: absolute;
+  inset: 0;
+}
+.actions--scroll {
+  overflow-x: auto;
+}
+.actions--multiline {
+  display: flex;
+  flex-wrap: wrap;
+}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/action-group-item/action-group-item.css

@@ -0,0 +1,4 @@
+ch-action-group-item[floating] {
+  position: absolute;
+  visibility: hidden;
+}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown/dropdown.css

@@ -8,22 +8,10 @@
   box-sizing: border-box;
 }
 
-@media (prefers-color-scheme: light) {
-  .section {
-    background-color: #fbfbfb;
-    color: #000;
-  }
-}
-@media (prefers-color-scheme: dark) {
-  .section {
-    background-color: #242426;
-    color: #e9e9e9;
-  }
-}
 :host {
-  --ch-dropdown-rtl-initial-X: 1;
-  --ch-dropdown-translateX: 0;
-  --ch-dropdown-translateY: 0;
+  --separation: 0px;
+  --separation-x: var(--separation);
+  --separation-y: var(--separation);
   display: flex;
   position: relative;
   width: 100%;
@@ -32,6 +20,8 @@
 
 .expandable-button {
   display: flex;
+  align-items: center;
+  justify-content: center;
   position: relative;
   width: 100%;
   height: 100%;
@@ -39,98 +29,52 @@
   z-index: 108;
 }
 .expandable-button:focus-within {
-  box-shadow: 0px 0px 0 1px currentColor;
   transition: box-shadow 250ms;
 }
 
-.dummy-separation {
+::slotted([slot=action]) {
+  pointer-events: none;
+}
+
+.separation {
   display: flex;
   position: absolute;
   z-index: 107;
 }
-.dummy-separation--vertical {
+.separation--y {
   width: 100%;
-  height: var(--separation-between-button-size);
+  height: var(--separation-y);
+}
+.separation--y-outside-start {
+  inset-block-start: calc(var(--separation-y) * -1);
 }
-.dummy-separation--top {
-  inset-block-start: var(--separation-between-button);
+.separation--y-outside-start + ch-window {
+  --ch-window-offset-y: calc(var(--separation-y) * -1);
 }
-.dummy-separation--bottom {
-  inset-block-end: var(--separation-between-button);
+.separation--y-outside-end {
+  inset-block-end: calc(var(--separation-y) * -1);
 }
-.dummy-separation--horizontal {
-  width: var(--separation-between-button-size);
+.separation--y-outside-end + ch-window {
+  --ch-window-offset-y: var(--separation-y);
+}
+.separation--x {
+  width: var(--separation-x);
   height: 100%;
 }
-.dummy-separation--left {
-  inset-inline-start: var(--separation-between-button);
+.separation--x-outside-start {
+  inset-inline-start: calc(var(--separation-x) * -1);
 }
-.dummy-separation--right {
-  inset-inline-end: var(--separation-between-button);
+.separation--x-outside-start + ch-window {
+  --ch-window-offset-x: calc(var(--separation-x) * -1);
 }
-
-.section {
-  position: absolute;
-  border-radius: 5px;
-  box-shadow: 0 3px 4px #80808024, 0 3px 3px -2px #8080801f, 0 1px 8px #80808030;
-  width: max-content;
-  max-width: 350px;
-  z-index: 107;
+.separation--x-outside-end {
+  inset-inline-end: calc(var(--separation-x) * -1);
 }
-
-.header + .list,
-.list + .footer {
-  margin-block-start: 8px;
+.separation--x-outside-end + ch-window {
+  --ch-window-offset-x: var(--separation-x);
 }
 
 .list {
   display: flex;
   flex-direction: column;
-  gap: 4px;
-}
-
-.position--top {
-  inset-block-start: var(--separation-between-button);
-  transform: translate(var(--ch-dropdown-translateX), -100%);
-}
-
-.position--right {
-  inset-inline-end: var(--separation-between-button);
-  transform: translate(calc(100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY));
-}
-
-.position--bottom {
-  inset-block-end: var(--separation-between-button);
-  transform: translate(var(--ch-dropdown-translateX), 100%);
-}
-
-.position--left {
-  inset-inline-start: var(--separation-between-button);
-  transform: translate(calc(-100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY));
-}
-
-.align--left {
-  inset-inline-start: 0;
-}
-
-.align--center {
-  inset-inline-start: 50%;
-  --ch-dropdown-translateX: calc(-50% * var(--ch-dropdown-rtl-initial-X));
-}
-
-.align--right {
-  inset-inline-end: 0;
-}
-
-.valign--top {
-  inset-block-start: 0;
-}
-
-.valign--middle {
-  inset-block-start: 50%;
-  --ch-dropdown-translateY: calc(-50% * var(--ch-dropdown-rtl-initial-X));
-}
-
-.valign--bottom {
-  inset-block-end: 0;
 }

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown-item/dropdown-item.css

@@ -8,41 +8,24 @@
   box-sizing: border-box;
 }
 
-@media (prefers-color-scheme: light) {
-  .action:focus, .action:hover {
-    background-color: #ccc;
-  }
-  .action:active {
-    background-color: #e9e9e9;
-  }
-}
-@media (prefers-color-scheme: dark) {
-  .action:focus, .action:hover {
-    background-color: #3e3e40;
-  }
-  .action:active {
-    background-color: #575965;
-  }
-}
 :host {
   display: flex;
   width: 100%;
   height: 100%;
 }
 
+:host([force-containing-block]) {
+  transform: translateX(0);
+  --ch-window-relative-position: true;
+}
+
 .action {
   display: flex;
   align-items: center;
-  column-gap: 8px;
   width: 100%;
   height: 100%;
   cursor: pointer;
-  padding-block: 8px;
-  padding-inline: 16px;
-  font-size: 0.875em;
   text-align: start;
-  transition-property: background-color, border-color, box-shadow, color, filter, opacity;
-  transition-duration: 250ms;
 }
 
 .left-img,
@@ -55,4 +38,8 @@
 
 .content {
   width: 100%;
+}
+
+.dummy-wrapper {
+  display: contents;
 }

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-action-group/test-action-group.css

@@ -0,0 +1,52 @@
+ch-test-action-group {
+  display: flex;
+  border: 2px dashed #00000080;
+  resize: both;
+  overflow: auto;
+  width: 500px;
+}
+
+.action-group {
+  padding: 20px;
+  margin: 20px;
+  background-color: #ffffff;
+  border: 1px solid;
+}
+.action-group::part(actions) {
+  gap: 12px;
+}
+.action-group::part(more-actions-button) {
+  border-radius: 50%;
+  width: fit-content;
+  height: fit-content;
+  color: #313aa1;
+  align-self: center;
+  margin-inline-end: 8px;
+}
+
+.dropdown-item::part(action) {
+  --separation: 8px;
+  background-color: #f3d0c3;
+  border-radius: 4px;
+  padding-inline: 16px;
+  padding-block: 8px;
+}
+.dropdown-item::part(action):focus-within {
+  outline: 1px solid;
+}
+.dropdown-item::part(action):hover {
+  background-color: #d3b1a4;
+}
+
+.action-group::part(more-actions-list),
+.dropdown-item::part(list) {
+  row-gap: 8px;
+  margin-block: 8px;
+}
+
+.action-group::part(more-actions-section),
+.dropdown-item::part(section) {
+  background-color: #edeaff;
+  padding: 8px;
+  box-shadow: 0 4px 8px 1px #22222220;
+}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-dropdown/test-dropdown.css

@@ -0,0 +1,36 @@
+.dropdown::part(expandable-button) {
+  background-color: aliceblue;
+  border: 1px solid;
+  border-radius: 4px;
+  padding-block: 4px;
+  padding-inline: 16px;
+}
+.dropdown::part(expandable-button):focus {
+  box-shadow: 0 0 0 1px black;
+}
+
+.dropdown-item::part(action) {
+  --separation: 8px;
+  background-color: #f3d0c3;
+  border-radius: 4px;
+  padding-inline: 16px;
+  padding-block: 8px;
+}
+.dropdown-item::part(action):focus-within {
+  outline: 1px solid;
+}
+.dropdown-item::part(action):hover {
+  background-color: #d3b1a4;
+}
+
+.dropdown::part(section),
+.dropdown-item::part(section) {
+  background-color: #edeaff;
+  padding: 8px;
+  box-shadow: 0 4px 8px 1px #22222220;
+}
+.dropdown::part(list),
+.dropdown-item::part(list) {
+  row-gap: 8px;
+  margin-block: 8px;
+}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/window/ch-window.css

@@ -1,6 +1,8 @@
 :host {
   --ch-window-offset-x: 0px;
   --ch-window-offset-y: 0px;
+  --ch-window-x-outside: 0px;
+  --ch-window-y-outside: 0px;
 }
 
 :host(:not([hidden])) {
@@ -45,7 +47,7 @@
 .window {
   display: flex;
   flex-direction: column;
-  transform: translate(var(--ch-window-x-outside, 0px), var(--ch-window-y-outside, 0px)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px));
+  transform: translate(var(--ch-window-x-outside), var(--ch-window-y-outside)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px));
 }
 :host([x-align=outside-start]) .window {
   --ch-window-x-outside: -100%;

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

@@ -23,3 +23,4 @@ export type FormSubmitResult = {
   success: boolean;
   fieldErrors: FormElementValidation[];
 };
+export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";

package/dist/types/components/team-dev-commit/team-dev-commit.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { GxOption } from "../../common/types";
+import { ChGridRowContextMenuEvent } from "@genexus/chameleon-controls-library/dist/types/components/grid/ch-grid-types";
+import { GxOption, ObjectState } from "../../common/types";
 export declare class GxIdeTeamDevCommit {
   /**
    * The component hard-coded strings translations.
@@ -13,7 +14,7 @@ export declare class GxIdeTeamDevCommit {
   private foldersEl;
   private categoriesEl;
   private chGridPendingCommitsEl;
-  private chIgnoredObjectsEl;
+  private commitComment;
   filtersHidden: boolean;
   comment: string;
   pendingCommits: ModifiedObjectData[];
@@ -46,6 +47,10 @@ export declare class GxIdeTeamDevCommit {
    * Callback invoked when user starts the commit process
    */
   readonly commitCallback: CommitCallback;
+  /**
+   * Callback that should be invoked when the user selects rows from the grids
+   */
+  readonly selectCallback: SelectCallback;
   /**
    * Callback invoked when user check/uncheck any item from the 'Pending to Commit' grid
    */
@@ -70,7 +75,8 @@ export declare class GxIdeTeamDevCommit {
   private revertPendingCommitsCheckboxes;
   private renderIconState;
   private pendingCommitsRowMarkingChangedHandler;
-  private gridContextMenuCallbackHandler;
+  private gridOnContextMenuCallbackHandler;
+  private gridOnSelectionChangedCallbackHandler;
   private renderPendingCommitsGrid;
   private renderIgnoredObjectsGrid;
   private getRecentCommentHandler;
@@ -86,9 +92,11 @@ export type ObjetType = {
 };
 export type GetRecentComment = () => Promise<string | undefined>;
 export type LoadCallback = (filters: FiltersData) => Promise<CommitData>;
-export type CommitCallback = (selection: string[]) => Promise<boolean>;
+export type CommitCallback = (selection: string[], commitComment: string) => Promise<boolean>;
+export type SelectCallback = (grid: gridType, selectionIds: string[]) => Promise<void>;
 export type PendingItemCheckedCallback = (checkedItemIds: string[]) => Promise<PendingItemCheckedResult | undefined>;
-export type GridContextMenuCallback = (markedRowsIds: string[], grid: "commit" | "ignored") => Promise<void>;
+export type GridContextMenuCallback = (grid: gridType, eventInfo: ChGridRowContextMenuEvent) => Promise<void>;
+export type gridType = "commit" | "ignored";
 export type CommitData = {
   pending: ModifiedObjectData[];
   ignored: ModifiedObjectData[];
@@ -121,4 +129,3 @@ export type PendingItemsCheckedState = {
   itemsChecked: string[];
   itemsUnchecked: string[];
 };
-export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";

package/dist/types/components/team-dev-update/team-dev-update.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { ObjectState } from "../../common/types";
 export declare class GxIdeTeamDevUpdate {
   /**
    * The component hard-coded strings translations.
@@ -146,7 +147,6 @@ export interface ModifiedObject {
   status?: string;
   action?: string;
 }
-export type ObjectState = "inserted" | "modified" | "deleted" | "conflicted";
 export interface UpdateResultData {
   id: string;
   result: ResultState;

package/dist/types/components.d.ts

@@ -15,7 +15,7 @@ import { GxOption } from "./common/types";
 import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
 import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
 import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
-import { CommitCallback, GetRecentComment, GridContextMenuCallback, LoadCallback, ObjetType, PendingItemCheckedResult, PendingItemsCheckedState } from "./components/team-dev-commit/team-dev-commit";
+import { CommitCallback, GetRecentComment, GridContextMenuCallback, LoadCallback, ObjetType, PendingItemCheckedResult, PendingItemsCheckedState, SelectCallback } 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 as GridContextMenuCallback1, LoadCallback as LoadCallback1, ObjectType, PendingItemCheckedCallback, UpdateCallback, UpdateFromData } from "./components/team-dev-update/team-dev-update";
 import { AddCallbackFn, CancelCallbackFn, ConfirmCallbackFn, ObjectData as ObjectData1 } from "./components/team-dev-update-partial-selection/team-dev-update-partial-selection";
@@ -405,6 +405,10 @@ export namespace Components {
           * The method used by the Host to instruct the component to force a data refresh in the grids.
          */
         "reload": () => Promise<void>;
+        /**
+          * Callback that should be invoked when the user selects rows from the grids
+         */
+        "selectCallback": SelectCallback;
         /**
           * Possible values for Type filter
          */
@@ -1113,6 +1117,10 @@ declare namespace LocalJSX {
         "pendingItemCheckedCallback"?: (
     pendingItemsCheckedState: PendingItemsCheckedState
   ) => Promise<PendingItemCheckedResult | undefined>;
+        /**
+          * Callback that should be invoked when the user selects rows from the grids
+         */
+        "selectCallback"?: SelectCallback;
         /**
           * Possible values for Type filter
          */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "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.1.442"
+    "@genexus/gemini": "*0.1.443"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.1.442",
+    "@genexus/gemini": "*0.1.443",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",

package/dist/genexus-ide-ui/p-04f094d1.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as n}from"./p-976c3a09.js";import{C as h}from"./p-87e8eb72.js";const o=class{constructor(s){t(this,s),this.windowOpened=i(this,"windowOpened",7),this.windowClosed=i(this,"windowClosed",7),this.isContainerCssOverride=!1,this.validCssAligns=["outside-start","inside-start","center","inside-end","outside-end"],this.draggedX=0,this.draggedY=0,this.xAlign="center",this.yAlign="center",this.hidden=!0,this.modal=!0,this.caption="",this.allowDrag="no",this.showFooter=!0,this.showHeader=!0,this.mousemoveHandler=t=>{const i=this.draggedY+t.clientY-this.dragStartY;this.window.style.setProperty("--ch-window-x-drag",this.draggedX+t.clientX-this.dragStartX+"px"),this.window.style.setProperty("--ch-window-y-drag",`${i}px`)},this.mouseupHandler=()=>{document.removeEventListener("mousemove",this.mousemoveHandler),this.draggedX=parseInt(this.window.style.getPropertyValue("--ch-window-x-drag")),this.draggedY=parseInt(this.window.style.getPropertyValue("--ch-window-y-drag"))},this.maskClickHandler=t=>{t.stopPropagation()},this.updatePosition=()=>{if(!this.isContainerCssOverride&&this.container&&this.mask){const t=this.container.getBoundingClientRect();this.mask.style.setProperty("--ch-window-inset-inline-start",`${t.left}px`),this.mask.style.setProperty("--ch-window-inset-block-start",`${t.top}px`),this.mask.style.width=`${t.width}px`,this.mask.style.height=`${t.height}px`}else!this.isContainerCssOverride&&this.container||(this.mask.style.removeProperty("--ch-window-inset-inline-start"),this.mask.style.removeProperty("--ch-window-inset-block-start"),this.mask.style.removeProperty("width"),this.mask.style.removeProperty("height"))},this.windowResizeHandler=()=>{this.updatePosition(),this.watchCSSAlign()},this.windowScrollHandler=()=>{this.updatePosition()},this.closeOnOutsideClickHandler=t=>{t.composedPath().includes(this.window)||(this.hidden=!0)},this.closeOnEscapeHandler=t=>{"Escape"===t.key&&(this.hidden=!0)}}containerHandler(t,i){this.containerResizeObserverHandler(t,i),this.updatePosition()}hiddenHandler(){this.hidden?(this.resetDrag(),this.removeListeners(),this.windowClosed.emit()):(this.updatePosition(),this.watchCSSAlign(),this.addListeners(),this.windowOpened.emit())}componentWillLoad(){this.containerResizeObserver=new ResizeObserver(this.updatePosition),this.containerResizeObserverHandler(this.container),this.watchCSSAlign(),this.loadGlobalStyleSheet()}mousedownHandler(t){this.isDraggable(t.composedPath())&&(this.dragStartX=t.clientX,this.dragStartY=t.clientY,document.addEventListener("mousemove",this.mousemoveHandler,{passive:!0}),document.addEventListener("mouseup",this.mouseupHandler,{once:!0}))}windowCloseClickedHandler(){this.hidden=!0}resetDrag(){this.dragStartX=void 0,this.dragStartY=void 0,this.draggedX=0,this.draggedY=0,this.window.style.removeProperty("--ch-window-x-drag"),this.window.style.removeProperty("--ch-window-y-drag")}isDraggable(t){return"no"!==this.allowDrag&&("header"===this.allowDrag&&t.includes(this.header)||"box"===this.allowDrag&&t.includes(this.window))}watchCSSAlign(){const t=getComputedStyle(this.el),i=t.getPropertyValue("--ch-window-container").trim(),s=t.getPropertyValue("--ch-window-align-x").trim(),e=t.getPropertyValue("--ch-window-align-y").trim();this.isContainerCssOverride=i.includes("window"),this.validCssAligns.includes(s)&&(this.xAlign=s),this.validCssAligns.includes(e)&&(this.yAlign=e)}containerResizeObserverHandler(t,i){t&&this.containerResizeObserver.observe(t),i&&this.containerResizeObserver.unobserve(i)}addListeners(){window.addEventListener("resize",this.windowResizeHandler,{passive:!0}),this.container&&document.addEventListener("scroll",this.windowScrollHandler,{capture:!0,passive:!0}),this.closeOnOutsideClick&&document.addEventListener("click",this.closeOnOutsideClickHandler,{capture:!0}),this.closeOnEscape&&document.addEventListener("keydown",this.closeOnEscapeHandler,{capture:!0})}removeListeners(){window.removeEventListener("resize",this.windowResizeHandler),document.removeEventListener("scroll",this.windowScrollHandler,{capture:!0}),document.removeEventListener("click",this.closeOnOutsideClickHandler,{capture:!0}),document.removeEventListener("keydown",this.closeOnEscapeHandler,{capture:!0})}loadGlobalStyleSheet(){this.el.shadowRoot.adoptedStyleSheets.push(h)}render(){return s(e,null,s("div",{class:"mask",part:"mask",ref:t=>this.mask=t,onClick:this.maskClickHandler},s("section",{class:"window",part:"window",ref:t=>this.window=t},this.showHeader&&s("header",{part:"header",ref:t=>this.header=t},s("slot",{name:"header"},s("span",{part:"caption"},this.caption),s("ch-window-close",{part:"close",title:this.closeTooltip},this.closeText))),s("div",{part:"main"},s("slot",null)),this.showFooter&&s("footer",{part:"footer"},s("slot",{name:"footer"})))))}get el(){return n(this)}static get watchers(){return{container:["containerHandler"],hidden:["hiddenHandler"]}}};o.style=':host{--ch-window-offset-x:0px;--ch-window-offset-y:0px}:host(:not([hidden])){display:contents}:host(:is(:not([modal]),[modal="false"])) .mask{pointer-events:none}.window{pointer-events:all}.mask{display:flex;position:fixed;inset:0;inset-inline-start:calc( var(--ch-window-inset-inline-start) + var(--ch-window-offset-x) );inset-block-start:calc( var(--ch-window-inset-block-start) + var(--ch-window-offset-y) );z-index:var(--ch-window-mask-z-index, 1000)}:host(:is([x-align="outside-start"],[x-align="inside-start"])) .mask{justify-content:flex-start}:host([x-align=center]) .mask{justify-content:center}:host(:is([x-align="outside-end"],[x-align="inside-end"])) .mask{justify-content:flex-end}:host(:is([y-align="outside-start"],[y-align="inside-start"])) .mask{align-items:flex-start}:host([y-align=center]) .mask{align-items:center}:host(:is([y-align="outside-end"],[y-align="inside-end"])) .mask{align-items:flex-end}.window{display:flex;flex-direction:column;transform:translate(var(--ch-window-x-outside, 0px), var(--ch-window-y-outside, 0px)) translate(var(--ch-window-x-drag, 0px), var(--ch-window-y-drag, 0px))}:host([x-align=outside-start]) .window{--ch-window-x-outside:-100%}:host([x-align=outside-end]) .window{--ch-window-x-outside:100%}:host([y-align=outside-start]) .window{--ch-window-y-outside:-100%}:host([y-align=outside-end]) .window{--ch-window-y-outside:100%}';const d=class{constructor(s){t(this,s),this.windowCloseClicked=i(this,"windowCloseClicked",7)}pressedHandler(t){t.key&&"Enter"!==t.key&&" "!==t.key||(this.windowCloseClicked.emit(),t.stopPropagation())}render(){return s(e,{role:"button",tabindex:"0",disabled:this.disabled})}};d.style="";export{o as ch_window,d as ch_window_close}

package/dist/genexus-ide-ui/p-192f1342.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as e,H as o,g as s}from"./p-976c3a09.js";const n="expandable-button",a="section",r="ch-dropdown-item",h=`:scope > ${r}`,d=class{constructor(e){t(this,e),this.expandedChange=i(this,"expandedChange",7),this.keyEventsDictionary={ArrowDown:t=>{if(t.preventDefault(),!this.currentFocusedItem)return void this.focusFirstDropDownItem();const i=this.findNextDropDownItemSibling();i&&i.handleFocusElement()},ArrowUp:t=>{if(t.preventDefault(),!this.currentFocusedItem)return void this.focusFirstDropDownItem();const i=this.findPreviousDropDownItemSibling();i&&i.handleFocusElement()},Escape:()=>{this.closeDropdown(),this.returnFocusToButton()}},this.showHeader=!1,this.showFooter=!1,this.expanded=!1,this.expandedWithHover=!1,this.align="Center",this.buttonLabel="Show options",this.expandBehavior="Click or Hover",this.openOnFocus=!1,this.position="Bottom",this.dropdownSeparation=12,this.valign="Middle",this.closeDropdown=()=>{this.closeDropdownWithHover(),this.expanded=!1,this.expandedChange.emit(!1)},this.closeDropdownWithHover=()=>{this.expandedWithHover=!1,this.expanded||this.expandedChange.emit(!1)},this.closeDropdownWhenClickingOutside=t=>{void 0===t.composedPath().find((t=>t===this.element))&&this.closeDropdown()},this.handleKeyDownEvents=t=>{const i=this.keyEventsDictionary[t.code];i&&i(t)},this.handleKeyUpEvents=t=>{"Tab"===t.code&&(t.target.closest("ch-dropdown")===this.element||this.closeDropdown())},this.handleMouseLeave=()=>{document.activeElement.closest("ch-dropdown")===this.element&&(this.expanded=!0),this.closeDropdownWithHover()},this.handleMouseEnter=()=>{this.expandedWithHover||(this.expandedWithHover=!0,this.expanded||this.expandedChange.emit(!0))},this.handleButtonClick=()=>{this.expandedChange.emit(!this.expanded),this.expanded=!this.expanded},this.handleButtonFocus=()=>{this.expanded||(this.expanded=!0,this.expandedWithHover||this.expandedChange.emit(!0))}}handleExpandedChange(t){t?(this.currentFocusedItem=void 0,document.body.addEventListener("click",this.closeDropdownWhenClickingOutside,{capture:!0}),document.body.addEventListener("keydown",this.handleKeyDownEvents,{capture:!0}),document.body.addEventListener("keyup",this.handleKeyUpEvents,{capture:!0})):(document.body.removeEventListener("click",this.closeDropdownWhenClickingOutside,{capture:!0}),document.body.removeEventListener("keydown",this.handleKeyDownEvents,{capture:!0}),document.body.removeEventListener("keyup",this.handleKeyUpEvents,{capture:!0}))}handleActionClick(){this.closeDropdown()}handleDropDownItemFocusChange(t){this.currentFocusedItem=t.target}focusFirstDropDownItem(){this.currentFocusedItem=this.element.querySelector(h),this.currentFocusedItem&&this.currentFocusedItem.handleFocusElement()}findNextDropDownItemSibling(){let t=this.currentFocusedItem.nextElementSibling;for(;t&&t.tagName.toLowerCase()!==r;)t=t.nextElementSibling;return t}findPreviousDropDownItemSibling(){let t=this.currentFocusedItem.previousElementSibling;for(;t&&t.tagName.toLowerCase()!==r;)t=t.previousElementSibling;return t}returnFocusToButton(){this.openOnFocus||this.expandableButton.focus()}componentWillLoad(){this.showHeader=!!this.element.querySelector(':scope > [slot="header"]'),this.showFooter=!!this.element.querySelector(':scope > [slot="footer"]')}render(){const t="Bottom"===this.position||"Top"===this.position,i=this.expanded||this.expandedWithHover;return e(o,{onMouseLeave:"Click or Hover"===this.expandBehavior?this.handleMouseLeave:void 0,style:{"--separation-between-button":`-${this.dropdownSeparation}px`,"--separation-between-button-size":`${this.dropdownSeparation}px`}},e("button",{id:n,"aria-controls":a,"aria-expanded":this.expanded.toString(),"aria-haspopup":"true","aria-label":this.buttonLabel,class:"expandable-button",part:"dropdown__expandable-button",type:"button",onClick:this.handleButtonClick,onFocus:this.openOnFocus?this.handleButtonFocus:void 0,onMouseEnter:"Click or Hover"===this.expandBehavior?this.handleMouseEnter:void 0,ref:t=>this.expandableButton=t},e("slot",{name:"action"})),"Click or Hover"===this.expandBehavior&&this.expandedWithHover&&e("div",{"aria-hidden":"true",class:{"dummy-separation":!0,[`dummy-separation--${this.position.toLowerCase()}`]:!0,"dummy-separation--vertical":t,"dummy-separation--horizontal":!t},part:"dropdown__separation"}),e("section",{id:a,"aria-labelledby":n,class:{section:!0,[`position--${this.position.toLowerCase()}`]:!0,[`align--${this.align.toLowerCase()}`]:t,[`valign--${this.valign.toLowerCase()}`]:!t},part:"dropdown__section",hidden:!i},this.showHeader&&e("header",{class:"header",part:"dropdown__header"},e("slot",{name:"header"})),e("div",{role:"list",class:"list",part:"dropdown__list"},e("slot",{name:"items"})),this.showFooter&&e("footer",{class:"footer",part:"dropdown__footer"},e("slot",{name:"footer"}))))}get element(){return s(this)}static get watchers(){return{expanded:["handleExpandedChange"]}}};d.style=":where(button){all:unset}*,::before,::after{box-sizing:border-box}@media (prefers-color-scheme: light){.section{background-color:#fbfbfb;color:#000}}@media (prefers-color-scheme: dark){.section{background-color:#242426;color:#e9e9e9}}:host{--ch-dropdown-rtl-initial-X:1;--ch-dropdown-translateX:0;--ch-dropdown-translateY:0;display:flex;position:relative;width:100%;height:100%}.expandable-button{display:flex;position:relative;width:100%;height:100%;cursor:pointer;z-index:108}.expandable-button:focus-within{box-shadow:0px 0px 0 1px currentColor;transition:box-shadow 250ms}.dummy-separation{display:flex;position:absolute;z-index:107}.dummy-separation--vertical{width:100%;height:var(--separation-between-button-size)}.dummy-separation--top{inset-block-start:var(--separation-between-button)}.dummy-separation--bottom{inset-block-end:var(--separation-between-button)}.dummy-separation--horizontal{width:var(--separation-between-button-size);height:100%}.dummy-separation--left{inset-inline-start:var(--separation-between-button)}.dummy-separation--right{inset-inline-end:var(--separation-between-button)}.section{position:absolute;border-radius:5px;box-shadow:0 3px 4px #80808024, 0 3px 3px -2px #8080801f, 0 1px 8px #80808030;width:max-content;max-width:350px;z-index:107}.header+.list,.list+.footer{margin-block-start:8px}.list{display:flex;flex-direction:column;gap:4px}.position--top{inset-block-start:var(--separation-between-button);transform:translate(var(--ch-dropdown-translateX), -100%)}.position--right{inset-inline-end:var(--separation-between-button);transform:translate(calc(100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY))}.position--bottom{inset-block-end:var(--separation-between-button);transform:translate(var(--ch-dropdown-translateX), 100%)}.position--left{inset-inline-start:var(--separation-between-button);transform:translate(calc(-100% * var(--ch-dropdown-rtl-initial-X)), var(--ch-dropdown-translateY))}.align--left{inset-inline-start:0}.align--center{inset-inline-start:50%;--ch-dropdown-translateX:calc(-50% * var(--ch-dropdown-rtl-initial-X))}.align--right{inset-inline-end:0}.valign--top{inset-block-start:0}.valign--middle{inset-block-start:50%;--ch-dropdown-translateY:calc(-50% * var(--ch-dropdown-rtl-initial-X))}.valign--bottom{inset-block-end:0}";export{d as ch_dropdown}