@genexus/genexus-ide-ui 0.0.44 → 0.0.46

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,H as s,g as n,w as a}from"./p-976c3a09.js";import{D as h}from"./p-bac6580b.js";import{m as r}from"./p-b374d112.js";const d="checkbox",o=class{constructor(i){t(this,i),this.click=e(this,"click",7),this.input=e(this,"input",7),this.disabled=!1,this.highlightable=!1,this.indeterminate=!1,this.readonly=!1,this.getValue=t=>t?this.checkedValue:this.unCheckedValue,this.handleClick=t=>{this.readonly||this.disabled||t.stopPropagation()},this.handleChange=t=>{t.stopPropagation();const e=t.target,i=e.checked,s=this.getValue(i);this.checked=i,this.value=s,e.value=s,this.input.emit(t),this.highlightable&&this.click.emit()}}valueChanged(){this.checked=this.value===this.checkedValue}componentWillLoad(){this.checked=this.value===this.checkedValue}render(){var t;const e=`${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`;return i(s,{class:{[h]:this.disabled,"ch-checkbox--actionable":!this.readonly&&!this.disabled||this.readonly&&this.highlightable}},i("div",{class:{container:!0,"container--checked":this.checked},part:`container${e}`},i("input",{"aria-label":""!==(null===(t=this.accessibleName)||void 0===t?void 0:t.trim())&&this.accessibleName!==this.caption?this.accessibleName:null,id:this.caption?d:null,class:"input",part:"input",type:"checkbox",checked:this.checked,disabled:this.disabled||this.readonly,indeterminate:this.indeterminate,value:this.value,onClick:this.handleClick,onInput:this.handleChange}),i("div",{class:{option:!0,"option--checked":this.checked&&!this.indeterminate,"option--indeterminate":this.indeterminate},part:`option${e}`,"aria-hidden":"true"})),this.caption&&i("label",{class:"label",part:"label",htmlFor:d,onClick:this.handleClick},this.caption))}get element(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};o.style="*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, #000);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px #00000040}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:#000;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";const l="ch-tree-x-list-item",c="text/plain",p=(t,e)=>t.composedPath().includes(e),g=()=>document.activeElement.editing,x=(t,e)=>`"newContainerId":"${t}","metadata":"${JSON.stringify(e)}"`,b=class{constructor(i){t(this,i),this.droppableZoneEnter=e(this,"droppableZoneEnter",7),this.expandedItemChange=e(this,"expandedItemChange",7),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.itemsDropped=e(this,"itemsDropped",7),this.keyDownEvents={ArrowDown:t=>{p(t,this.el)&&!g()&&(t.preventDefault(),document.activeElement.focusNextItem(r(t)))},ArrowUp:t=>{p(t,this.el)&&!g()&&(t.preventDefault(),document.activeElement.focusPreviousItem(r(t)))},F2:t=>{document.activeElement.tagName.toLowerCase()===l&&(t.preventDefault(),document.activeElement.editing=!0)}},this.draggingSelectedItems=!1,this.needForRAF=!0,this.selectedItemsInfo=new Map,this.validDroppableZoneCache=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingInTheDocument=!1,this.draggingInTree=!1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.scrollToEdgeOnDrag=!0,this.waitDropProcessing=!1,this.trackItemDrag=t=>{t.preventDefault(),this.lastDragEvent=t,this.updateDropEffect(t),this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-x-dragging-item-x",`${this.lastDragEvent.pageX}px`),this.el.style.setProperty("--ch-tree-x-dragging-item-y",`${this.lastDragEvent.pageY}px`)})))},this.fixScrollPositionOnDrag=()=>{this.draggingInTree&&this.lastDragEvent&&requestAnimationFrame((()=>{((t,e)=>{const i=this.lastDragEvent.clientY-e.getBoundingClientRect().top,s=e.clientHeight,n=i<=30;(n||i>s-30)&&(e.scrollTop+=(n?i-30:i-(s-30))/10)})(0,this.el),requestAnimationFrame(this.fixScrollPositionOnDrag)}))}}handleKeyDownEvents(t){const e=this.keyDownEvents[t.key];e&&e(t)}handleDragStart(t){this.validDroppableZoneCache.clear(),this.draggingInTheDocument=!0,this.dragStartTimestamp=(new Date).getTime(),this.draggedItems=JSON.parse(t.dataTransfer.getData(c))}handleDragEnd(){this.draggingInTheDocument=!1}handleDragEnter(t){this.cancelSubTreeOpening(null,!0),t.stopPropagation();const e=t.target;e.tagName.toLowerCase()===l&&(this.lastOpenSubTreeItem=e,this.openSubTreeAfterCountdown(e),"valid"===this.validDroppableZone(t)&&(e.dragState="enter"))}handleDragLeave(t){const e=t.target;if(e.tagName.toLowerCase()!==l)return;const i=e;i.dragState="none",this.cancelSubTreeOpening(i)}cancelSubTreeOpening(t,e=!1){(this.lastOpenSubTreeItem===t||e)&&(clearTimeout(this.openSubTreeTimeout),this.lastOpenSubTreeItem=null)}handleItemDrop(t){t.stopPropagation(),this.cancelSubTreeOpening(null,!0);const e=t.target,i=JSON.parse(t.dataTransfer.getData(c));"valid"===this.validDroppableZone(t)&&this.itemsDropped.emit({newContainer:{id:e.id,metadata:e.metadata},draggingSelectedItems:this.draggingSelectedItems,draggedItems:i,dropInTheSameTree:this.draggingInTree})}handleItemDragStart(t){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=t.target,this.checkDragValidityAndUpdateDragInfo(t.detail)?(this.draggingInTree=!0,this.scrollToEdgeOnDrag&&this.fixScrollPositionOnDrag()):t.detail.dragEvent.dataTransfer.effectAllowed="none"}handleItemDragEnd(){this.draggingInTree=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.resetVariables()}handleSelectedItemSync(t){t.stopPropagation();const e=t.detail;e.selected?this.selectedItemsInfo.set(e.id,e):this.selectedItemsInfo.delete(e.id)}handleSelectedItemChange(t){t.stopPropagation(),this.handleItemSelection(t.target,t.detail)}async clearSelectedItemsInfo(){this.clearSelectedItems()}async scrollIntoVisible(t){const e=this.el.querySelector(`${l}#${t}`);if(!e)return;let i=e.parentElement.parentElement;for(;i.tagName.toLowerCase()===l;)i.expanded=!0,i=i.parentElement.parentElement;requestAnimationFrame((()=>{e.scrollIntoView()}))}async updateValidDroppableZone(t,e,i,s){var n;if(!this.draggingInTheDocument||t<=this.dragStartTimestamp)return;const a=x(e,i);this.validDroppableZoneCache.set(a,s?"valid":"invalid"),(null===(n=this.lastOpenSubTreeItem)||void 0===n?void 0:n.id)===e&&(this.lastOpenSubTreeItem.dragState="enter")}validDroppableZone(t){const e=t.target,i=x(e.id,this.draggedItems),s=this.validDroppableZoneCache.get(i);return null!=s?s:"none"===t.dataTransfer.effectAllowed||e.dropDisabled||this.draggingInTree&&(this.draggedIds.includes(e.id)||this.draggedParentIds.includes(e.id))?(this.validDroppableZoneCache.set(i,"invalid"),"invalid"):(this.validDroppableZoneCache.set(i,"checking"),this.droppableZoneEnter.emit({newContainer:{id:e.id,metadata:e.metadata},draggedItems:this.draggedItems}),"checking")}openSubTreeAfterCountdown(t){t.leaf||t.expanded||(this.openSubTreeTimeout=setTimeout((()=>{t.expanded=!0,this.expandedItemChange.emit({id:t.id,expanded:!0})}),this.openSubTreeCountdown))}updateDropEffect(t){const e=t.target;if(e.tagName.toLowerCase()!==l||e.closest("ch-tree-x")!==this.el)return;const i=x(e.id,this.draggedItems);"invalid"===this.validDroppableZoneCache.get(i)&&(t.dataTransfer.dropEffect="none")}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}checkDragValidityAndUpdateDragInfo(t){const e=t.elem,i=this.selectedItemsInfo.has(e.id);this.draggingSelectedItems=i;let s,n=[];if(i){const t=[...this.selectedItemsInfo.keys()],i=[...this.selectedItemsInfo.values()],a=t.length;s=i.every((t=>!t.itemRef.dragDisabled)),this.draggedIds=t,n=i.map((t=>({id:t.id,metadata:t.metadata}))),this.dragInfo=1===a?e.caption:a.toString()}else s=!e.dragDisabled,n=[{id:e.id,metadata:e.metadata}],this.draggedIds=[e.id],this.dragInfo=e.caption;this.getDirectParentsOfDraggableItems(i);const a=JSON.stringify(n);return t.dragEvent.dataTransfer.setData(c,a),s}getDirectParentsOfDraggableItems(t){if(t)this.selectedItemsInfo.forEach((t=>{const e=t.parentId;""!==e&&this.draggedParentIds.push(e)}));else{const t=this.currentDraggedItem.parentElement.parentElement;t.tagName.toLowerCase()===l&&this.draggedParentIds.push(t.id)}}handleItemSelection(t,e){e.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.delete(e.id),this.selectedItemsInfo.forEach((t=>{t.itemRef.selected=!1})),this.clearSelectedItems(),t.selected=e.selected),e.selected&&this.selectedItemsInfo.set(e.id,e),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}disconnectedCallback(){this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-x-dragging-item":this.draggingInTheDocument,"ch-tree-x--dragging-selected-items":this.draggingInTree&&this.draggingSelectedItems,"ch-tree-x-waiting-drop-processing":this.waitDropProcessing}},i("slot",null),this.draggingInTree&&i("span",{"aria-hidden":"true",class:"ch-tree-x-drag-info"},this.dragInfo))}get el(){return n(this)}};b.style="ch-tree-x{display:flex;position:relative;overflow:auto}ch-tree-x>ch-tree-x-list{position:absolute;inset:0;min-width:max-content}ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list-item{pointer-events:var(--ch-tree-x-pointer-events, all)}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--deny-drop,ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list{pointer-events:none}ch-tree-x.ch-tree-x--dragging-selected-items ch-tree-x-list-item[selected]{--ch-tree-x-pointer-events:none}ch-tree-x.ch-tree-x-waiting-drop-processing{cursor:wait}ch-tree-x.ch-tree-x-waiting-drop-processing>ch-tree-x-list{pointer-events:none}.ch-tree-x-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));pointer-events:none;z-index:1;animation:ch-tree-x-drag-info-fade-in 10ms}@keyframes ch-tree-x-drag-info-fade-in{0%,100%{opacity:0}}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";const m=class{constructor(e){t(this,e),this.level=0}render(){return i(s,{role:0===this.level?"tree":"group"},i("slot",null))}get el(){return n(this)}};m.style=":host{display:grid;grid-auto-rows:min-content;position:relative;width:100%}";const u=new Image,v="ch-tree-x-list-item",f=`:scope>*>${v}`,w=`${v}:not([disabled])`,k=`:scope>*>${v}:last-child`,y="expandable",C="Enter",I=class{constructor(s){t(this,s),this.checkboxChange=e(this,"checkboxChange",7),this.itemDragStart=e(this,"itemDragStart",7),this.itemDragEnd=e(this,"itemDragEnd",7),this.loadLazyContent=e(this,"loadLazyContent",7),this.modifyCaption=e(this,"modifyCaption",7),this.selectedItemChange=e(this,"selectedItemChange",7),this.selectedItemSync=e(this,"selectedItemSync",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.customRender=!1,this.disabled=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines="none",this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=t=>{t.stopPropagation(),(t.code===C||"Escape"===t.code)&&(t.preventDefault(),this.removeEditMode(!0,t.code===C)())},this.removeEditModeOnClick=t=>{!t.composedPath().includes(this.inputRef)&&t.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(t,e=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;e&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),t&&this.headerRef.focus()},this.toggleExpand=t=>{t.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(r(t),!1,!0))},this.getSelectedInfo=(t,e,i)=>({ctrlKeyPressed:t,expanded:this.expanded,goToReference:e,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.parentElement.id,selected:i}),this.handleActionDblClick=t=>{t.stopPropagation(),r(t)?this.toggleSelected():this.toggleExpand(t)},this.handleActionClick=t=>{t.stopPropagation(),this.editing||(t.preventDefault(),t.pointerType?this.toggleOrSelect(t):this.toggleExpand(t))},this.handleActionKeyDown=t=>{r(t)&&t.code===C&&(t.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=t=>{t.stopPropagation();const e=t.target.checked;this.checked=e,this.checkboxChange.emit(e)},this.renderImg=(t,e)=>i("img",{"aria-hidden":"true",class:t,part:t,alt:"",src:e,loading:"lazy"}),this.handleDragStart=t=>{if(this.editing)return t.preventDefault(),void t.stopPropagation();t.dataTransfer.setDragImage(u,0,0),t.dataTransfer.effectAllowed="move",this.dragState="start",this.itemDragStart.emit({elem:this.el,dragEvent:t})},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=()=>{this.dragState="none"}}updateChildrenCheckedValue(t){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((e=>{e.checked=t}))}handleEditingChange(t){t&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),a((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(t){this.lazyLoadItems(t)}handleLasItemChange(t){t&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleSelectedChange(t){this.selectedItemSync.emit(this.getSelectedInfo(!0,!1,t))}handleShowLinesChange(t){t&&this.lastItem?this.setResizeObserver():this.disconnectObserver()}updateCheckboxValue(t){if(!this.toggleCheckboxes)return;const e=t.detail,i=this.getDirectTreeItems().every((t=>t.checked===e));this.ignoreCheckboxChange=this.checked!==e,this.checked=e,this.indeterminate=!i}async focusNextItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(w);if(e)return void e.setFocus(t)}this.focusNextSibling(t)}async focusNextSibling(t){const e=this.el.nextElementSibling;e?e.disabled?e.focusNextItem(t):e.setFocus(t):0!==this.level&&this.el.parentElement.parentElement.focusNextSibling(t)}async focusPreviousItem(t){const e=this.el.previousElementSibling;if(e)return void e.focusLastItem(t);if(0===this.level)return;const i=this.el.parentElement.parentElement;i.disabled?i.focusPreviousItem(t):i.setFocus(t)}async focusLastItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(k);if(e)return void e.focusLastItem(t)}this.disabled?this.focusPreviousItem(t):this.setFocus(t)}async setFocus(t){this.headerRef.focus(),t||this.setSelected(!1)}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(f))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const t=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--distance-to-checkbox",t+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(t){this.lazyLoad&&t&&(this.lazyLoad=!1,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const t=!this.selected;this.selected=t,this.selectedItemChange.emit(this.getSelectedInfo(!0,!1,t))}setSelected(t){this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(!1,t,!0))}toggleOrSelect(t){r(t)?this.toggleSelected():this.setSelected(!0)}componentWillLoad(){const t=this.el.parentElement;if(this.lazyLoadItems(this.expanded),this.selected&&this.selectedItemChange.emit(this.getSelectedInfo(!0,!1,!0)),0===this.level)return;const e=t.parentElement;e.checkbox&&(this.checked=e.checked)}componentDidLoad(){this.lastItem&&this.showLines&&this.setResizeObserver()}disconnectedCallback(){this.editing&&this.removeEditMode(!1),this.disconnectObserver()}render(){const t=this.level%2==0,e=!this.leaf&&this.showExpandableButton,n=!this.leaf&&!this.showExpandableButton,a=!this.leaf&&!this.lazyLoad,h="all"===this.showLines&&0!==this.level,r="last"===this.showLines&&0!==this.level&&this.lastItem;return i(s,{role:"treeitem","aria-selected":this.selected?"true":null,class:{[v+"--downloading"]:this.downloading,[v+"--editing"]:this.editing,[v+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[v+"--deny-drop"]:this.leaf},style:{"--level":`${this.level}`},onDrop:this.dropDisabled||this.leaf||"start"===this.dragState?null:this.handleDrop},i("button",{"aria-controls":a?y:null,"aria-expanded":a?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":e,"header--checkbox-offset":n&&this.checkbox,"header--even":t,"header--odd":!t,"header--even-expandable":t&&e,"header--odd-expandable":!t&&e,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!this.dragDisabled,onDragStart:this.handleDragStart,onDragEnd:this.dragDisabled?null:this.handleDragEnd,ref:t=>this.headerRef=t},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",part:`checkbox${this.disabled?" disabled":""}${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`,checkedValue:"true",disabled:this.disabled,indeterminate:this.indeterminate,unCheckedValue:"false",value:`${this.checked}`,onInput:this.handleCheckedChange}),this.customRender?i("slot",{name:"custom-content"}):[i("div",{class:{action:!0,"readonly-mode":!this.editing},part:"action "+(this.editing?"":"readonly-mode"),onDblClick:this.leaf||this.editing?null:this.handleActionDblClick},this.leftImgSrc&&this.renderImg("left-img",this.leftImgSrc),this.editing?i("input",{class:"edit-name",part:"edit-name",disabled:this.disabled,type:"text",value:this.caption,onBlur:this.removeEditMode(!1),onKeyDown:this.checkIfShouldRemoveEditMode,ref:t=>this.inputRef=t}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"})],(h||r)&&i("div",{class:{"dashed-line":!0,"last-all-line":h&&this.lastItem,"last-line":r},part:"dashed-line"+(this.lastItem?" last-all-line":"")})),a&&i("div",{"aria-busy":this.downloading.toString(),"aria-live":this.downloading?"polite":null,id:y,class:{expandable:!0,expanded:this.expanded},part:"expandable"+(this.expanded?" expanded":"")},i("slot",{name:"tree"})))}get el(){return n(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],selected:["handleSelectedChange"],showLines:["handleShowLinesChange"]}}};I.style=':where(button){all:unset;display:flex;cursor:pointer;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--checkbox-size:1em;--expandable-button-width:0.75em;--ch-tree-x-list-item-dashed-line--offset:0px;--tab-width:calc(\n    var(--checkbox-size) + var(--expandable-button-width) +\n      (5px * 2)\n  );display:grid;grid-template-rows:min-content;overflow:hidden}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:var(--padding-inline-start)}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n    var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n  )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n    var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n  )}.header--even .dashed-line{--inset-inline-start:calc(\n    var(--parent-padding-inline-start--odd, 0px) +\n      var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n  )}.header--even-expandable{--padding-inline-start:calc(\n        var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n    var(--expandable-button-width) + 5px\n  )\n      )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n        var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n    var(--expandable-button-width) + 5px\n  )\n      )}.header--odd{--padding-inline-start:calc(\n    var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n  )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n    var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n  )}.header--odd .dashed-line{--inset-inline-start:calc(\n    var(--parent-padding-inline-start--even, 0px) +\n      var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n  )}.header--odd-expandable{--padding-inline-start:calc(\n        var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n    var(--expandable-button-width) + 5px\n  )\n      )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n        var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n    var(--expandable-button-width) + 5px\n  )\n      )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n    var(--expandable-button-width) + 5px\n  )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(var(--expandable-button-width) / 2)}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(var(--checkbox-size) / 2);--parent-negative-checkbox-offset:calc(var(--checkbox-size) / 2)}.dashed-line{position:absolute;inset-inline-start:calc( var(--inset-inline-start) + var(--ch-tree-x-list-item-dashed-line--offset) );height:1px;width:calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-x-list-item-dashed-line--offset) - 4px );border:0 dashed #a9a9a9;border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button{display:grid;place-items:center;width:var(--expandable-button-width);height:var(--expandable-button-width);margin-inline-end:5px;z-index:1;content-visibility:auto;contain-intrinsic-size:auto var(--expandable-button-width)}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc(var(--expandable-button-width) - 2px)}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{margin-inline-end:5px}.checkbox::part(container){width:var(--checkbox-size);height:var(--checkbox-size)}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em;content-visibility:auto;contain-intrinsic-size:auto 0.875em}.left-img{grid-area:left-img;margin-inline-end:5px}.right-img{grid-area:right-img;margin-inline-start:5px}.edit-name{grid-area:text;width:100%;height:100%;background-color:unset;padding:0;margin:0;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-template-rows:0fr;content-visibility:auto;contain-intrinsic-size:auto 100px}.expanded{grid-template-rows:1fr}:not(.expanded) ::slotted([slot=tree]){display:none;overflow:hidden;content-visibility:hidden}';export{o as ch_checkbox,b as ch_tree_x,m as ch_tree_x_list,I as ch_tree_x_list_item}

package/dist/genexus-ide-ui/p-eb8f4ad5.js

@@ -0,0 +1 @@
+const e=new CSSStyleSheet({disabled:!0});function t(t){t.push(e)}function n(t){const n=new CSSStyleSheet({disabled:!0});n.replace(t);for(let t=0;t<n.cssRules.length;t++)e.insertRule(n.cssRules.item(t).cssText)}function S(){e.disabled=!1}export{n as a,t as b,S as e}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as n,g as e}from"./p-976c3a09.js";import{b as o}from"./p-eb8f4ad5.js";const a=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.showMain=!0,this.showSeparation=!1,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.el.style.setProperty("--ch-window-mask-width",`${t.width}px`),this.el.style.setProperty("--ch-window-mask-height",`${t.height}px`),this.relativeWindow)return;this.el.style.setProperty("--ch-window-inset-inline-start",`${t.left}px`),this.el.style.setProperty("--ch-window-inset-block-start",`${t.top}px`)}else if(this.isContainerCssOverride||!this.container){if(this.el.style.removeProperty("--ch-window-mask-width"),this.el.style.removeProperty("--ch-window-mask-height"),this.relativeWindow)return;this.el.style.removeProperty("--ch-window-inset-inline-start"),this.el.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(),n=t.getPropertyValue("--ch-window-align-y").trim();this.isContainerCssOverride=i.includes("window"),this.validCssAligns.includes(s)&&(this.xAlign=s),this.validCssAligns.includes(n)&&(this.yAlign=n)}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(){o(this.el.shadowRoot.adoptedStyleSheets)}render(){const t="outside-start"===this.yAlign||"outside-end"===this.yAlign,i="outside-start"===this.xAlign||"outside-end"===this.xAlign;return s(n,{style:this.relativeWindow&&{"--ch-window-inset-inline-start":"0px","--ch-window-inset-block-start":"0px"}},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))),this.showMain?s("div",{part:"main"},s("slot",null)):s("slot",null),this.showFooter&&s("footer",{part:"footer"},s("slot",{name:"footer"}))),this.showSeparation&&s("div",{class:{separation:!0,"separation--x":i&&!t,"separation--y":t&&!i,"separation--both":i&&t},part:"separation"})))}get el(){return e(this)}static get watchers(){return{container:["containerHandler"],hidden:["hiddenHandler"]}}};a.style=':host{--ch-window-offset-x:0px;--ch-window-offset-y:0px;--ch-window-separation-x:0px;--ch-window-separation-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;left:calc( var(--ch-window-inset-inline-start) + var(--ch-window-offset-x) + var(--ch-window-separation-x) );inset-block-start:calc( var(--ch-window-inset-block-start) + var(--ch-window-offset-y) + var(--ch-window-separation-y) );width:var(--ch-window-mask-width);height:var(--ch-window-mask-height);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));z-index:inherit}: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%}.separation{position:fixed;inset:0;pointer-events:all}.separation--x{top:var(--ch-window-inset-block-start);width:var(--ch-window-separation);height:var(--ch-window-mask-height)}.separation--y{left:var(--ch-window-inset-inline-start);width:var(--ch-window-mask-width);height:var(--ch-window-separation)}.separation--both{width:calc(var(--ch-window-separation) * 4);height:calc(var(--ch-window-separation) * 4)}:host([x-align=outside-start]) .separation{left:calc( var(--ch-window-inset-inline-start) - var(--ch-window-separation) )}:host([x-align=outside-start]) .separation--both{left:calc( var(--ch-window-inset-inline-start) - var(--ch-window-separation) * 3 )}:host([x-align=outside-end]) .separation{left:calc( var(--ch-window-inset-inline-start) + var(--ch-window-mask-width) )}:host([x-align=outside-end]) .separation--both{left:calc( var(--ch-window-inset-inline-start) + var(--ch-window-mask-width) - var(--ch-window-separation) )}:host([y-align=outside-start]) .separation{top:calc(var(--ch-window-inset-block-start) - var(--ch-window-separation))}:host([y-align=outside-start]) .separation--both{top:calc( var(--ch-window-inset-block-start) - var(--ch-window-separation) * 3 )}:host([y-align=outside-end]) .separation{top:calc( var(--ch-window-inset-block-start) + var(--ch-window-mask-height) )}:host([y-align=outside-end]) .separation--both{top:calc( var(--ch-window-inset-block-start) + var(--ch-window-mask-height) - var(--ch-window-separation) )}';const h=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(n,{role:"button",tabindex:"0",disabled:this.disabled})}};h.style="";export{a as ch_window,h as ch_window_close}

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

@@ -0,0 +1 @@
+import{r as e,h as a,g as l}from"./p-976c3a09.js";const i=class{constructor(l){e(this,l),this.comboValues=[{id:"web-net",label:"Web (.NET)",iconName:null},{id:"android",label:"Android",iconName:"general/android",selected:!0},{id:"apple",label:"Apple",iconName:"general/apple"},{id:"web-angular",label:"Web (Angular)",iconName:"general/angular"},{id:"we-chat-mini-program",label:"We Chat Mini Program",iconName:null}],this.updatedComboValues=[{id:"1",label:"1",iconName:null},{id:"2",label:"2",iconName:"general/android"},{id:"3",label:"3",iconName:"general/apple",selected:!0},{id:"4",label:"4",iconName:"general/angular"}],this.renderComboBoxItems=e=>{const l=[];return e.forEach((e=>{l.push(a("gxg-combo-box-item",{value:e.value||e.id,icon:e.iconName||e.icon,key:e.id},e.label||e.name))})),l},this.getSelectedGxOption=e=>{let a;if(null==e?void 0:e.length)for(let l=0;l<e.length;l++)if(e[l].selected){a=e[l];break}return a?a.id:e[0].id},this.updateFrontEnds=()=>{this.comboValues=this.updatedComboValues},this.valueChangedHandler=e=>{console.log("value updated",e.detail)}}render(){return[a("gxg-combo-box",{id:"combo-fruits",placeholder:"Select item","max-width":"100%","label-position":"start","center-label":!0,"cursor-end":!0,onValueChanged:this.valueChangedHandler},this.renderComboBoxItems(this.comboValues)),a("button",{onClick:this.updateFrontEnds},"update")]}get el(){return l(this)}};i.style=".tree-buttons{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}";export{i as gxg_test}

package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/grid/grid-infinite-scroll/ch-grid-infinite-scroll.css

@@ -0,0 +1,9 @@
+:host {
+  display: flex;
+  grid-column-start: 1;
+  grid-column-end: -1;
+}
+
+.loading:not([hidden]) {
+  display: contents;
+}

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

@@ -1,6 +1,6 @@
 ch-test-tree-x {
   display: grid;
-  grid-template-columns: 350px max-content;
+  grid-template-columns: 500px max-content;
   grid-template-rows: 1fr;
   height: 100%;
 }

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

@@ -725,7 +725,7 @@ FORM ELEMENTS
 :host(.button) .button-native:focus:not([disabled]):not(.no-tab-index) {
   background: var(--color-primary-enabled);
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

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

@@ -1,8 +1,8 @@
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -53,12 +53,16 @@
 }
 
 :host(:hover) {
-  background-color: var(--gxg-background-color-item-hover);
+  background-color: var(--gxg-background-color--hover);
 }
 
 :host([selected]) {
-  background-color: var(--gxg-background-color-item-selected);
-  color: var(--gxg-color-selected);
+  background-color: var(--gxg-background-color--selected);
+  color: var(--gxg-color--selected);
+}
+
+:host([selected]:hover) {
+  background-color: var(--gxg-background-color--selected-hover);
 }
 
 /*********************************************

package/dist/node_modules/@genexus/gemini/dist/collection/components/date-picker/date-picker.css

@@ -997,7 +997,7 @@ FORM ELEMENTS
 }
 #date-picker:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/drop-down/drop-down.css

@@ -715,7 +715,7 @@ FORM ELEMENTS
 }
 :host .select-container:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

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

@@ -715,8 +715,8 @@ FORM ELEMENTS
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -741,7 +741,7 @@ FORM ELEMENTS
 }
 :host input:focus + .box {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

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

@@ -753,7 +753,7 @@ SELECT
 }
 :host .select-selected:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

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

@@ -744,7 +744,7 @@ SELECT
 }
 :host .select-selected:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
   border-color: transparent;

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

@@ -715,8 +715,8 @@ FORM ELEMENTS
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -792,7 +792,7 @@ TEXT
 :host input[type=text]:focus,
 :host input[type=password]:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -853,7 +853,7 @@ INPUT TEXT ICON
   right: 16px;
 }
 
-:host([icon-position=start]) input {
+:host(.has-icon[icon-position=start]) input {
   padding-inline-start: 20px;
 }
 
@@ -1005,10 +1005,10 @@ LARGE VERSION (html tag has 'gxg-large' class)
   padding-right: 7px;
 }
 
-:host(.large[icon-position=start]) input {
+:host(.large.has-icon[icon-position=start]) input {
   padding-inline-start: var(--spacing-comp-05);
 }
-:host(.large[icon-position=start]) input .inner-wrapper gxg-icon {
+:host(.large.has-icon[icon-position=start]) input .inner-wrapper gxg-icon {
   left: 2px;
 }
 
@@ -1034,7 +1034,7 @@ LARGE VERSION (html tag has 'gxg-large' class)
   right: 26px;
 }
 
-:host(.large[icon-position=start][clear-button]) input {
+:host(.large.has-icon[icon-position=start][clear-button]) input {
   padding-inline-end: 26px;
 }
 

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

@@ -715,8 +715,8 @@ FORM ELEMENTS
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -779,7 +779,7 @@ TEXTAREA
 }
 :host textarea:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/label/gxg-label.css

@@ -387,7 +387,7 @@ FORM ELEMENTS
 
 /*DISABLED*/
 :host([disabled]) label {
-  color: var(--gxg-text-color--disabled);
+  color: var(--gxg-color--disabled);
 }
 
 /*********************************************

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

@@ -1,8 +1,8 @@
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -388,6 +388,7 @@ FORM ELEMENTS
   font-family: var(--font-family-primary);
   background-color: var(--color-background);
   color: var(--color-on-background);
+  height: 100%;
 }
 :host .container {
   height: 100%;
@@ -399,11 +400,12 @@ FORM ELEMENTS
   overflow: hidden;
   text-overflow: ellipsis;
   box-sizing: border-box;
-  background-color: var(--gray-02);
+  background-color: var(--gray-01);
+  border-bottom: var(--gxg-border-common-styles);
   padding: var(--spacing-comp-01) var(--spacing-comp-02);
-  text-transform: uppercase;
+  text-transform: capitalize;
   font-size: inherit;
-  font-weight: var(--font-weight-bold);
+  font-weight: var(--font-weight-semibold);
   color: var(--color-on-background);
 }
 :host .main {
@@ -443,10 +445,15 @@ FORM ELEMENTS
 }
 
 .container:focus-within {
-  outline-style: solid;
-  outline-color: var(--color-primary-active);
-  outline-width: var(--border-width-md);
-  outline-offset: 0;
+  outline: none;
+}
+
+.container:not(:focus-within) {
+  --gxg-border-color--focused: transparent;
+}
+
+:host([no-border]) .container {
+  border: none;
 }
 
 /*SUGGESTION LIST*/

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

@@ -1,8 +1,8 @@
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -360,6 +360,7 @@ FORM ELEMENTS
   user-select: none;
   -o-user-select: none;
   outline: none;
+  border-bottom: 1px solid transparent;
 }
 :host .container {
   display: flex;
@@ -384,8 +385,12 @@ FORM ELEMENTS
   cursor: pointer !important;
 }
 
+:host([disabled]) {
+  pointer-events: none;
+}
+
 :host(:hover:not([selected])) {
-  background-color: var(--gxg-background-color-item-hover);
+  background-color: var(--gxg-background-color--hover);
 }
 
 :host(.has-icon.no-checkbox) .container {
@@ -401,18 +406,31 @@ FORM ELEMENTS
 }
 
 /*HIGHLIGHTED*/
-:host([highlighted]) {
-  background-color: var(--gxg-background-color-item-selected);
-  color: var(--color-on-background);
+/*ACTIVE*/
+:host([active]) {
+  outline-style: solid;
+  outline-color: var(--gxg-border-color--focused);
+  outline-width: var(--border-width-md);
+  outline-offset: -2px;
+  background-color: var(--gxg-background-color--hover);
+  color: var(--gxg-color--hover);
 }
 
 /*SELECTED*/
 :host([selected]) {
-  background-color: var(--gxg-background-color-item-active);
-  color: var(--gxg-color-item-active);
+  background-color: var(--gxg-background-color--selected);
+  color: var(--gxg-color--selected);
+  border-bottom-color: var(--color-secondary-hover);
+}
+
+:host([selected]:hover) {
+  background-color: var(--gxg-background-color--selected-hover);
+}
+
+:host(:not([sibling-is-selected])) {
+  border-bottom-color: transparent;
 }
 
-/*ACTIVE*/
 /*********************************************
 LARGE VERSION (html tag has 'gxg-large' class)
 **********************************************/

package/dist/node_modules/@genexus/gemini/dist/collection/components/menu-slim/item/item.css

@@ -679,8 +679,8 @@ FORM ELEMENTS
 :host(.gxg--disabled) .form-element,
 :host(.gxg--disabled.form-element) {
   pointer-events: none;
-  background-color: var(--color-background-disabled) !important;
-  color: var(--color-on-background--disabled) !important;
+  background-color: var(--gxg-background-color--disabled) !important;
+  color: var(--gxg-color--disabled) !important;
   border-color: var(--gxg-border-color--disabled) !important;
   cursor: default !important;
 }
@@ -717,11 +717,11 @@ FORM ELEMENTS
   overflow: hidden;
 }
 :host .menu-item__button:hover {
-  background-color: var(--gxg-background-color-item-hover);
+  background-color: var(--gxg-background-color--hover);
 }
 :host .menu-item__button:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -730,6 +730,6 @@ FORM ELEMENTS
 }
 
 :host([active]) .menu-item__button {
-  color: var(--gxg-color-selected);
-  background-color: var(--gxg-background-color-item-selected);
+  color: var(--gxg-color--selected);
+  background-color: var(--gxg-background-color--selected);
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css

@@ -449,13 +449,13 @@ ch-suggest::part(input) {
 }
 ch-suggest::part(input):focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
 ch-suggest::part(input):focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -487,7 +487,7 @@ ch-suggest::part(close-button)::after {
 }
 ch-suggest::part(close-button):focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -625,7 +625,7 @@ ch-suggest-list-item::part(button) {
 }
 ch-suggest-list-item::part(button):focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
@@ -637,5 +637,5 @@ ch-suggest-list-item gxg-icon::part(ch-icon) {
   margin-right: 2px;
 }
 ch-suggest-list-item:hover {
-  background-color: var(--gxg-background-color-item-hover);
+  background-color: var(--gxg-background-color--hover);
 }

package/dist/node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css

@@ -375,7 +375,7 @@ FORM ELEMENTS
 }
 :host .tab-button:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }

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

@@ -700,7 +700,7 @@ FORM ELEMENTS
   /**
   * @prop --item-hover-color: The color of the item on hover
   */
-  --item-hover-color: var(--gray-01);
+  --item-hover-color: var(--gxg-background-color--hover);
   /**
   * @prop --item-active-color: The color of the active item
   */
@@ -738,16 +738,16 @@ FORM ELEMENTS
   background-color: var(--item-hover-color);
 }
 :host li .li-text:active {
-  background-color: var(--gxg-background-color-item-selected);
+  background-color: var(--gxg-background-color--selected);
 }
 :host li .li-text:focus {
   outline-style: solid;
-  outline-color: var(--color-primary-active);
+  outline-color: var(--gxg-border-color--focused);
   outline-width: var(--border-width-md);
   outline-offset: -2px;
 }
 :host li .li-text--selected {
-  background-color: var(--gxg-background-color-item-selected);
+  background-color: var(--gxg-background-color--selected);
 }
 :host li .li-text > * {
   flex-shrink: 0;

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

@@ -0,0 +1,49 @@
+gxg-tree-view {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: 1fr;
+  height: 100%;
+}
+
+.tree-buttons {
+  display: grid;
+  grid-auto-rows: max-content;
+  row-gap: 8px;
+}
+
+:not(.ch-tree-x-dragging-item) ch-tree-x-list-item:not([selected])::part(header):hover {
+  background-color: #e8e8e9;
+}
+
+.ch-tree-x-list-item--drag-enter {
+  background-color: #eee;
+  box-shadow: inset 0 0 1px 0px black;
+}
+.ch-tree-x-list-item--drag-enter[selected]::part(header) {
+  background-color: #eee;
+}
+
+ch-tree-x-list-item::part(header) {
+  border: 1px solid transparent;
+}
+ch-tree-x-list-item[selected]::part(header) {
+  background-color: #cfdee6;
+  border-color: #0266a0;
+}
+ch-tree-x-list-item.ch-tree-x-list-item--editing::part(header) {
+  background-color: rgba(207, 222, 230, 0.5);
+  border-color: transparent;
+}
+ch-tree-x-list-item:not(.ch-tree-x-list-item--editing)::part(header):focus-visible {
+  border-color: black;
+  z-index: 1;
+}
+
+.ch-tree-x-drag-info {
+  padding-inline: 6px;
+  padding-block: 2px;
+  background-color: #cfdee6;
+  border: 1px solid #0266a0;
+  border-radius: 10px;
+  font-size: 8px;
+}

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

@@ -5,4 +5,4 @@ export declare const renderFormItems: (componentType: "gxg-combo-box-item" | "gx
  * @param gxOptions An array of GxOptions's
  * @returns The first option in the array that is 'selected'. If no one found it returns null.
  */
-export declare const getSelectedGxOption: (gxOptions: GxOption[]) => GxOption;
+export declare const getSelectedGxOption: (gxOptions: GxOption[], onlyId?: boolean) => GxOption | string | void;