@genexus/genexus-ide-ui 0.0.30 → 0.0.31

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

@@ -0,0 +1 @@
+import{r as t,c as r,h as o,H as i,g as e}from"./p-976c3a09.js";import{a}from"./p-01406cbc.js";import{r as n}from"./p-925cb9fe.js";import{K as l}from"./p-6a84b339.js";import{e as s}from"./p-d8501cb4.js";import{s as g}from"./p-e46e26a6.js";import{c}from"./p-e7e4f76c.js";const h=class{constructor(o){t(this,o),this.valueChanged=r(this,"valueChanged",7),this.opened=r(this,"opened",7),this.closed=r(this,"closed",7),this.toggled=r(this,"toggled",7),this.parts={input:"input",clearButton:"clear-button",toggleButton:"toggle-button"},this.setInitialValueTimes=0,this.disabled=!1,this.label=void 0,this.labelPosition="above",this.minWidth="0",this.maxWidth="100%",this.listMaxHeight="244px",this.placeholder="Search item",this.disableFilter=!1,this.disableClear=!1,this.strict=!1,this.caseSensitive=!1,this.listPosition="below",this.centerLabel=!1,this.required=!1,this.validationStatus="indeterminate",this.cursorEnd=!1,this.userTyped=!1,this.formMessageLogic=a,this.inputTextValue="",this.listIsOpen=!1,this.inputTextIcon=void 0,this.inputTextIconPosition=null,this.noMatch=!1,this.lastAllowedValue=void 0,this.slottedContent=null,this.selectionProgramatic=!0,this.myObserver=null,this.detectClickOutsideCombo=this.detectClickOutsideComboFunc.bind(this),this.detectMouseScroll=this.detectMouseScrollFunc.bind(this),this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=s(t,this.parts);r.length&&(this.exportparts=r)},this.mutationRemoveObserver=()=>{this._mo=function(t,r){const o=new MutationObserver((t=>{for(const o of t)if("childList"===o.type){const t=Array.from(o.removedNodes);for(const o of t)o.nodeType===Node.ELEMENT_NODE&&(r.removedItem=o)}}));return o.observe(t,{childList:!0}),o}(this.el,this)},this.inputHandler=t=>{this.userTyped=!0;const r=this.sanitizeString(t.detail),o=this.filterList(r);this.strict?1===o.length&&(this.value=o[0].value):this.value=r},this.keyDownHandler=t=>{let r;t.code!==l.ARROW_DOWN&&t.code!==l.ARROW_UP||t.preventDefault(),t.code===l.ARROW_DOWN?(r=this.getNewItem("next"),(null==r?void 0:r.value)&&(this.value=null==r?void 0:r.value),n(this.itemsContainer,this.selectedItem,l.ARROW_DOWN),t.altKey&&this.showList()):t.code===l.ARROW_UP?(r=this.getNewItem("prev"),(null==r?void 0:r.value)&&(this.value=null==r?void 0:r.value),n(this.itemsContainer,this.selectedItem,l.ARROW_UP)):t.code===l.ENTER?(this.hideList(),this.showAllItems()):t.code===l.SPACE?this.showList():t.code===l.ESCAPE?(this.showAllItems(),this.hideList()):t.code===l.TAB&&this.showList&&this.hideList()},this.handleValueChangeFormText=t=>{this.value=t.detail},this.filterList=t=>{t=this.sanitizeString(t),!this.caseSensitive&&(t=t.toLowerCase());const r=this.getEnabledItems(),o=[];return r.length&&r.forEach((r=>{const i=this.caseSensitive?r.textContent:r.textContent.toLocaleLowerCase();!r.disabled&&i.includes(t)?(o.push(r),r.hidden=!1):r.hidden=!0})),o.length>=1?this.showList():this.hideList(),o},this.showAllItems=()=>{const t=this.getEnabledItems();null==t||t.forEach((t=>{(null==t?void 0:t.hidden)&&(t.hidden=!1)}))},this.cleanup=()=>{this.myObserver.unobserve(document.body),document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0),this._mo.disconnect()},this.setup=()=>{this.setIndexes(),this.setInitialValue()},this.setIndexes=()=>{this.getAllItems().forEach(((t,r)=>{t.index=r}))},this.getEnabledItems=()=>{const t=[];return this.getAllItems().forEach((r=>{!r.disabled&&t.push(r)})),t},this.getFilteredItems=()=>{const t=this.getEnabledItems(),r=[];return t.forEach((t=>{!t.hidden&&r.push(t)})),r},this.getAllItems=()=>{const t=[];return this.el.querySelectorAll("gxg-combo-box-item").forEach((r=>{t.push(r)})),t},this.getItemByValue=t=>{let r;return t&&(r=this.getEnabledItems().find((r=>!r.disabled&&(null==r?void 0:r.value)&&r.value===t))),r},this.clearSelectedItem=()=>{const t=this.getEnabledItems();null==t||t.forEach((t=>{t.selected&&(t.selected=!1)})),this.selectedItem=void 0,this.clearIcon()},this.getValueByText=t=>{!this.caseSensitive&&(t=t.toLowerCase());const r=this.getEnabledItems(),o=null==r?void 0:r.find((r=>{const o=this.caseSensitive?r.textContent:r.textContent.toLocaleLowerCase();return!r.disabled&&o===t}));return null==o?void 0:o.value},this.getNewItem=t=>{const r=this.getFilteredItems(),o=null==r?void 0:r.findIndex((t=>t===this.selectedItem));return"next"===t?-1===o?r[0]:r[o+1]:"prev"===t&&-1!==o?r[o-1]:void 0},this.setSelectedItem=t=>!!t&&(this.selectedItem&&(this.selectedItem.selected=!1),t.selected=!0,this.selectedItem=t,!0),this.sanitizeString=t=>"string"==typeof t?t.replace(/\s+/g," ").trim():t,this.setInitialValue=()=>{this.setInitialValueTimes++;const t=this.getEnabledItems()[0];if(this.value&&void 0===this.removedItem){const t=this.getItemByValue(this.value);t?this.text=t.innerText:this.strict?this.value=void 0:this.text=this.value.toString()}else t?(this.value=t.value,this.text=t.innerText):this.strict&&(this.value=void 0)},this.toggleListButtonClickHandler=()=>{this.disabled||(this.showAllItems(),this.toggleList(),this.focus())},this.inputTextClickHandler=()=>{this.disabled||this.disableFilter&&this.toggleList()},this.toggleList=()=>{this.disabled||(this.listIsOpen=!this.listIsOpen)},this.showList=()=>{this.disabled||(this.listIsOpen=!0)},this.hideList=()=>{this.disabled||(this.listIsOpen=!1)},this.clearIcon=()=>{this.disabled||(this.inputTextIcon=null,this.inputTextIconPosition=null)}}disabledHandler(t){!0===t?(this.valueBeforeDisabled=this.value,this.textBeforeDisabled=this.text,this.iconBeforeDisabled=this.inputTextIcon,this.iconPositionBeforeDisabled=this.inputTextIconPosition,this.value=null,this.inputTextIcon=null,this.inputTextIconPosition=null):(this.value=this.valueBeforeDisabled,this.text=this.textBeforeDisabled,this.inputTextIcon=this.iconBeforeDisabled,this.inputTextIconPosition=this.iconPositionBeforeDisabled)}componentDidUpdate(){const t=this.itemsContainerBottomOverflows();this.listPosition=t?"above":"below"}componentWillLoad(){this.setup(),this.attachExportParts(),this.mutationRemoveObserver()}componentDidLoad(){this.resizeObserver()}disconnectedCallback(){this.cleanup()}async open(){this.listIsOpen=!0}async close(){this.listIsOpen=!1}async getValueByIndex(t){const r=this.getEnabledItems().filter((r=>r.index===t))[0];return null==r?void 0:r.value}async setValueByIndex(t){const r=this.getEnabledItems().filter((r=>r.index===t))[0];return!(!r||!r.value||(this.value=r.value,0))}async selectInputText(){this.inputText.selectInputText()}itemSelectedHandler(t){this.value=t.detail.value,this.inputText.focus()}itemDidLoadHandler(){this.setIndexes(),this.setInitialValue()}keyDownComboItemHandler(t){t.stopPropagation(),"ArrowUp"===t.detail?this.inputText.focus():"Tab"!==t.detail&&"Escape"!==t.detail||(this.listIsOpen=!1,this.inputText.focus())}onValueChanged(t){let r,o;this.setInitialValueTimes>1&&this.valueChanged.emit(t),this.clearSelectedItem(),this.userTyped?r=this.getValueByText(t):(!this.listIsOpen&&this.showAllItems(),r=t),o=this.getItemByValue(r),o?(this.setSelectedItem(o),this.setIcon(o.icon),(null==o?void 0:o.textContent)&&(this.text=o.textContent)):this.strict?(this.text=void 0,this.value=void 0):this.text=t,this.userTyped=!1}listIsOpenHandler(t){let r=!1;t?(r=!0,document.addEventListener("click",this.detectClickOutsideCombo,!0),document.addEventListener("scroll",this.detectMouseScroll,!0),this.opened.emit(),this.repositionItemsContainer()):(document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0),this.closed.emit()),this.toggled.emit(r)}selectedItemHandler(t){t&&(t.selected=!0)}removedItemHandler(t){t.value===this.value&&this.setup()}setIcon(t){t?(this.inputTextIcon=t,this.inputTextIconPosition="start"):(this.inputTextIcon=null,this.inputTextIconPosition=null)}focus(){this.inputText.focus()}detectClickOutsideComboFunc(t){const r=this.el.shadowRoot.querySelector(".main-container"),o=t.x,i=t.y,e=r.getBoundingClientRect();o>e.left&&o<e.right&&i>e.top&&i<e.bottom||0===t.screenX&&0===t.screenY&&0===t.clientX&&0===t.clientY||(this.listIsOpen=!1)}detectMouseScrollFunc(){this.listIsOpen=!1}clearCombo(){this.disabled||(this.value=void 0,this.listIsOpen=!0,this.focus())}resizeObserver(){this.myObserver=new ResizeObserver((t=>{t.forEach((()=>{this.repositionItemsContainer()}))})),this.myObserver.observe(document.body),this.myObserver.observe(this.el)}repositionItemsContainer(){const t=this.inputText;this.itemsContainer.style.width=t.clientWidth+"px";const r=t.getBoundingClientRect();this.itemsContainer.style.top=r.y+r.height+"px"}itemsContainerBottomOverflows(){const t=window.innerHeight;return this.el.getBoundingClientRect().bottom+this.itemsContainer.clientHeight>t}render(){const t=this.value&&!this.disableFilter&&!this.disableClear;return o(i,{class:{"gxg-combo-box--disabled":this.disableFilter,large:g.large},style:{maxWidth:this.maxWidth,minWidth:this.minWidth},exportParts:this.exportparts?this.exportparts:null},o("div",{class:{"main-container":!0},ref:t=>this.mainContainer=t},this.label?o("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label):null,o("div",{class:"search-and-items-container",ref:t=>this.searchItemsContainer=t},o("div",{class:{"search-container":!0}},o("gxg-form-text",{placeholder:this.placeholder,onInput:this.inputHandler.bind(this),onKeyDown:this.keyDownHandler,onClick:this.inputTextClickHandler,value:this.text,icon:this.fixedIcon||this.inputTextIcon,iconPosition:this.fixedIcon?"start":this.inputTextIconPosition,readonly:this.disableFilter,ref:t=>this.inputText=t,validationStatus:this.validationStatus,disabled:this.disabled,onValueChanged:this.handleValueChangeFormText,cursorEnd:this.cursorEnd,preventValueChangedEmit:!0,preventValueChangeOnDisabled:!0,class:{"clear-icon":t},part:this.parts.input}),o("div",{class:"buttons-wrapper"},t?o("gxg-button",{class:{"button-icon delete-icon":!0},icon:"menus/delete",type:"tertiary",onClick:()=>this.clearCombo(),tabindex:"-1",fit:!0,disabled:this.disabled,part:this.parts.clearButton}):null,o("gxg-button",{class:{"button-icon":!0},icon:"navigation/arrow-down",type:"secondary-icon-only",onClick:this.toggleListButtonClickHandler,fit:!0,disabled:this.disabled,tabindex:"-1",part:this.parts.toggleButton}))),o("div",{class:{"items-container":!0,"items-container--show":this.listIsOpen,"items-container--no-match":this.noMatch,"items-container--below":"below"===this.listPosition,"items-container--above":"above"===this.listPosition},style:{maxHeight:this.listMaxHeight},ref:t=>this.itemsContainer=t},o("slot",null),this.noMatch&&this.strict?o("div",{class:"no-ocurrences-found"},"No occurrences found",o("span",null,"ctrl/cmd + backspace to erase")):null))),this.formMessageLogic(this))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{disabled:["disabledHandler"],value:["onValueChanged"],listIsOpen:["listIsOpenHandler"],selectedItem:["selectedItemHandler"],removedItem:["removedItemHandler"]}}};h.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{font-family:var(--font-family-primary);display:block}:host gxg-form-text::part(input){padding-inline-end:var(--spacing-comp-05)}:host gxg-form-text.clear-icon::part(input){padding-inline-end:calc(var(--spacing-comp-05) * 2)}:host .main-container{width:100%;position:relative;}:host .main-container .label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lay-xs)}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;top:2px;height:calc(100% - 4px);display:flex;align-items:center;padding-inline-start:var(--spacing-comp-01);inset-inline-end:2px}:host .main-container .search-container .buttons-wrapper .button-icon{height:20px;width:20px}:host .main-container .items-container{border:var(--border-width-sm) solid var(--gxg-border-color--regular);border-radius:var(--border-radius-md);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-background);position:fixed;width:inherit;box-sizing:border-box;z-index:999;display:none;}:host .main-container .items-container::-webkit-scrollbar{width:6px;height:6px}:host .main-container .items-container::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main-container .items-container::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main-container .items-container::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main-container .items-container--show{display:block}:host .main-container .items-container--no-match{display:none}:host .main-container .items-container .no-ocurrences-found{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-on-background);padding:var(--spacing-comp-01);background-color:var(--color-background)}:host .main-container .items-container .no-ocurrences-found span{display:block;color:var(--gray-04)}:host .main-container .items-container.exact-match{overflow-y:hidden}:host .main-container .items-container--above{transform:translateY(calc(-100% - 24px));border-top-width:1px;border-bottom-width:0;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:0;border-bottom-left-radius:0}:host .search-and-items-container{flex:1}:host([label-position=start]) .main-container{display:flex;flex-direction:row}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) .main-container .label{display:flex;font-size:var(--font-size-lg);margin-bottom:var(--spacing-lay-xs);line-height:1.455em}:host(.large) .main-container .items-container .no-ocurrences-found{font-size:var(--font-size-lg)}";const f=class{constructor(o){t(this,o),this.itemSelected=r(this,"itemSelected",7),this.itemDidLoad=r(this,"itemDidLoad",7),this.keyDownPressed=r(this,"keyDownPressed",7),this.icon=void 0,this.disabled=!1,this.selected=!1,this.exactMatch=!1,this.hidden=!1,this.setup=()=>{this.value||(this.value=this.el.innerHTML)},this.clickHandler=()=>{this.itemSelected.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}}componentWillLoad(){this.setup(),this.iconColor=this.disabled?"ondisabled":"auto"}componentDidLoad(){this.itemDidLoad.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}iconColorHandler(){return this.disabled?"disabled":"auto"}render(){return o(i,{onClick:this.clickHandler,class:{large:g.large,"no-icon":!this.icon,[c.DISABLED_CLASS]:this.disabled}},o("div",{class:{container:!0,"form-element":!0}},this.icon?o("gxg-icon",{color:this.iconColorHandler(),size:g.large?"regular":"small",type:this.icon}):null,o("div",{class:"description"},o("slot",null))))}get el(){return e(this)}};f.style=":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;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-family:var(--font-family-primary);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-on-background);opacity:1;overflow:hidden}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-01);width:100%;height:var(--gxg-list-item-height);box-sizing:border-box;}:host gxg-icon{flex-shrink:0}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-left:var(--spacing-comp-02)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--gxg-background-color-item-hover)}:host([selected]){background-color:var(--gxg-background-color-item-selected);color:var(--gxg-color-selected)}:host(.large){font-size:var(--font-size-lg);min-height:auto}:host(.large) gxg-icon{margin-right:var(--spacing-comp-01)}";const m=class{constructor(r){t(this,r),this.noPadding=!1,this.flexContainer=!1,this.flexDirection="column",this.isSelected=!1}render(){return o(i,{class:{open:this.isSelected,"not-selected":!this.isSelected,"no-padding":this.noPadding,large:g.large}},o("div",{class:{container:!0,"container--flex":this.flexContainer,"flex-column":"column"===this.flexDirection,"flex-row":"row"===this.flexDirection},part:"container"},o("slot",null)))}get el(){return e(this)}};m.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{height:100%;display:block}:host .container{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;height:100%;box-sizing:border-box;padding:var(--spacing-comp-03)}:host(.not-selected){display:none}:host(.no-padding) .container{padding:0}.container--flex{display:flex}.container--flex.flex-column{flex-direction:column}.container--flex.flex-row{flex-direction:row}:host(.large) .container{font-size:var(--font-size-lg)}";const v=class{constructor(r){t(this,r),this.parts={buttonMenu:"button-menu"},this.hidden=!1,this.appendedButtons=0,this.tabBarMenuHeight="auto",this.tabBarMenuWidth="auto",this.tabBarMenuCollapsed=!0,this.lastAddedOrRemovedTabBarButtonWidth=0,this.rtl=!1,this.evaluateMenuButtonsTabIndex=t=>{t?this.disableTabIndex():this.enableTabIndex()},this.setFocus=t=>{if(t)this.tabBarMenuToggleButton.focus();else{const t=this.el.querySelectorAll("[slot=tab-menu]");t.length&&t[0].focus()}},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=s(t,this.parts);r.length&&(this.exportparts=r)},this.enableTabIndex=()=>{this.el.querySelectorAll("gxg-tab-button").forEach((t=>{t.removeAttribute("tabindex")}))},this.disableTabIndex=()=>{this.el.querySelectorAll("[slot=tab-menu]").forEach((t=>{t.setAttribute("tabindex","-1")}))},this.detectClickOutsideTabBarMenu=this.detectClickOutsideTabBarMenu.bind(this)}openMenu(t){t.stopPropagation(),this.tabBarMenuCollapsed=!1,document.addEventListener("click",this.detectClickOutsideTabBarMenu)}tabBarMenuCollapsedHandler(t){this.evaluateMenuButtonsTabIndex(t),this.setFocus(t)}tabActivatedHandler(){this.tabBarMenuCollapsed=!0}PrevOrNextTabHandler(t){const r=[],o=this.el.querySelectorAll("gxg-tab-button");o&&o.forEach((t=>{t.disabled||t.hidden||r.push(t)}));const i=t.detail.arrowPressed,e=t.target,a=r.findIndex((t=>t===e));let n;"ArrowLeft"===i&&-1!==a?n=r[a-1]:"ArrowRight"===i&&-1!==a&&(n=r[a+1]),n&&n.tabButtonClick()}appendTabItemsToMenu(){const t=this.el.parentElement.position,r=this.el.children.item(0).clientHeight;let o;"top"===t||"bottom"===t?o=this.el.parentElement.offsetWidth:"right"!==t&&"left"!==t||(o=this.el.parentElement.offsetHeight);const i=this.tabBar.offsetWidth;if(i+20>o){const t=this.el.querySelectorAll("gxg-tab-button[slot='tab-bar']"),r=t[t.length-1];r&&(this.lastAddedOrRemovedTabBarButtonWidth=r.offsetWidth,r.classList.add("menu-button"),r.setAttribute("slot","tab-menu"),this.appendedButtons++)}else if(i+20+this.lastAddedOrRemovedTabBarButtonWidth<o){const t=this.el.querySelectorAll("[slot=tab-menu]")[0];t&&(t.classList.remove("menu-button"),t.setAttribute("slot","tab-bar"),this.lastAddedOrRemovedTabBarButtonWidth=t.offsetWidth,this.appendedButtons--)}"right"!==t&&"left"!==t||(this.tabBarMenuHeight=this.appendedButtons*r+"px"),this.evaluateMenuButtonsTabIndex(this.tabBarMenuCollapsed)}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const t=document.getElementsByTagName("html")[0].getAttribute("dir"),r=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==r||(this.rtl=!0),new ResizeObserver((t=>{t.forEach((()=>{this.appendTabItemsToMenu()}))})).observe(this.el.parentElement);const o=this.el.querySelectorAll("gxg-tab-button").length;for(let t=0;t<=o;t++)this.appendTabItemsToMenu();const i=this.el.parentElement.getAttribute("position");"bottom"===i&&(this.tabBarMenuPosition="bottom"),"right"===i&&(this.tabBarMenuPosition="right"),this.setIndexToTabButtons()}setIndexToTabButtons(){this.el.querySelectorAll("gxg-tab-button").forEach(((t,r)=>{t.setAttribute("data-index",r.toString())}))}renderTabBarMenu(){if(this.appendedButtons>0)return o("div",{class:"tab-bar__menu"},o("gxg-button",{onClick:this.openMenu.bind(this),type:"tertiary",icon:"gemini-tools/show-more-vertical",ref:t=>this.tabBarMenuToggleButton=t,part:this.parts.buttonMenu}))}detectClickOutsideTabBarMenu(t){const r=t.x,o=t.y,i=this.tabBarMenu.getBoundingClientRect();r>i.left&&r<i.right&&o>i.top&&o<i.bottom||(this.tabBarMenuCollapsed=!0)}componentDidUnload(){document.removeEventListener("click",this.detectClickOutsideTabBarMenu)}render(){return o(i,{class:{rtl:this.rtl,"gxg-tab-bar":!0,"gxg-tab-bar--hidden":this.hidden},exportParts:this.exportparts?this.exportparts:null},o("nav",{class:{nav:!0}},o("ul",{class:"tab-bar",ref:t=>this.tabBar=t},o("slot",{name:"tab-bar"})),this.renderTabBarMenu(),o("ul",{class:{"tab-bar-menu":!0,"tab-bar-menu--collapsed":this.tabBarMenuCollapsed,top:"top"===this.tabBarMenuPosition,right:"right"===this.tabBarMenuPosition,bottom:"bottom"===this.tabBarMenuPosition,left:"left"===this.tabBarMenuPosition},style:{"--tabBarMenuHeight":this.tabBarMenuHeight,"--tabBarMenuWidth":this.tabBarMenuWidth},ref:t=>this.tabBarMenu=t},o("slot",{name:"tab-menu"}))))}get el(){return e(this)}static get watchers(){return{tabBarMenuCollapsed:["tabBarMenuCollapsedHandler"]}}};v.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--tabBarMenuHeight:0;--tabBarMenuWidth:0;display:inline-flex;text-align:right;position:relative;display:flex;justify-content:space-between}:host .nav{display:flex;justify-content:space-between;width:100%}:host .tab-bar{list-style-type:none;padding-inline-start:0;display:flex !important;margin-bottom:0;margin-top:0;font-family:var(--font-family-primary);background-color:var(--color-background)}:host .tab-bar__menu{display:flex;align-items:center}:host .tab-bar-menu{border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);height:var(--tabBarMenuHeight);position:absolute;z-index:10;background-color:var(--color-on-primary);right:0;margin:0;padding:0;list-style:none;display:inline-flex;flex-direction:column;overflow:hidden;transition-property:height;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-bar-menu.bottom{bottom:0}:host .tab-bar-menu.right{bottom:0;rotate:90deg;transform-origin:top right;transform:translateX(100%);height:auto !important;width:var(--tabBarMenuHeight)}:host .tab-bar-menu--collapsed{height:0}:host .tab-bar-menu--collapsed.right{width:0}:host(.gxg-tab-bar--hidden){display:none}:host(.rtl) .tab-bar-menu{left:0;right:auto}";const d=class{constructor(o){t(this,o),this.tabActivated=r(this,"tabActivated",7),this.PrevOrNextTab=r(this,"PrevOrNextTab",7),this.parts={button:"button"},this.hidden=!1,this.tabLabel=null,this.tab=null,this.isSelected=!1,this.disabled=!1,this.icon=null,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=s(t,this.parts);r.length&&(this.exportparts=r)}}async tabButtonClick(){this.buttonClickHandler(),this.tabButton.focus()}isSelectedHandler(t){t?this.el.removeAttribute("tabindex"):this.el.setAttribute("tabindex","-1")}hiddenHandler(t){t?this.el.setAttribute("tabindex","-1"):this.el.removeAttribute("tabindex")}buttonClickHandler(){this.isSelected=!0;const t=parseInt(this.el.getAttribute("data-index"),10);this.tabActivated.emit({tab:this.tab,index:t})}buttonKeyDownHandler(t){"ArrowRight"===t.key||"ArrowLeft"===t.key?this.PrevOrNextTab.emit({originTab:this.tab,arrowPressed:t.key}):"ArrowUp"!==t.key&&"ArrowDown"!==t.key||t.preventDefault()}printIcon(){if(null!==this.icon)return o("gxg-icon",this.disabled?{color:"disabled",type:this.icon}:{type:this.icon})}componentWillLoad(){this.attachExportParts(),this.hiddenHandler(this.hidden)}componentDidLoad(){this.isSelected&&this.tabActivated.emit()}render(){return o(i,{class:{large:g.large},exportParts:this.exportparts?this.exportparts:null},o("li",{class:"tab-item"},o("button",{disabled:this.disabled,class:{"tab-button":!0,"tab-button--hidden":this.hidden,"tab-button--selected":!0===this.isSelected,"tab-button--text-icon":null!==this.tabLabel&&null!==this.icon,large:g.large},onClick:this.buttonClickHandler.bind(this),onKeyDown:this.buttonKeyDownHandler.bind(this),ref:t=>this.tabButton=t,part:this.parts.button},this.printIcon(),o("span",{class:"tab-button__text"},this.tabLabel)),o("slot",null)))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{isSelected:["isSelectedHandler"],hidden:["hiddenHandler"]}}};d.style=':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block;align-self:center !important;line-height:0}:host .tab-button{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-transform:uppercase;color:var(--color-on-background);letter-spacing:var(--letter-spacing-regular);padding-top:0;padding-right:var(--spacing-comp-05);padding-bottom:0;padding-left:var(--spacing-comp-05);margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border:0;width:100%;min-height:var(--spacing-comp-06);position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;transition:box-shadow 0.2s ease-in-out;background:transparent;transition-property:box-shadow;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host .tab-button:after{content:"";width:100%;height:var(--spacing-comp-01);left:0;bottom:0;position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:hover{cursor:pointer}:host .tab-button:hover:focus{outline-color:var(--color-primary-hover)}:host .tab-button:hover:after{background-color:var(--color-primary-hover)}:host .tab-button:active:after{background-color:var(--color-primary-active)}:host .tab-button[disabled]{color:var(--color-primary-disabled);pointer-events:none}:host .tab-button[disabled]:after{background-color:var(--gxg-border-color--disabled)}:host .tab-button--selected:after{background-color:var(--color-primary-active)}:host .tab-button--text-icon gxg-icon{margin-right:var(--spacing-comp-02)}:host .tab-button--hidden{display:none}:host .tab-button__text{display:inline-block}:host([slot=tab-menu]) .tab-button{padding-left:0;padding-right:0}:host(.menu-button){width:100%;box-sizing:border-box;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host(.menu-button) .tab-button{padding:0 var(--spacing-comp-04)}:host(.menu-button) .tab-button:after{display:none}:host(.menu-button:hover){background:var(--color-secondary)}:host(.large) .tab-button{font-size:var(--font-size-lg)}';const p=class{constructor(r){t(this,r),this.position="top",this.height="100%",this.maxHeight="100%",this.minWidth="200px",this.noPadding=!1,this.activeTab="",this.getTab=t=>this.el.querySelector(`gxg-tab-button[key=${t}]`)}tabActivatedHandler(t){t.stopPropagation(),this.updateActiveChildren(t.target.tab,"gxg-tab-button"),this.updateActiveChildren(t.target.tab,"gxg-tab")}componentWillLoad(){this.configureTabs()}updateActiveChildren(t,r){const o=Array.from(this.el.querySelectorAll(r));for(const r of o)r.isSelected=t===r.tab}configureTabs(){const t=this.el.querySelectorAll("gxg-tab");this.noPadding&&t.forEach((t=>{t.noPadding=!0}))}async setActiveTab(t){if(t){const r=this.getTab(t);(null==r?void 0:r.disabled)||(this.updateActiveChildren(t,"gxg-tab-button"),this.updateActiveChildren(t,"gxg-tab"))}}render(){return o(i,{style:{height:this.height,maxHeight:this.maxHeight,minWidth:this.minWidth}},o("div",{class:"main-container"},"bottom"===this.position?[o("div",{class:"tabs-container"},o("slot",null)),o("div",{class:"tab-bar-container"},o("slot",{name:"tab-bar-container"}))]:[o("div",{class:"tab-bar-container"},o("slot",{name:"tab-bar-container"})),o("div",{class:"tabs-container"},o("slot",null))]))}get el(){return e(this)}};p.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block;height:auto;background:var(--color-background);border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);position:relative}.main-container{height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between}.tabs-container{height:100%;overflow-y:auto}.tabs-container::-webkit-scrollbar{width:6px;height:6px}.tabs-container::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.tabs-container::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.tabs-container::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host([position=left]) .tab-bar-container{transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10}:host([position=left]) .tabs-container{height:100%;width:calc(100% - 32px);margin-left:32px}:host([position=right]) .tab-bar-container{transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10;left:calc(100% - 32px)}:host([position=right]) .tabs-container{height:100%;width:calc(100% - 32px)}";export{h as gxg_combo_box,f as gxg_combo_box_item,m as gxg_tab,v as gxg_tab_bar,d as gxg_tab_button,p as gxg_tabs}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,H as o,g as n}from"./p-976c3a09.js";const e=class{constructor(o){t(this,o),this.actionClick=i(this,"actionClick",7),this.focusChange=i(this,"focusChange",7),this.hasItems=!1,this.expandBehavior="ClickOrHover",this.forceContainingBlock=!0,this.openOnFocus=!1,this.position="Center_OutsideEnd",this.dropDownItemContent=()=>[!!this.leftImgSrc&&s("img",{slot:"action","aria-hidden":"true",class:"left-img",part:"left-img",alt:"",src:this.leftImgSrc,loading:"lazy"}),s("span",{slot:"action",class:"content",part:"content"},s("slot",null)),!!this.rightImgSrc&&s("img",{slot:"action","aria-hidden":"true",class:"right-img",part:"right-img",alt:"",src:this.rightImgSrc,loading:"lazy"})],this.checkItems=()=>{this.hasItems=!!this.el.querySelector(":scope>ch-dropdown-item")},this.noItemsRender=()=>this.href?s("a",{class:"action",part:"action target",href:this.href,onClick:this.handleActionClick,onFocus:this.handleFocus,ref:t=>this.mainElement=t},this.dropDownItemContent(),s("slot",{name:"items",onSlotchange:this.checkItems})):s("button",{class:"action",part:"action button",type:"button",onClick:this.handleActionClick,onFocus:this.handleFocus,ref:t=>this.mainElement=t},this.dropDownItemContent(),s("slot",{name:"items",onSlotchange:this.checkItems})),this.itemsRender=()=>s("ch-dropdown",{class:"action",exportparts:"expandable-button:action,expandable-button:button,expandable-button:expandable-action,separation,list,section,mask,header,footer,window",expandBehavior:this.expandBehavior,nestedDropdown:!0,openOnFocus:this.openOnFocus,position:this.position},this.dropDownItemContent(),s("slot",{name:"items",slot:"items",onSlotchange:this.checkItems})),this.handleActionClick=()=>{this.actionClick.emit(this.el.id)},this.handleFocus=()=>{this.focusChange.emit()}}async handleFocusElement(){this.mainElement.focus()}componentWillLoad(){this.checkItems()}render(){return s(o,{role:"listitem"},this.hasItems?this.itemsRender():this.noItemsRender())}get el(){return n(this)}};e.style=":where(a,button){all:unset}*,::before,::after{box-sizing:border-box}: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;width:100%;height:100%;cursor:pointer;text-align:start}.left-img,.right-img{display:block;width:24px;height:24px;min-width:24px}.content{width:100%}";export{e as ch_dropdown_item}

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

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

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

@@ -42,9 +42,11 @@
 
 .option {
   position: absolute;
-  inset: calc(50% - min(0.25em, 5px));
-  width: min(0.5em, 10px);
-  height: min(0.5em, 10px);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: 50%;
+  height: 50%;
   background-color: #000;
   opacity: 0;
   pointer-events: none;

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

@@ -36,42 +36,24 @@
   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);
+ch-window[y-align=outside-start] {
+  --ch-window-separation: var(--separation-y);
+  --ch-window-separation-y: calc(var(--separation-y) * -1);
 }
-.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);
+
+ch-window[y-align=outside-end] {
+  --ch-window-separation: var(--separation-y);
+  --ch-window-separation-y: var(--separation-y);
 }
-.separation--x-outside-end {
-  inset-inline-end: calc(var(--separation-x) * -1);
+
+ch-window[x-align=outside-start] {
+  --ch-window-separation: var(--separation-x);
+  --ch-window-separation-x: calc(var(--separation-x) * -1);
 }
-.separation--x-outside-end + ch-window {
-  --ch-window-offset-x: var(--separation-x);
+
+ch-window[x-align=outside-end] {
+  --ch-window-separation: var(--separation-x);
+  --ch-window-separation-x: var(--separation-x);
 }
 
 .list {

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

@@ -38,8 +38,4 @@
 
 .content {
   width: 100%;
-}
-
-.dummy-wrapper {
-  display: contents;
 }

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

@@ -4,16 +4,6 @@ ch-test-tree-x {
   grid-template-rows: 1fr;
   height: 100%;
 }
-ch-test-tree-x > .test-tree-x-scroll {
-  position: relative;
-  overflow-y: auto;
-  margin-inline-end: 16px;
-}
-ch-test-tree-x > .test-tree-x-scroll > ch-tree-x {
-  position: absolute;
-  inset: 0;
-  margin: 2px;
-}
 
 .tree-buttons {
   display: grid;

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

@@ -1,11 +1,22 @@
 ch-tree-x {
   display: flex;
+  position: relative;
+  overflow: auto;
 }
-ch-tree-x.ch-tree-x-dragging-item :not(.ch-tree-x-list-item--accept-drop) {
+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-item .ch-tree-x-list-item--accept-drop {
-  pointer-events: all;
+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;
@@ -22,8 +33,14 @@ ch-tree-x.ch-tree-x-waiting-drop-processing > ch-tree-x-list {
   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%;
 }

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

@@ -15,13 +15,15 @@
 
 :host {
   --checkbox-size: 1em;
-  --expandable-button-width: 12px;
+  --expandable-button-width: 0.75em;
+  --ch-tree-x-list-item-dashed-line--offset: 0px;
   --tab-width: calc(
     var(--checkbox-size) + var(--expandable-button-width) +
       (5px * 2)
   );
   display: grid;
   grid-template-rows: min-content;
+  overflow: hidden;
 }
 
 .header {
@@ -116,22 +118,29 @@
 
 .dashed-line {
   position: absolute;
-  inset-inline-start: var(--inset-inline-start);
+  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) - 4px );
+  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;
-  contain-intrinsic-size: auto 100px;
+  z-index: 1;
 }
 
-.last-dashed-line {
+.last-all-line {
   inset-block-start: 0;
   height: calc(100% - var(--distance-to-checkbox));
   border-inline-start-width: 1px;
   border-end-start-radius: 2px;
-  pointer-events: none;
+}
+
+.last-line {
+  inset-block-start: 0;
+  height: 100%;
+  border-inline-start-width: 1px;
+  border-style: solid;
+  border-block-end: unset;
 }
 
 .expandable-button {
@@ -141,6 +150,8 @@
   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: "";
@@ -162,6 +173,10 @@
 .checkbox {
   margin-inline-end: 5px;
 }
+.checkbox::part(container) {
+  width: var(--checkbox-size);
+  height: var(--checkbox-size);
+}
 
 .action {
   display: grid;
@@ -180,16 +195,18 @@
   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: 6px;
+  margin-inline-end: 5px;
 }
 
 .right-img {
   grid-area: right-img;
-  margin-inline-start: 6px;
+  margin-inline-start: 5px;
 }
 
 .edit-name {

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-separation-x: 0px;
+  --ch-window-separation-y: 0px;
   --ch-window-x-outside: 0px;
   --ch-window-y-outside: 0px;
 }
@@ -21,8 +23,10 @@
   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) );
+  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 {
@@ -48,6 +52,7 @@
   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%;
@@ -60,4 +65,48 @@
 }
 :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) );
 }

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

@@ -58,7 +58,7 @@
 
 :host([selected]) {
   background-color: var(--gxg-background-color-item-selected);
-  color: var(--gxg-color-item-active);
+  color: var(--gxg-color-selected);
 }
 
 /*********************************************

package/package.json

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

package/dist/genexus-ide-ui/p-097a3eeb.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s,H as e,g as o}from"./p-976c3a09.js";const n=class{constructor(e){t(this,e),this.actionClick=i(this,"actionClick",7),this.focusChange=i(this,"focusChange",7),this.hasItems=!1,this.expandBehavior="ClickOrHover",this.forceContainingBlock=!0,this.openOnFocus=!1,this.position="Center_OutsideEnd",this.dropDownItemContent=()=>[!!this.leftImgSrc&&s("img",{"aria-hidden":"true",class:"left-img",part:"left-img",alt:"",src:this.leftImgSrc,loading:"lazy"}),s("span",{class:"content",part:"content"},s("slot",null)),!!this.rightImgSrc&&s("img",{"aria-hidden":"true",class:"right-img",part:"right-img",alt:"",src:this.rightImgSrc,loading:"lazy"})],this.checkItems=()=>{this.hasItems=!!this.element.querySelector(":scope>ch-dropdown-item")},this.noItemsRender=()=>this.href?s("a",{class:"action",part:"action target",href:this.href,onClick:this.handleActionClick,onFocus:this.handleFocus,ref:t=>this.mainElement=t},this.dropDownItemContent(),s("slot",{name:"items",onSlotchange:this.checkItems})):s("button",{class:"action",part:"action button",type:"button",onClick:this.handleActionClick,onFocus:this.handleFocus,ref:t=>this.mainElement=t},this.dropDownItemContent(),s("slot",{name:"items",onSlotchange:this.checkItems})),this.itemsRender=()=>s("ch-dropdown",{class:"action",exportparts:"expandable-button:action,expandable-button:button,expandable-button:expandable-action,separation,list,section,mask,header,footer,window",expandBehavior:this.expandBehavior,nestedDropdown:!0,openOnFocus:this.openOnFocus,position:this.position},s("div",{class:"dummy-wrapper",slot:"action"},this.dropDownItemContent()),s("slot",{name:"items",slot:"items",onSlotchange:this.checkItems})),this.handleActionClick=()=>{this.actionClick.emit(this.element.id)},this.handleFocus=()=>{this.focusChange.emit()}}async handleFocusElement(){this.mainElement.focus()}componentWillLoad(){this.checkItems()}render(){return s(e,{role:"listitem"},this.hasItems?this.itemsRender():this.noItemsRender())}get element(){return o(this)}};n.style=":where(a,button){all:unset}*,::before,::after{box-sizing:border-box}: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;width:100%;height:100%;cursor:pointer;text-align:start}.left-img,.right-img{display:block;width:24px;height:24px;min-width:24px}.content{width:100%}.dummy-wrapper{display:contents}";export{n as ch_dropdown_item}

package/dist/genexus-ide-ui/p-3d9a4ede.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as n,w as a}from"./p-976c3a09.js";import{m as h}from"./p-080f6c41.js";const r="ch-tree-x-list-item",d="ch-tree-x-list,"+r,o=(t,e)=>t.composedPath().includes(e),l=()=>document.activeElement.editing,c=class{constructor(i){t(this,i),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.itemsDropped=e(this,"itemsDropped",7),this.keyDownEvents={ArrowDown:t=>{o(t,this.el)&&!l()&&(t.preventDefault(),document.activeElement.focusNextItem(h(t)))},ArrowUp:t=>{o(t,this.el)&&!l()&&(t.preventDefault(),document.activeElement.focusPreviousItem(h(t)))},F2:t=>{document.activeElement.tagName.toLowerCase()===r&&(t.preventDefault(),document.activeElement.editing=!0)}},this.needForRAF=!0,this.lastPageX=0,this.lastPageY=0,this.selectedItemsInfo=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingItem=!1,this.level=-1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.showLines=!1,this.waitDropProcessing=!1,this.trackItemDragEnter=t=>{t.stopPropagation();const e=t.target;if(!this.validDroppableZone(e.id))return;if(e.tagName.toLowerCase()!==r)return;const i=e;i.dragState="enter",this.openSubTreeAfterCountdown(i)},this.validDroppableZone=t=>!this.draggedIds.includes(t)&&!this.draggedParentIds.includes(t),this.trackItemDragLeave=t=>{const e=t.target;if(e.tagName.toLowerCase()!==r)return;const i=e;i.dragState="none",this.cancelSubTreeOpening(i)},this.trackItemDrag=t=>{t.preventDefault(),this.lastPageX=t.pageX,this.lastPageY=t.pageY,this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-x-dragging-item-x",`${this.lastPageX}px`),this.el.style.setProperty("--ch-tree-x-dragging-item-y",`${this.lastPageY}px`)})))},this.handleKeyDownEvents=t=>{const e=this.keyDownEvents[t.key];e&&e(t)}}handleShowLinesChange(t){this.el.querySelectorAll(d).forEach((e=>{e.showLines=t}))}async scrollIntoVisible(t){const e=this.el.querySelector(`${r}#${t}`);if(!e)return;let i=e.parentElement.parentElement;for(;i.tagName.toLowerCase()===r;)i.expanded=!0,i=i.parentElement.parentElement;requestAnimationFrame((()=>{e.scrollIntoView()}))}handleItemDragStart(t){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=t.target,this.updateDragInfo(t.detail),this.el.addEventListener("dragenter",this.trackItemDragEnter,{capture:!0,passive:!0}),this.el.addEventListener("dragleave",this.trackItemDragLeave,{capture:!0,passive:!0}),setTimeout((()=>{this.draggingItem=!0}),10)}handleItemDragEnd(){this.draggingItem=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.el.removeEventListener("dragenter",this.trackItemDragEnter,{capture:!0}),this.el.removeEventListener("dragleave",this.trackItemDragLeave,{capture:!0}),this.resetVariables()}handleItemDrop(t){t.stopPropagation(),this.cancelSubTreeOpening(null,!0),this.validDroppableZone(t.target.id)&&this.itemsDropped.emit(t.detail)}handleSelectedItemChange(t){t.stopPropagation(),this.handleItemSelection(t.target,t.detail)}openSubTreeAfterCountdown(t){this.cancelSubTreeOpening(t),t.leaf||t.expanded||(this.lastOpenSubTreeItem=t,this.openSubTreeTimeout=setTimeout((()=>{t.expanded=!0}),this.openSubTreeCountdown))}cancelSubTreeOpening(t,e=!1){(this.lastOpenSubTreeItem===t||e)&&clearTimeout(this.openSubTreeTimeout)}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}updateDragInfo(t){const e=t.elem,i=this.selectedItemsInfo.has(e.id);let s;if(i){const t=[...this.selectedItemsInfo.keys()],i=t.length;this.draggedIds=t,s=t.join(","),this.dragInfo=1===i?e.caption:i.toString()}else s=e.id,this.draggedIds=[s],this.dragInfo=e.caption;this.getDirectParentsOfDraggableItems(i),t.dataTransfer.setData("text/plain",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()===r&&this.draggedParentIds.push(t.id)}}handleItemSelection(t,e){e.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.forEach((t=>{t.itemRef.selected=!1})),this.clearSelectedItems(),t.selected=e.selected),e.selected?this.selectedItemsInfo.set(e.id,e):this.selectedItemsInfo.delete(e.id),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}connectedCallback(){this.el.addEventListener("keydown",this.handleKeyDownEvents,{capture:!0})}disconnectedCallback(){this.el.removeEventListener("keydown",this.handleKeyDownEvents),this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-x-dragging-item":this.draggingItem,"ch-tree-x-waiting-drop-processing":this.waitDropProcessing}},i("slot",null),this.draggingItem&&i("span",{"aria-hidden":"true",class:"ch-tree-x-drag-info"},this.dragInfo))}get el(){return n(this)}static get watchers(){return{showLines:["handleShowLinesChange"]}}};let p;c.style="ch-tree-x{display:flex}ch-tree-x.ch-tree-x-dragging-item :not(.ch-tree-x-list-item--accept-drop){pointer-events:none}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--accept-drop{pointer-events:all}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}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";const g=class{constructor(e){t(this,e),this.level=0,this.showLines=!0,this.updateLastItemDashedLine=()=>{const t=this.slotRef.assignedElements();if(0===t.length)return;const e=t.length-1;for(let i=0;i<e;i++)t[i].lastItem=!1;t[e].lastItem=!0}}handleShowLinesChange(t){t&&this.updateLastItemDashedLine()}componentWillLoad(){const t=this.el.parentElement;this.level=t.level+1,p||(p=t),this.showLines=p.showLines}render(){return i(s,{role:0===this.level?"tree":"group"},i("slot",{onSlotchange:this.showLines&&0!==this.level?this.updateLastItemDashedLine:null,ref:t=>this.slotRef=t}))}get el(){return n(this)}static get watchers(){return{showLines:["handleShowLinesChange"]}}};g.style=":host{display:grid;grid-auto-rows:min-content;position:relative;width:100%}";const x=new Image,b="ch-tree-x-list-item",u=`:scope>*>${b}`,m=`${b}:not([disabled])`,f=`:scope>*>${b}:last-child`,v="expandable",w="Enter";let k;const y=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.itemDrop=e(this,"itemDrop",7),this.loadLazyContent=e(this,"loadLazyContent",7),this.modifyCaption=e(this,"modifyCaption",7),this.selectedItemChange=e(this,"selectedItemChange",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.disabled=!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=!0,this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=t=>{t.stopPropagation(),(t.code===w||"Escape"===t.code)&&(t.preventDefault(),this.removeEditMode(!0,t.code===w)())},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({ctrlKeyPressed:h(t),expanded:this.expanded,goToReference:!1,id:this.el.id,itemRef:this.el,parentId:this.el.parentElement.parentElement.id,selected:!0})},this.handleActionDblClick=t=>{t.stopPropagation(),h(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=>{h(t)&&t.code===w&&(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=>{t.stopPropagation(),this.editing?t.preventDefault():(t.dataTransfer.setDragImage(x,0,0),this.dragState="start",this.itemDragStart.emit({elem:this.el,dataTransfer:t.dataTransfer}))},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=t=>{t.stopPropagation(),this.dragState="none",this.itemDrop.emit({dropItemId:this.el.id,dataTransfer:t.dataTransfer})}}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()}handleShowLinesChange(t){t&&this.lastItem?this.setResizeObserver():this.disconnectObserver(),k.showLines=t}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(m);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(f);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(u))}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({ctrlKeyPressed:!0,expanded:this.expanded,goToReference:!1,id:this.el.id,itemRef:this.el,parentId:this.el.parentElement.parentElement.id,selected:t})}setSelected(t){this.selected=!0,this.selectedItemChange.emit({ctrlKeyPressed:!1,expanded:this.expanded,goToReference:t,id:this.el.id,itemRef:this.el,parentId:this.el.parentElement.parentElement.id,selected:!0})}toggleOrSelect(t){h(t)?this.toggleSelected():this.setSelected(!0)}componentWillLoad(){const t=this.el.parentElement;if(this.level=t.level,k||(k=t.parentElement),this.showLines=k.showLines,this.lazyLoadItems(this.expanded),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&&"start"!==this.dragState,h=!this.leaf&&!this.lazyLoad;return i(s,{role:"treeitem","aria-selected":this.selected?"true":null,class:{[b+"--downloading"]:this.downloading,[b+"--editing"]:this.editing,[b+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[b+"--accept-drop"]:a},style:{"--level":`${this.level}`},onDrop:a?this.handleDrop:null},i("button",{"aria-controls":h?v:null,"aria-expanded":h?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:!0,onDragStart:this.handleDragStart,onDragEnd: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}),i("div",{class:{action:!0,"readonly-mode":!this.editing},onDblClick:this.leaf?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"}),this.showLines&&0!==this.level&&i("div",{class:{"dashed-line":!0,"last-dashed-line":this.lastItem},part:"dashed-line"+(this.lastItem?" last-dashed-line":"")})),h&&i("div",{"aria-busy":this.downloading.toString(),"aria-live":this.downloading?"polite":null,id:v,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"],showLines:["handleShowLinesChange"]}}};y.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:12px;--tab-width:calc(\n    var(--checkbox-size) + var(--expandable-button-width) +\n      (5px * 2)\n  );display:grid;grid-template-rows:min-content}.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:var(--inset-inline-start);height:1px;width:calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - 4px );border:0 dashed #a9a9a9;border-block-end-width:1px;pointer-events:none;content-visibility:hidden;contain-intrinsic-size:auto 100px}.last-dashed-line{inset-block-start:0;height:calc(100% - var(--distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px;pointer-events:none}.expandable-button{display:grid;place-items:center;width:var(--expandable-button-width);height:var(--expandable-button-width);margin-inline-end:5px;z-index:1}.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}.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}.left-img{grid-area:left-img;margin-inline-end:6px}.right-img{grid-area:right-img;margin-inline-start:6px}.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{c as ch_tree_x,g as ch_tree_x_list,y as ch_tree_x_list_item}

package/dist/genexus-ide-ui/p-4bbe1c18.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as e,g as o}from"./p-976c3a09.js";const n=class{constructor(i){t(this,i),this.displayedItemsCountChange=s(this,"displayedItemsCountChange",7),this.needForRAF=!0,this.totalItems=-1,this.displayedItems=-1,this.buttonLabel="More actions",this.itemsOverflowBehavior="ResponsiveCollapse",this.expandBehavior="ClickOrHover",this.moreActionsButtonPosition="Start",this.moreActionsDropdownPosition="InsideStart_OutsideEnd",this.openOnFocus=!1,this.updateDisplayedActions=()=>{const t=this.slotItems.assignedElements(),s=getComputedStyle(this.actionsContainer).columnGap,i=null!=s&&s.endsWith("px")?Number(s.replace("px","")):0;let e=this.actionsContainer.clientWidth+i-1,o=0;t.forEach((t=>{e-=t.clientWidth+i,e>=0?(t.floating=!1,o++):t.floating=!0})),this.totalItems=t.length,this.displayedItems=o,this.displayedItemsCountChange.emit(o)},this.updateDisplayedActionInFrame=()=>{this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.updateDisplayedActions()})))},this.updateActionsWatcher=()=>{"ResponsiveCollapse"===this.itemsOverflowBehavior&&(this.disconnectActionsObserver(),this.connectActionsObserver())}}handleOverflowBehaviorChange(t){"ResponsiveCollapse"!==t&&this.slotItems.assignedElements().forEach((t=>{t.floating=!1})),this.setResponsiveCollapse()}connectActionsObserver(){this.actionsWatcher=new ResizeObserver(this.updateDisplayedActionInFrame),this.slotItems.assignedElements().forEach((t=>{this.actionsWatcher.observe(t)}))}connectActionsContainerObserver(){this.actionsContainerWatcher=new ResizeObserver(this.updateDisplayedActionInFrame),this.actionsContainerWatcher.observe(this.el)}disconnectActionsObserver(){this.actionsWatcher&&(this.actionsWatcher.disconnect(),this.actionsWatcher=null)}disconnectActionsContainerObserver(){this.actionsContainerWatcher&&(this.actionsContainerWatcher.disconnect(),this.actionsContainerWatcher=null)}setResponsiveCollapse(){this.disconnectActionsObserver(),this.disconnectActionsContainerObserver(),"ResponsiveCollapse"===this.itemsOverflowBehavior&&(this.connectActionsObserver(),this.connectActionsContainerObserver())}componentDidLoad(){this.setResponsiveCollapse()}disconnectedCallback(){this.disconnectActionsObserver(),this.disconnectActionsContainerObserver()}render(){return i(e,{role:"menubar","aria-label":this.accessibleName},"ResponsiveCollapse"===this.itemsOverflowBehavior&&this.totalItems!==this.displayedItems&&i("ch-dropdown",{exportparts:"expandable-button:more-actions-button,separation:more-actions-separation,list:more-actions-list,section:more-actions-section,mask:more-actions-mask",buttonLabel:this.buttonLabel,class:"more-actions",part:"more-actions",expandBehavior:this.expandBehavior,openOnFocus:this.openOnFocus,position:this.moreActionsDropdownPosition},i("slot",{name:"more-items",slot:"items"})),i("div",{class:{actions:!0,"actions--scroll":"AddScroll"===this.itemsOverflowBehavior,"actions--multiline":"Multiline"===this.itemsOverflowBehavior,"actions--responsive":"ResponsiveCollapse"===this.itemsOverflowBehavior},part:"actions",ref:t=>this.actionsContainer=t},i("slot",{name:"items",onSlotchange:this.updateActionsWatcher,ref:t=>this.slotItems=t})))}get el(){return o(this)}static get watchers(){return{itemsOverflowBehavior:["handleOverflowBehaviorChange"]}}};n.style='*,::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}';const a=class{constructor(s){t(this,s),this.avoidFloating=!1,this.floating=!1}componentWillLoad(){if(this.avoidFloating)return;const t=this.el.closest("ch-action-group");t&&(this.floating="ResponsiveCollapse"===t.itemsOverflowBehavior)}render(){return i("slot",null)}get el(){return o(this)}};a.style="ch-action-group-item[floating]{position:absolute;visibility:hidden}";export{n as ch_action_group,a as ch_action_group_item}

package/dist/genexus-ide-ui/p-5c64c57f.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.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

@@ -1 +0,0 @@
-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}