npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.66 → 0.0.67 - Mend

@genexus/genexus-ide-ui 0.0.66 → 0.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (325) hide show

package/dist/genexus-ide-ui/p-d0160e61.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,h as e,H as r}from"./p-0906fb46.js";import{s as o}from"./p-a85038e2.js";const a=class{constructor(e){t(this,e),this.disabled=!1,this.target="_self",this.type="text-regular",this.textAlign="start",this.padding="none",this.maxWidth="100%",this.iconAlign="center",this.iconAuto=!1,this.italic=!1,this.evaluateIconColor=()=>this.iconAuto?"auto":o.mercury&&"text-regular"===this.type?"mercury":o.mercury&&"text-link"===this.type?"primary-enabled":"auto"}textType(){let t;switch(this.type){case"text-regular":t=e("p",{style:{maxWidth:this.maxWidth},class:"gxg-text"},e("slot",null));break;case"text-gray":t=e("p",{style:{maxWidth:this.maxWidth},class:"gxg-text--gray"},e("slot",null));break;case"text-quote":t=e("q",{style:{maxWidth:this.maxWidth},class:"gxg-quote"},e("slot",null));break;case"text-link":t=e("a",{style:{maxWidth:this.maxWidth},href:this.href,target:this.target,class:{"gxg-link":!0,disabled:this.disabled}},e("slot",null));break;case"text-link-no-line":t=e("a",{style:{maxWidth:this.maxWidth},href:this.href,target:this.target,class:{"gxg-link":!0,"no-line":!0,disabled:this.disabled}},e("slot",null));break;case"text-link-gray":t=e("a",{style:{maxWidth:this.maxWidth},href:this.href,target:this.target,class:{"gxg-link-gray":!0,disabled:this.disabled}},e("slot",null));break;case"text-link-gray-no-line":t=e("a",{style:{maxWidth:this.maxWidth},href:this.href,target:this.target,class:{"gxg-link-gray":!0,"no-line":!0,disabled:this.disabled}},e("slot",null));break;case"text-alert-error":t=e("p",{style:{maxWidth:this.maxWidth},class:"gxg-alert-error"},e("slot",null));break;case"text-alert-warning":t=e("p",{style:{maxWidth:this.maxWidth},class:"gxg-alert-warning"},e("slot",null));break;case"text-alert-success":t=e("p",{style:{maxWidth:this.maxWidth},class:"gxg-alert-success"},e("slot",null));break;case"button-like":t=e("button",{class:{"gxg-button-like":!0,disabled:this.disabled}},e("slot",null));break;default:t=e("p",{style:{maxWidth:this.maxWidth},class:{"gxg-text":!0,disabled:this.disabled}},e("slot",null))}return t}render(){return e(r,{class:{large:o.large,mercury:o.mercury,icon:void 0!==this.icon,"icon--center":"center"===this.iconAlign,"icon--top":"top"===this.iconAlign}},e("div",{class:"wrapper"},this.icon?e("gxg-icon",{type:this.icon,color:this.evaluateIconColor()}):null,this.textType()))}};a.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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{display:flex;font-size:14px}:host .wrapper{display:flex;flex-direction:row;gap:var(--spacing-comp-02)}:host p,:host q,:host a{display:block;margin:0;padding:0;line-height:1.6em}:host p.no-line,:host q.no-line,:host a.no-line{text-decoration:none}:host .disabled{pointer-events:none;color:var(--gxg-color--disabled) !important}:host([text-align=start]){justify-content:flex-start}:host([text-align=center]){justify-content:center}:host([text-align=center]) .wrapper *{text-align:center}:host([text-align=end]){justify-content:flex-end}:host([padding=s]){padding:var(--spacing-comp-01)}:host([padding=m]){padding:var(--spacing-comp-02)}:host([type=button-like]) button{background-color:transparent;border:none;font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary-enabled);letter-spacing:var(--letter-spacing-xs);cursor:pointer}:host([type=button-like]) button:hover{color:var(--color-primary-hover)}:host([type=button-like]) button:focus{outline:none;text-decoration:underline}:host(.icon){display:flex;flex-direction:row}:host(.icon--center) .wrapper{align-items:center}:host(.icon--top) .wrapper{align-items:flex-start}:host(.large) .gxg-text,:host(.large) .gxg-text--gray,:host(.large) .gxg-quote,:host(.large) .gxg-link,:host(.large) .gxg-link-gray,:host(.large) .gxg-alert-error,:host(.large) .gxg-alert-warning,:host(.large) .gxg-alert-success{font-size:var(--font-size-lg)}:host(.mercury) .gxg-text,:host(.mercury) .gxg-link{font-size:var(--mc-font-size-xs)}:host(.mercury) .gxg-text{color:var(--gray-02)}:host(.mercury[italic]){font-style:italic}";export{a as gxg_text}

package/dist/genexus-ide-ui/p-d829c57e.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as i,h as o,H as r,g as e}from"./p-0906fb46.js";import{a,b as n}from"./p-b9fca59c.js";import{r as s}from"./p-925cb9fe.js";import{K as l}from"./p-6a84b339.js";import{e as c}from"./p-d8501cb4.js";import{s as h}from"./p-a85038e2.js";import{c as g}from"./p-e7e4f76c.js";const d=class{constructor(o){t(this,o),this.valueChanged=i(this,"valueChanged",7),this.opened=i(this,"opened",7),this.closed=i(this,"closed",7),this.toggled=i(this,"toggled",7),this.parts={input:"input",clearButton:"clear-button",toggleButton:"toggle-button"},this.componentDidLoadFlag=!1,this.popOver=!0,this.toolTip=!1,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.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"),i=c(t,this.parts);i.length&&(this.exportparts=i)},this.mutationRemoveObserver=()=>{this._mo=function(t,i){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&&(i.removedItem=o)}}));return o.observe(t,{childList:!0}),o}(this.el,this)},this.inputHandler=t=>{this.userTyped=!0;const i=this.sanitizeString(t.detail),o=this.filterList(i);this.strict?1===o.length&&(this.value=o[0].value):this.value=i},this.keyDownHandler=t=>{let i;t.code!==l.ARROW_DOWN&&t.code!==l.ARROW_UP||t.preventDefault(),t.code===l.ARROW_DOWN?(i=this.getNewItem("next"),(null==i?void 0:i.value)&&(this.value=null==i?void 0:i.value),s(this.itemsContainer,this.selectedItem,l.ARROW_DOWN),t.altKey&&this.showList()):t.code===l.ARROW_UP?(i=this.getNewItem("prev"),(null==i?void 0:i.value)&&(this.value=null==i?void 0:i.value),s(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.evaluatePopOver=()=>{this.popOver&&this.itemsContainer.setAttribute("popover","")},this.filterList=t=>{t=this.sanitizeString(t),!this.caseSensitive&&(t=t.toLowerCase());const i=this.getEnabledItems(),o=[];return i.length&&i.forEach((i=>{const r=this.caseSensitive?i.textContent:i.textContent.toLocaleLowerCase();!i.disabled&&r.includes(t)?(o.push(i),i.hidden=!1):i.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,i)=>{t.index=i}))},this.getEnabledItems=()=>{const t=[];return this.getAllItems().forEach((i=>{!i.disabled&&t.push(i)})),t},this.getFilteredItems=()=>{const t=this.getEnabledItems(),i=[];return t.forEach((t=>{!t.hidden&&i.push(t)})),i},this.getAllItems=()=>{const t=[];return this.el.querySelectorAll("gxg-combo-box-item").forEach((i=>{t.push(i)})),t},this.getItemByValue=t=>{let i;return t&&(i=this.getEnabledItems().find((i=>!i.disabled&&(null==i?void 0:i.value)&&i.value===t))),i},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 i=this.getEnabledItems(),o=null==i?void 0:i.find((i=>{const o=this.caseSensitive?i.textContent:i.textContent.toLocaleLowerCase();return!i.disabled&&o===t}));return null==o?void 0:o.value},this.getNewItem=t=>{const i=this.getFilteredItems(),o=null==i?void 0:i.findIndex((t=>t.selected));return"next"===t?-1===o?i[0]:i[o+1]:"prev"===t&&-1!==o?i[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=()=>{const t=this.getEnabledItems()[0];if(this.value&&void 0===this.removedItem){const t=this.getItemByValue(this.value);t?(this.text=t.innerText,this.inputTextIcon=t.icon,t.selected=!0):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)}}componentDidUpdate(){const t=this.itemsContainerBottomOverflows();this.listPosition=t?"above":"below"}componentWillLoad(){this.setup(),this.attachExportParts(),this.mutationRemoveObserver()}componentDidLoad(){this.resizeObserver(),this.componentDidLoadFlag=!0,this.evaluatePopOver()}disconnectedCallback(){this.cleanup()}async open(){this.listIsOpen=!0}async close(){this.listIsOpen=!1}async getValueByIndex(t){const i=this.getEnabledItems().filter((i=>i.index===t))[0];return null==i?void 0:i.value}async setValueByIndex(t){const i=this.getEnabledItems().filter((i=>i.index===t))[0];return!(!i||!i.value||(this.value=i.value,0))}async selectInputText(){this.inputText.selectInputText()}itemSelectedHandler(t){this.value=t.detail.value,this.inputText.focus()}itemDidLoadHandler(){this.setIndexes()}keyDownComboItemHandler(t){t.stopPropagation(),"ArrowUp"===t.detail?this.inputText.focus():"Tab"!==t.detail&&"Escape"!==t.detail||(this.listIsOpen=!1,this.inputText.focus())}onValueChanged(t){setTimeout((()=>{let i,o;this.componentDidLoadFlag&&this.valueChanged.emit(t),this.clearSelectedItem(),this.userTyped?i=this.getValueByText(t):(!this.listIsOpen&&this.showAllItems(),i=t),o=this.getItemByValue(i),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}),20)}listIsOpenHandler(t){let i=!1;t?(i=!0,document.addEventListener("click",this.detectClickOutsideCombo,!0),document.addEventListener("scroll",this.detectMouseScroll,!0),this.opened.emit(),this.repositionItemsContainer(),this.popOver&&this.itemsContainer.showPopover()):(document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0),this.closed.emit(),this.popOver&&this.itemsContainer.hidePopover()),this.toggled.emit(i)}selectedItemHandler(t){t&&(t.selected=!0)}removedItemHandler(t){t.value===this.value&&this.setup()}setIcon(t){this.inputTextIcon=t||null}focus(){this.inputText.focus()}detectClickOutsideComboFunc(t){const i=this.el.shadowRoot.querySelector(".main-container"),o=t.x,r=t.y,e=i.getBoundingClientRect();o>e.left&&o<e.right&&r>e.top&&r<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 i=t.getBoundingClientRect();this.itemsContainer.style.top=i.y+i.height+"px",this.popOver&&(this.itemsContainer.style.left=i.x+"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(r,{class:{"gxg-combo-box--disabled":this.disableFilter,tooltip:this.toolTip,large:h.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:"outer-wrapper"},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:"start",readonly:this.disableFilter,ref:t=>this.inputText=t,validationStatus:this.validationStatus,disabled:this.disabled,onValueChanged:this.handleValueChangeFormText,cursorEnd:this.cursorEnd,preventValueChangedEmit:!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--not-popover":!this.popOver,"items-container--show":this.listIsOpen&&!this.popOver,"items-container--popover":this.popOver,"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.toolTip?n(this,!1):null)),this.toolTip?null:a(this))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["onValueChanged"],listIsOpen:["listIsOpenHandler"],selectedItem:["selectedItemHandler"],removedItem:["removedItemHandler"]}}};d.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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}.popover{margin:0;top:435px}: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 .outer-wrapper{display:flex;align-items:center}: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;box-sizing:border-box;}:host .main-container .items-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}:host .main-container .items-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}:host .main-container .items-container::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}:host .main-container .items-container::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host .main-container .items-container--not-popover{display:none}: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--popover{padding:0;margin:0}: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}:host([label-position=start]) .main-container .outer-wrapper{flex:1}.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 m=class{constructor(o){t(this,o),this.itemSelected=i(this,"itemSelected",7),this.itemDidLoad=i(this,"itemDidLoad",7),this.keyDownPressed=i(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":this.selected?"primary-enabled":"auto"}render(){return o(r,{onClick:this.clickHandler,class:{large:h.large,"no-icon":!this.icon,[g.DISABLED_CLASS]:this.disabled}},o("div",{class:{container:!0,"form-element":!0}},this.icon?o("gxg-icon",{color:this.iconColorHandler(),size:h.large?"regular":"small",type:this.icon}):null,o("div",{class:"description"},o("slot",null))))}get el(){return e(this)}};m.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block;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--hover)}:host([selected]){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(.large){font-size:var(--font-size-lg);min-height:auto}:host(.large) gxg-icon{margin-right:var(--spacing-comp-01)}";export{d as gxg_combo_box,m as gxg_combo_box_item}

package/dist/genexus-ide-ui/p-d9e0d054.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,h as s,H as i}from"./p-0906fb46.js";function e(t){t.ParentObject.refreshGrid(t.ControlName)}class n{static load(t,s){var i;this.grid=t,this.state=null!=s?s:{},this.state.Columns=null!==(i=this.state.Columns)&&void 0!==i?i:[],this.loadLocal(),this.apply()}static setColumnSort(t,s){this.state.SortColumnName=t,this.state.SortDirection=s}static setColumnHidden(t,s){this.getColumn(t).Hidden=s,this.saveLocal()}static setColumnSize(t,s){this.getColumn(t).Size=s,this.saveLocal()}static setColumnFreeze(t,s){this.getColumn(t).Freeze=s,this.saveLocal()}static setColumnOrder(t,s){this.getColumn(t).Order=s,this.saveLocal()}static setColumnFilterEqual(t,s){this.getColumnFilter(t).Equal=s,this.updateIsFiltering(t)}static setColumnFilterLess(t,s){this.getColumnFilter(t).Less=s,this.updateIsFiltering(t)}static setColumnFilterGreater(t,s){this.getColumnFilter(t).Greater=s,this.updateIsFiltering(t)}static apply(){var t,s;const i=this.grid.getColumnByHtmlName((null!==(t=this.state.SortColumnName)&&void 0!==t?t:"").toUpperCase());i&&(i.SortDirection=this.state.SortDirection),null===(s=this.state.Columns)||void 0===s||s.forEach((t=>{var s,i,e,n,r,h;const l=this.grid.getColumnByHtmlName(t.Name.toUpperCase());l&&("boolean"==typeof t.Hidden&&(l.Hidden=t.Hidden?-1:0),t.Size&&(l.Size="length",l.SizeLength=t.Size),t.Order&&(l.order=t.Order),l.filterEqual=null!==(i=(null!==(s=t.Filter)&&void 0!==s?s:{}).Equal)&&void 0!==i?i:l.filterEqual,l.filterLess=null!==(n=(null!==(e=t.Filter)&&void 0!==e?e:{}).Less)&&void 0!==n?n:l.filterLess,l.filterGreater=null!==(h=(null!==(r=t.Filter)&&void 0!==r?r:{}).Greater)&&void 0!==h?h:l.filterGreater,this.updateIsFiltering(l.htmlName))}))}static loadLocal(){this.grid.columns.forEach((t=>{var s;const i=null===(s=localStorage.getItem(`${this.grid.ControlName}-${t.htmlName}`))||void 0===s?void 0:s.split("|");i&&(""!==i[0]&&(this.getColumn(t.htmlName).Hidden="true"===i[0]),""!==i[1]&&(this.getColumn(t.htmlName).Size=i[1]),""!==i[2]&&(this.getColumn(t.htmlName).Order=parseInt(i[2])),""!==i[3]&&(this.getColumn(t.htmlName).Freeze=i[3]))}))}static saveLocal(){this.state.Columns.forEach((t=>{localStorage.setItem(`${this.grid.ControlName}-${t.Name}`,[t.Hidden,t.Size,t.Order,t.Freeze].join("|"))}))}static getColumn(t){let s=this.state.Columns.find((s=>0===s.Name.localeCompare(t)));return s||(s={Name:t},this.state.Columns.push(s)),s}static getColumnFilter(t){const s=this.getColumn(t);return s.Filter||(s.Filter={}),s.Filter}static updateIsFiltering(t){const s=this.grid.getColumnByHtmlName(t);s.isFiltering=!!(s.filterEqual||s.filterGreater||s.filterGreater)}}const r=class{constructor(s){t(this,s)}controlStateHandler(){this.loadState()}componentWillLoad(){this.loadState()}componentWillRender(){this.defineColumnRender()}componentDidLoad(){this.setCurrentRow(),this.notifyResizePopup()}selectionChangedHandler(t){const s=this.getRowIndexByGxId(t.detail.rowsId[0]);s>=0&&(this.grid.execC2VFunctions(),this.grid.selectRow(s))}cellClickedHandler(t){const s=this.getRowIndexByGxId(t.detail.rowId),i=parseInt(t.detail.cellId);s>=0&&this.grid.executeEvent(i,s)}navigateClickedHandler(t){switch(t.detail.type){case"first":(s=this.grid).OnPaginationFirst?s.OnPaginationFirst():s.usePaging&&s.changeGridPage("FIRST");break;case"previous":!function(t){t.OnPaginationPrevious?t.OnPaginationPrevious():t.usePaging&&t.changeGridPage("PREV")}(this.grid);break;case"next":!function(t){t.OnPaginationNext?t.OnPaginationNext():t.usePaging&&t.changeGridPage("NEXT")}(this.grid);break;case"last":!function(t){t.OnPaginationLast?t.OnPaginationLast():t.usePaging&&t.changeGridPage("LAST")}(this.grid);break;case"goto":!function(t,s){1===s?t.changeGridPage("FIRST"):(t.eof=0,t.firstRecordOnPage=(t.pageSize*(s-1)-t.pageSize).toString(),t.changeGridPage("NEXT"))}(this.grid,t.detail.page)}var s}refreshClickedHandler(){e(this.grid)}columnHiddenChangedHandler(t){n.setColumnHidden(t.detail.columnId,t.detail.hidden)}columnSizeChangedHandler(t){n.setColumnSize(t.detail.columnId,t.detail.size)}columnFreezeChangedHandler(t){n.setColumnFreeze(t.detail.columnId,t.detail.freeze)}columnSortChangedHandler(t){switch(n.setColumnSort(t.detail.columnId,t.detail.sortDirection),this.grid.SortMode){case"client":!function(t,s,i){const e=t.getColumnByHtmlName(s);t.setSort(e.index,"desc"!==i)}(this.grid,t.detail.columnId,t.detail.sortDirection),this.gridTimestamp=Date.now();break;case"server":e(this.grid)}}columnOrderChangedHandler(t){n.setColumnOrder(t.detail.columnId,t.detail.order)}columnFilterChangedHandler(t){var s,i,r;const h=t.detail.column;h.filterEqual=null!==(s=t.detail.equal)&&void 0!==s?s:"",h.filterLess=null!==(i=t.detail.less)&&void 0!==i?i:"",h.filterGreater=null!==(r=t.detail.greater)&&void 0!==r?r:"",n.setColumnFilterEqual(h.htmlName,h.filterEqual),n.setColumnFilterLess(h.htmlName,h.filterLess),n.setColumnFilterGreater(h.htmlName,h.filterGreater),e(this.grid)}getColumnSize(t){let s;switch(t.Size){case"auto":s="auto";break;case"css":s=`var(--${t.SizeVariableName}, min-content)`;break;case"length":s=t.SizeLength;break;case"max":s="max-content";break;case"min":default:s="min-content";break;case"minmax":s=`minmax(${t.SizeMinLength||"min-content"}, ${t.SizeMaxLength||"auto"})`}return s||"min-content"}defineColumnRender(){const t=this.grid.properties;this.grid.columns.forEach(((s,i)=>{s.render=0===t.length&&s.visible||t.some((t=>t[i].visible))}))}getRowIndexByGxId(t){return this.grid.rows.findIndex((s=>s.gxId===t))}notifyResizePopup(){gx.popup.ispopup()&&gx.fx.obs.notify("gx.onafterevent")}setCurrentRow(){const t=this.grid.rows[0];t&&!gx.fn.currentGridRowImpl(this.grid.gxId)&&gx.fn.setCurrentGridRow(this.grid.gxId,t.gxId)}loadState(){n.load(this.grid,this.state)}renderTitle(){return s("h1",{slot:"header"},this.grid.header)}renderActionbar(t,i){const e=this.grid.ActionRefreshPosition===t,n=this.grid.ActionSettingsPosition===t;if(e||n)return s("ch-grid-actionbar",{slot:t,class:i},e&&this.renderActionRefresh(),n&&this.renderActionSettings())}renderActionRefresh(){return s("ch-grid-action-refresh",{class:this.grid.ActionRefreshClass,title:"title"===this.grid.ActionRefreshTextPosition?gx.getMessage("GX_BtnRefresh"):""},"text"===this.grid.ActionRefreshTextPosition?gx.getMessage("GX_BtnRefresh"):"")}renderActionSettings(){return s("ch-grid-action-settings",{class:this.grid.ActionSettingsClass,title:"title"===this.grid.ActionSettingsTextPosition?gx.getMessage("GXM_Settings"):""},"text"===this.grid.ActionSettingsTextPosition?gx.getMessage("GXM_Settings"):"")}renderColumns(){return s("ch-grid-columnset",{class:this.grid.ColumnsetClass},this.grid.columns.map((t=>{if(gx.lang.gxBoolean(t.render))return s("ch-grid-column",{key:t.htmlName,columnId:t.htmlName,columnIconUrl:t.Icon,columnName:t.title,columnNamePosition:t.NamePosition,size:this.getColumnSize(t),order:t.order?t.order:null,displayObserverClass:t.gxColumnClass,class:`${this.grid.ColumnClass} ${t.HeaderClass} ${t.isFiltering?"grid-column-filtering":""}`,hidden:-1===t.Hidden,hideable:-1===t.Hideable,resizable:-1===t.Resizeable,sortable:-1===t.Sortable,settingable:-1===t.Filterable,sortDirection:t.SortDirection},-1===t.Filterable&&this.renderColumnFilter(t))})))}renderColumnFilter(t){return s("gx-grid-chameleon-column-filter",{key:t.htmlName,class:this.grid.ColumnFilterClass,column:t,equal:t.filterEqual,less:t.filterLess,greater:t.filterGreater,buttonResetText:this.grid.FilterButtonResetText,buttonApplyText:this.grid.FilterButtonApplyText,slot:"settings"})}renderRows(){return this.grid.rows.map(((t,i)=>s("ch-grid-row",{key:t.gxId,rowid:t.gxId,class:i%2==0?`${this.grid.RowClass} ${this.grid.RowEvenClass}`:`${this.grid.RowClass} ${this.grid.RowOddClass}`},this.renderCells(t))))}renderCells(t){return t.gxProps.map(((t,i)=>{const e=this.grid.columns[i];if(gx.lang.gxBoolean(e.render))return s("ch-grid-cell",{key:t[0],class:this.grid.CellClass,cellid:i,innerHTML:this.renderControl(e.gxControl,t)})}))}renderControl(t,s){return t.setProperties.apply(t,s),t.getHtml()}renderPaginator(){var t;const i=null!==(t=this.grid.ParentObject[`sub${this.grid.ControlName}_Recordcount`])&&void 0!==t?t:0,e=!this.grid.isLastPage(),n=Math.ceil((parseInt(this.grid.firstRecordOnPage)+1)/this.grid.pageSize),r=Math.ceil(i/this.grid.pageSize);return s("ch-paginator",{"has-next-page":0===r?e:null,"active-page":n,"total-pages":0!==r?r:null,class:this.grid.pagingBarClass,slot:"footer"},this.renderPaginatorNavigate("first",this.grid.pagingButtonFirstClass,gx.getMessage("GXM_first")),this.renderPaginatorNavigate("previous",this.grid.pagingButtonPreviousClass,gx.getMessage("GXM_previous")),this.grid.PaginatorPagesShow&&s("ch-paginator-pages",{maxSize:this.grid.PaginatorPagesMaxSize}),this.renderPaginatorNavigate("next",this.grid.pagingButtonNextClass,gx.getMessage("GXM_next")),this.renderPaginatorNavigate("last",this.grid.pagingButtonLastClass,gx.getMessage("GXM_last")))}renderPaginatorNavigate(t,i,e){const n=this.grid.PaginatorNavigationButtonTextPosition;return s("ch-paginator-navigate",{type:t,class:i,title:"title"===n?e:""},"text"===n?e:"")}renderPaginationInfo(){var t;const i=null!==(t=this.grid.ParentObject[`sub${this.grid.ControlName}_Recordcount`])&&void 0!==t?t:0;let e=this.grid.PaginatorInfoEmptyTextMask,n=0,r=0;i>0&&(e=this.grid.PaginatorInfoTextMask,n=parseInt(this.grid.firstRecordOnPage)+1,r=Math.min(n+this.grid.pageSize-1,i));const h={"record-count":i,"record-start":n,"record-end":r},l=e.replace(/\{([^}]+)\}/g,((t,s)=>{var i;return null!==(i=h[s])&&void 0!==i?i:s}));return s("div",{class:this.grid.PaginatorInfoClass,slot:"footer"},l)}render(){return s(i,null,s("ch-grid",{class:this.grid.Class,rowSelectionMode:this.grid.gxAllowSelection?"single":"none",rowSelectedClass:this.grid.RowSelectedClass.trim(),rowHighlightedClass:this.grid.RowHighlightedClass.trim()},this.grid.header&&this.renderTitle(),this.renderActionbar("header",this.grid.ActionbarHeaderClass),this.renderActionbar("footer",this.grid.ActionbarFooterClass),this.renderColumns(),this.renderRows(),this.grid.PaginatorShow&&this.grid.PaginatorInfoShow&&this.grid.pageSize>0&&this.renderPaginationInfo(),this.grid.PaginatorShow&&this.grid.pageSize>0&&this.renderPaginator()))}static get watchers(){return{state:["controlStateHandler"]}}};r.style="gx-grid-chameleon{display:contents}";export{r as gx_grid_chameleon}

package/dist/genexus-ide-ui/p-db435255.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as e,h as i,H as r,g as s,a as o}from"./p-0906fb46.js";import{b as n}from"./p-eb8f4ad5.js";import{f as l,m as c,M as a,a as h,b as d}from"./p-b374d112.js";import{s as g}from"./p-a85038e2.js";class u extends HTMLElement{constructor(){super()}connectedCallback(){this.addEventListener("cellCaretClicked",this.cellCaretClickedHandler)}get grid(){var t;return null!==(t=this.parentGrid)&&void 0!==t?t:this.loadParentGrid()}get rowId(){var t;return null!==(t=this.getAttribute("rowid"))&&void 0!==t?t:""}get highlighted(){return this.hasAttribute("highlighted")}set highlighted(t){var e;const i=null===(e=this.grid.rowHighlightedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("highlighted",""),this.grid.rowHighlightedClass&&this.classList.add(...i)):(this.removeAttribute("highlighted"),this.grid.rowHighlightedClass&&this.classList.remove(...i))}get selected(){return this.hasAttribute("selected")}set selected(t){var e;const i=null===(e=this.grid.rowSelectedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("selected",""),this.grid.rowSelectedClass&&this.classList.add(...i)):(this.removeAttribute("selected"),this.grid.rowSelectedClass&&this.classList.remove(...i))}get marked(){return this.hasAttribute("marked")}set marked(t){var e;const i=null===(e=this.grid.rowMarkedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("marked",""),this.grid.rowMarkedClass&&this.classList.add(...i)):(this.removeAttribute("marked"),this.grid.rowMarkedClass&&this.classList.remove(...i))}get focused(){return this.hasAttribute("focused")}set focused(t){var e;const i=null===(e=this.grid.rowFocusedClass)||void 0===e?void 0:e.split(" ");!0===t?(this.setAttribute("focused",""),this.grid.rowFocusedClass&&this.classList.add(...i)):(this.removeAttribute("focused"),this.grid.rowFocusedClass&&this.classList.remove(...i))}get hasChildRows(){return!!this.querySelector("ch-grid-rowset")}get collapsed(){return this.hasAttribute("collapsed")}set collapsed(t){const e=this.collapsed!==t;t?this.setAttribute("collapsed",""):this.removeAttribute("collapsed"),e&&this.dispatchEvent(new CustomEvent("rowCollapsedChanged",{bubbles:!0,composed:!0,detail:{rowId:this.rowId,collapsed:t}}))}get leaf(){return this.hasAttribute("leaf")}set leaf(t){!0===t?this.setAttribute("leaf",""):this.removeAttribute("leaf")}getCell(t){return this.querySelector(`:scope > ch-grid-cell:nth-of-type(${t.physicalOrder})`)}isVisible(){return Array.from(this.querySelectorAll(":scope > ch-grid-cell")).some((t=>t.isVisible()))}ensureVisible(){this.dispatchEvent(new CustomEvent("rowEnsureVisible",{bubbles:!0,composed:!0}))}getBoundingClientRect(){let t;if(this.firstElementChild)if(this.firstElementChild===this.lastElementChild)t=this.firstElementChild.getBoundingClientRect();else{const e=this.firstElementChild.getBoundingClientRect(),i=this.lastElementChild.getBoundingClientRect();t=new DOMRect(e.x,e.y,i.x-e.x+i.width,i.y-e.y+i.height)}else t=new DOMRect;return t}cellCaretClickedHandler(t){t.currentTarget.hasChildRows&&(this.collapsed=!this.collapsed),t.stopPropagation()}loadParentGrid(){return this.parentGrid=this.closest("ch-grid"),this.parentGrid}}customElements.get("ch-grid-row")||customElements.define("ch-grid-row",u);class m extends HTMLElement{constructor(){super(),this.computedLevel=0}connectedCallback(){this.addEventListener("rowsetLegendClicked",this.rowsetLegendClickedHandler),this.defineLevel()}get collapsed(){return this.hasAttribute("collapsed")}set collapsed(t){t?this.setAttribute("collapsed",""):this.removeAttribute("collapsed")}get level(){return this.computedLevel||this.computeLevel(),this.computedLevel}getBoundingClientRect(){let t;const e=parseInt(this.style.getPropertyValue("padding-top")),i=parseInt(this.style.getPropertyValue("padding-bottom"));if(this.firstElementChild)if(this.firstElementChild===this.lastElementChild){const r=this.firstElementChild.getBoundingClientRect();t=new DOMRect(r.x,r.y-e,r.x+r.width,r.y+r.height+e+i)}else{const r=this.firstElementChild.getBoundingClientRect(),s=this.lastElementChild.getBoundingClientRect();t=new DOMRect(r.x,r.y-e,s.x-r.x+s.width,s.y-r.y+s.height+e+i)}else{const e=this.grid.shadowRoot.querySelector(".main").getBoundingClientRect();t=new DOMRect(e.x,e.y,e.width,0)}return t}rowsetLegendClickedHandler(t){t.stopPropagation(),this.collapsed=!this.collapsed}defineLevel(){this.style.setProperty("--level",this.level.toString())}computeLevel(){var t,e;this.computedLevel=null!==(e=null===(t=this.getParentRowset())||void 0===t?void 0:t.level)&&void 0!==e?e:0,(this.hasLegend()||this.isNestedRow())&&this.computedLevel++}hasLegend(){var t;return"CH-GRID-ROWSET-LEGEND"===(null===(t=this.firstElementChild)||void 0===t?void 0:t.tagName)}isNestedRow(){return"CH-GRID-ROW"===this.parentElement.tagName}getParentRowset(){const t=this.parentElement.closest("ch-grid-rowset, ch-grid");if("CH-GRID-ROWSET"===t.tagName)return t}}var p,v;customElements.get("ch-grid-rowset")||customElements.define("ch-grid-rowset",m),function(t){t.Plain="plain",t.Rich="rich",t.TreeNode="node"}(p||(p={}));class b extends HTMLElement{constructor(){super(),this.cellType=p.Plain,this.defineFocusHandler()}static get observedAttributes(){return["cell-type","row-drag","row-selector","row-actions"]}connectedCallback(){this.cellType!==p.Plain&&this.define()}attributeChangedCallback(t,e,i){"cell-type"===t&&(this.cellType=i),"row-drag"===t&&(this.rowDrag=null!==i&&"false"!==i),"row-selector"===t&&(this.rowSelector=null!==i&&"false"!==i),"row-actions"===t&&(this.rowActions=null!==i&&"false"!==i)}get type(){return this.cellType}set type(t){this.cellType!==t&&(this.cellType=t,this.define())}get grid(){return this.closest("ch-grid")}get column(){const t=Array.prototype.indexOf.call(this.row.querySelectorAll(":scope > ch-grid-cell"),this);return this.grid.querySelector(`ch-grid-column:nth-of-type(${t+1})`)}get row(){return this.parentElement}get cellId(){var t;return null!==(t=this.getAttribute("cellid"))&&void 0!==t?t:""}get selected(){return this.hasAttribute("selected")}set selected(t){!0===t?this.setAttribute("selected",""):this.removeAttribute("selected")}isVisible(){return null!==this.offsetParent}ensureVisible(){this.dispatchEvent(new CustomEvent("cellEnsureVisible",{bubbles:!0,composed:!0}))}setSelectorChecked(t){this.selector.checked=t,this.selector.setAttribute("part",this.selector.checked?"selector checked":"selector")}defineFocusHandler(){this.addEventListener("focusin",(()=>{this.dispatchEvent(new CustomEvent("cellFocused",{bubbles:!0,composed:!0}))}))}caretMouseDownHandler(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("cellCaretClicked",{bubbles:!0,composed:!0}))}selectorClickHandler(t){t.stopPropagation(),this.dispatchEvent(new CustomEvent("cellSelectorClicked",{bubbles:!0,composed:!0,detail:{checked:this.selector.checked,range:t.shiftKey}}))}selectorLabelClickHandler(t){t.shiftKey||t.stopPropagation()}dragMouseDownHandler(t){t.preventDefault(),t.stopPropagation(),this.dispatchEvent(new CustomEvent("rowDragStarted",{bubbles:!0,composed:!0,detail:{row:this.row}}))}actionClickHandler(){this.dispatchEvent(new CustomEvent("cellRowActionClicked",{bubbles:!0,composed:!0}))}define(){switch(this.cellType){case p.Rich:this.defineRich();break;case p.TreeNode:this.defineTreeNode()}}defineRich(){let t="";this.shadowRoot&&""!==this.shadowRoot.innerHTML||(this.attachShadow({mode:"open"}),this.rowDrag&&(t+='\n <div part="drag-icon"></div>\n '),this.rowSelector&&(t+='\n <style>label {display:flex}</style>\n <label part="selector-label">\n <input type="checkbox" part="selector">\n </label>\n '),this.rowActions&&(t+='\n <button part="actions-icon"></button>\n '),this.shadowRoot.innerHTML=`\n ${t}\n <slot></slot>\n `,this.rowDrag&&(this.drag=this.shadowRoot.querySelector("[part='drag-icon']"),this.drag.addEventListener("mousedown",this.dragMouseDownHandler.bind(this))),this.rowActions&&(this.action=this.shadowRoot.querySelector("[part='actions-icon']"),this.action.addEventListener("click",this.actionClickHandler.bind(this))),this.rowSelector&&(this.selector=this.shadowRoot.querySelector("[part='selector']"),this.selector.addEventListener("mousedown",(t=>t.stopPropagation())),this.selector.addEventListener("click",this.selectorClickHandler.bind(this)),this.selectorLabel=this.shadowRoot.querySelector("[part='selector-label']"),this.selectorLabel.addEventListener("mousedown",(t=>t.stopPropagation())),this.selectorLabel.addEventListener("click",this.selectorLabelClickHandler.bind(this))))}defineTreeNode(){this.shadowRoot&&""!==this.shadowRoot.innerHTML||(this.attachShadow({mode:"open"}),this.shadowRoot.innerHTML='\n <style>:host::before {content: none !important}</style>\n <div part="indent"></div>\n <div part="caret"></div>\n <input type="checkbox" part="node-selector" hidden>\n <div part="node-icon"></div>\n <slot></slot>\n ',this.caret=this.shadowRoot.querySelector("[part='caret']"),this.caret.addEventListener("mousedown",this.caretMouseDownHandler.bind(this)))}}customElements.get("ch-grid-cell")||customElements.define("ch-grid-cell",b);class f{constructor(t,e,i){this.lastTargetOrder=0,this.isRTL=i,this.columns=e.map((t=>({element:t,rect:t.getBoundingClientRect(),translateX:0,order:t.order}))),this.column=this.columns.find((e=>e.element.columnId===t)),this.columns.forEach(this.setColumnHiddenRect.bind(this))}dragging(t){const e=this.column.element.order,i=this.column.element.freeze;let r=0,s=!1;return this.column.translateX=0,this.columns.filter((t=>t.element.freeze===i)).forEach((i=>{const s=i.element.order,o=e>s?1:-1,n=(e>s?1:-1)*(this.isRTL?-1:1);i.rect.left<t&&t<i.rect.right&&s!==e?(this.swapColumnPosition(i,n),i.order=i.element.order+o,r=s):t<i.rect.left&&(this.isRTL?s>e:s<e)?(this.swapColumnPosition(i,n),i.order=i.element.order+o,r&&!(this.isRTL?s>r:s<r)||(r=s)):t>i.rect.right&&(this.isRTL?s<e:s>e)?(this.swapColumnPosition(i,n),i.order=i.element.order+o,r&&!(this.isRTL?s<r:s>r)||(r=s)):s!==e&&this.resetColumnPosition(i)})),this.column.order=r||this.column.element.order,s=r!==this.lastTargetOrder,this.lastTargetOrder=r,s}dragEnd(){this.columns.forEach((t=>{t.element.order=t.order,t.translateX=0}))}getColumnStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-transform`]:`translateX(${this.columns.find((e=>e.element===t)).translateX}px)`}}getColumnsFirstLast(){let t,e;return this.columns.forEach((i=>{i.element.hidden||t&&!(i.order<t.order)||(t=i),i.element.hidden||e&&!(i.order>e.order)||(e=i)})),{columnFirst:t.element,columnLast:e.element}}swapColumnPosition(t,e){t.translateX=this.column.rect.width*e,this.column.translateX+=t.rect.width*(-1*e)}resetColumnPosition(t){t.translateX=0,t.order=t.element.order}setColumnHiddenRect(t){if(t.element.hidden){const e=this.getPreviousSiblingVisible(t)||this.getNextSiblingVisible(t);t.rect=new DOMRect(t.element.order<e.element.order?e.rect.left:e.rect.right,e.rect.y,0,e.rect.height)}}getPreviousSiblingVisible(t){let e;return this.columns.forEach((i=>{!i.element.hidden&&i.element.order<t.element.order&&(!e||i.element.order>e.element.order)&&(e=i)})),e}getNextSiblingVisible(t){let e;return this.columns.forEach((i=>{!i.element.hidden&&i.element.order>t.element.order&&(!e||i.element.order<e.element.order)&&(e=i)})),e}}class w{constructor(t){this.columnsetObserver=new MutationObserver(this.reloadColumns.bind(this)),this.columnResizeObserver=new ResizeObserver(this.resizeColumnHandler.bind(this)),this.columnsDisplay=[],this.columnsWidth=[],this.manager=t,this.columns=Array.from(this.manager.grid.querySelectorAll("ch-grid-column")),this.observeColumnset(),this.defineColumns(this.columns),this.defineColumnsVariables(),this.adjustFreezeOrder(),this.adjustBaseLayer()}getColumn(t){return this.columns.find((e=>e.columnId===t))}getColumns(t=!1){return t?this.columns.sort(this.fnSortByOrder):this.columns}getColumnsFirstLast(){let t,e;return this.columns.forEach((i=>{i.hidden||t&&!(i.order<t.order)||(t=i),i.hidden||e&&!(i.order>e.order)||(e=i)})),{columnFirst:t,columnLast:e}}getColumnSelector(){return this.columns.find((t=>"rich"===t.columnType&&t.richRowSelector))}adjustFreezeOrder(){const t=this.columns.filter((t=>"start"===t.freeze)).sort(this.fnSortByOrder),e=this.columns.filter((t=>"start"!==t.freeze&&"end"!==t.freeze)).sort(this.fnSortByOrder),i=this.columns.filter((t=>"end"===t.freeze)).sort(this.fnSortByOrder);let r=1;t.forEach((t=>t.order=r++)),e.forEach((t=>t.order=r++)),i.forEach((t=>t.order=r++))}defineColumns(t){t.forEach((t=>{this.defineColumnId(t),this.defineColumnIndex(t),this.defineColumnOrder(t),this.defineColumnSize(t),this.defineColumnDisplayObserver(t),this.defineColumnResizeObserver(t),this.defineColumnType(t)}))}defineColumnId(t){t.columnId||(t.columnId=this.getColumnUniqueId())}defineColumnIndex(t){t.physicalOrder=this.columns.indexOf(t)+1}defineColumnOrder(t){t.order||(t.order=t.physicalOrder)}defineColumnSize(t){t.size||(t.size="auto")}defineColumnDisplayObserver(t){if(t.displayObserverClass&&!t.hidden){const e=this.columnsDisplay.push(document.createElement("ch-grid-column-display"))-1;this.columnsDisplay[e].setAttribute("slot","column-display"),this.columnsDisplay[e].setAttribute("class",t.displayObserverClass),this.columnsDisplay[e].column=t,this.manager.grid.appendChild(this.columnsDisplay[e])}}defineColumnResizeObserver(t){this.columnResizeObserver.observe(t,{box:"border-box"})}defineColumnType(t){switch(t.columnType){case"tree":this.manager.grid.querySelectorAll(`ch-grid-cell:nth-child(${t.physicalOrder})`).forEach((t=>{t.type=p.TreeNode}));break;case"rich":this.manager.grid.querySelectorAll(`ch-grid-cell:nth-child(${t.physicalOrder})`).forEach((e=>{e.rowDrag=t.richRowDrag,e.rowSelector=t.richRowSelector,e.rowActions=t.richRowActions,e.type=p.Rich}))}}defineColumnsVariables(){const t=this.manager.grid.getRootNode(),e=t.querySelector("#ch-grid-columns-variables");if(!e||parseInt(e.getAttribute("data-columns"))<this.columns.length){let i="";for(let t=1;t<=this.columns.length;t++)i+=`ch-grid-column:nth-child(${t}), ch-grid-cell:nth-child(${t}) {\n display: var(--ch-grid-column-${t}-display, flex);\n grid-column: var(--ch-grid-column-${t}-position, ${t});\n margin-inline-start: var(--ch-grid-column-${t}-margin-start);\n border-inline-start: var(--ch-grid-column-${t}-border-start);\n padding-inline-start: var(--ch-grid-column-${t}-padding-start);\n margin-inline-end: var(--ch-grid-column-${t}-margin-end);\n border-inline-end: var(--ch-grid-column-${t}-border-end);\n padding-inline-end: var(--ch-grid-column-${t}-padding-end);\n transform: var(--ch-grid-column-${t}-transform);\n left: var(--ch-grid-column-${t}-left-freeze);\n right: var(--ch-grid-column-${t}-right-freeze);\n }\n ch-grid-column:nth-child(${t}) {\n z-index: calc(var(--ch-grid-column-${t}-z-index-freeze, 0) + var(--ch-grid-column-z-index-head, 0) + var(--ch-grid-column-z-index-active, 0));\n }\n ch-grid-cell:nth-child(${t}) {\n z-index: calc(var(--ch-grid-column-${t}-z-index-freeze, 0) + var(--ch-grid-cell-z-index-active, 0));\n }\n ch-grid-cell:nth-child(${t})::before {\n content: var(--ch-grid-column-${t}-content);\n }\n `;const r=`@layer ch-grid {\n ${i}\n }`;if(e)e.setAttribute("data-columns",this.columns.length.toString()),e.innerHTML=r;else if(t instanceof Document)t.head.insertAdjacentHTML("beforeend",`<style id="ch-grid-columns-variables" data-columns="${this.columns.length}">${r}</style>`);else if(t instanceof ShadowRoot){const e=document.createElement("style");e.id="ch-grid-columns-variables",e.dataset.columns=this.columns.length.toString(),e.innerText=r,t.appendChild(e)}}}undefineColumns(t){t.forEach((t=>{this.columnResizeObserver.unobserve(t),this.columnsDisplay.filter((e=>e.column===t)).forEach((t=>{t.remove()}))}))}observeColumnset(){this.columnsetObserver.observe(this.manager.grid.querySelector("ch-grid-columnset"),{childList:!0})}reloadColumns(){const t=Array.from(this.manager.grid.querySelectorAll("ch-grid-column")),e=t.filter((t=>!this.columns.includes(t))),i=this.columns.filter((e=>!t.includes(e)));(e.length||i.length)&&(this.columns=t,this.undefineColumns(i),this.defineColumns(e),this.defineColumnsVariables(),this.adjustOrders(),this.adjustBaseLayer())}resizeColumnHandler(t){for(const e of t)this.columnsWidth[e.target.physicalOrder-1]=e.contentRect.width;this.manager.setColumnWidthVariables(this.columnsWidth)}getColumnUniqueId(){return`ch-grid-column-auto-${Date.now().toString(36)+Math.random().toString(36).substring(2)}`}adjustOrders(){this.columns.forEach(((t,e)=>t.physicalOrder=e+1)),[...this.columns].sort(this.fnSortByOrder).forEach(((t,e)=>{t.order=e+1}))}adjustBaseLayer(){this.manager.setBaseLayer(this.columns.length)}fnSortByOrder(t,e){return t.order<e.order?-1:t.order>e.order?1:0}}class y{constructor(t){this.selectionStateNone={rowFocused:null,rowsSelected:[],cellSelected:null},this.manager=t}select(t,e,i,r,s,o){var n;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(r=!1,s=!1);let l=t.rowFocused,c=t.rowsSelected,a=t.cellSelected;if(l=e,s){const t=this.manager.getRowsRange(null!==(n=this.rangeStart)&&void 0!==n?n:e,e);this.rangeValue?(c=r?Array.from(new Set(c.concat(t))):c.length===t.length?c:t,a=i||e.getCell((null==a?void 0:a.column)||this.manager.getFirstColumn())):(c=c.filter((e=>!t.includes(e))),a=null)}else r?(this.rangeStart=e,this.rangeValue=!e.selected,c.includes(e)?(c=c.filter((t=>t!==e)),a=null):(c=[...c,e],a=i||e.getCell((null==a?void 0:a.column)||this.manager.getFirstColumn()))):(this.rangeStart=e,this.rangeValue=!0,1===c.length&&c[0]===e||o&&c.includes(e)||(c=[e]),a=i||e.getCell((null==a?void 0:a.column)||this.manager.getFirstColumn()));return{rowFocused:l,rowsSelected:c,cellSelected:a}}selectAll(t,e=!0){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const r=this.manager.getRows();let s=t.rowFocused,o=t.rowsSelected,n=t.cellSelected;return e?(s=null!=s?s:this.manager.getFirstRow(),o=r,n=s.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())):(s=null!=s?s:this.manager.getFirstRow(),o=[],n=null),{rowFocused:s,rowsSelected:o,cellSelected:n}}selectSet(t,e,i,r=!0){let s=!0;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(s=!1);let o=t.rowFocused,n=t.rowsSelected,l=t.cellSelected;return o=e,r?(n=s?n.includes(e)?n:[...n,e]:n.includes(e)?n:[e],l=i):(n=n.includes(e)?n.filter((t=>t!==e)):n,l=null),{rowFocused:o,rowsSelected:n,cellSelected:l}}selectFirstRow(t,e){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const r=this.manager.getFirstRow();let s=t.rowFocused,o=t.rowsSelected,n=t.cellSelected;if(r){if(e){const t=this.manager.getRowsRange(null!=s?s:r,r);o=Array.from(new Set(o.concat(t)))}else o=[r];s=r,n=r.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())}return{rowFocused:s,rowsSelected:o,cellSelected:n}}selectPreviousRow(t,e){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getPreviousRow(t.rowFocused);let r=t.rowFocused,s=t.rowsSelected,o=t.cellSelected;if(i){if(e){const t=this.sortRowsSelected(s),e=this.isContiguousSelection(t);s=e&&r===t[0]?[...s,i]:e&&r===t[t.length-1]?s.slice(0,-1):[r,i]}else s=[i];r=i,o=i.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn())}return{rowFocused:r,rowsSelected:s,cellSelected:o}}selectNextRow(t,e){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const i=this.manager.getNextRow(t.rowFocused);let r=t.rowFocused,s=t.rowsSelected,o=t.cellSelected;if(i){if(e){const t=this.sortRowsSelected(s),e=this.isContiguousSelection(t);s=e&&r===t[t.length-1]?[...s,i]:e&&r===t[0]?s.slice(1):[r,i]}else s=[i];r=i,o=i.getCell((null==o?void 0:o.column)||this.manager.getFirstColumn())}return{rowFocused:r,rowsSelected:s,cellSelected:o}}selectLastRow(t,e){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const r=this.manager.getLastRow();let s=t.rowFocused,o=t.rowsSelected,n=t.cellSelected;if(r){if(e){const t=this.manager.getRowsRange(null!=s?s:r,r);o=Array.from(new Set(o.concat(t)))}else o=[r];s=r,n=r.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())}return{rowFocused:s,rowsSelected:o,cellSelected:n}}selectPreviousPageRow(t,e){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const r=this.manager.getRows(),s=this.manager.getRowsPerPage();let o=t.rowFocused,n=t.rowsSelected,l=t.cellSelected;const c=r[Math.max(r.indexOf(o)-s,0)];if(c){if(e){const t=this.manager.getRowsRange(null!=o?o:c,c);n=Array.from(new Set(n.concat(t)))}else n=1===n.length&&n[0]===c?n:[c];o=c,l=c.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())}return{rowFocused:o,rowsSelected:n,cellSelected:l}}selectNextPageRow(t,e){var i;if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;"multiple"!==this.manager.grid.rowSelectionMode&&(e=!1);const r=this.manager.getRows(),s=this.manager.getRowsPerPage();let o=t.rowFocused,n=t.rowsSelected,l=t.cellSelected;const c=r[Math.min(r.indexOf(o)+s,r.length-1)];if(c){if(e){const t=this.manager.getRowsRange(null!=o?o:c,c);n=Array.from(new Set(n.concat(t)))}else n=1===n.length&&n[0]===c?n:[c];o=c,l=c.getCell((null===(i=t.cellSelected)||void 0===i?void 0:i.column)||this.manager.getFirstColumn())}return{rowFocused:o,rowsSelected:n,cellSelected:l}}selectPreviousCell(t){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const e=t.rowFocused;let i=t.rowsSelected,r=t.cellSelected;if(r){const t=this.manager.getPreviousCell(r);t&&(r=t)}else i.includes(e)||(i=[...i,e]),r||(r=e.getCell(this.manager.getFirstColumn()));return{rowFocused:e,rowsSelected:i,cellSelected:r}}selectNextCell(t){if("none"===this.manager.grid.rowSelectionMode)return this.selectionStateNone;const e=t.rowFocused;let i=t.rowsSelected,r=t.cellSelected;if(r){const t=this.manager.getNextCell(r);t&&(r=t)}else i.includes(e)||(i=[...i,e]),r||(r=e.getCell(this.manager.getFirstColumn()));return{rowFocused:e,rowsSelected:i,cellSelected:r}}markRow(t,e,i,r){var s;if(t){if(i){const e=!t.marked,i=this.manager.getRowsRange(null!==(s=this.lastRowMarked)&&void 0!==s?s:t,t);return this.lastRowMarked=t,e?r.concat(i.filter((t=>!r.includes(t)))):r.filter((t=>!i.includes(t)))}if(this.lastRowMarked=t,e&&!r.includes(t))return r.concat([t]);if(!e&&r.includes(t))return r.filter((e=>e!==t))}return r}markAllRows(t=!0){return t?this.manager.getRows():[]}syncRowSelector(t,e=[],i){const r=this.manager.columns.getColumnSelector();if((null==r?void 0:r.richRowSelectorMode)===i){const i=r.physicalOrder-1;null==e||e.filter((e=>!t.includes(e))).forEach((t=>{t.marked=!1,t.children[i].setSelectorChecked(!1)})),null==t||t.forEach((t=>{t.marked="mark"===r.richRowSelectorMode,t.children[i].setSelectorChecked(!0)})),r.richRowSelectorState=0===t.length?"":t.length===this.manager.getRows().length?"checked":"indeterminate"}}sortRowsSelected(t){const e=Array.from(this.manager.grid.querySelectorAll("ch-grid-row"));return t.sort(((t,i)=>{const r=e.indexOf(t),s=e.indexOf(i);return r<s?-1:r>s?1:0}))}isContiguousSelection(t){const e=Array.from(this.manager.grid.querySelectorAll("ch-grid-row")).filter((t=>t.isVisible()));if(0===t.length)return!1;if(1===t.length)return!0;{const i=e.indexOf(t[0]);return e.indexOf(t[t.length-1])-i+1===t.length}}}class k{constructor(t){this.dragMouseMoveFn=this.dragMouseMoveHandler.bind(this),this.manager=t}dragStart(t){this.row=t,this.rowIndex=this.manager.getGridRowIndex(t),this.defineListeners(),this.createRowShadow(),this.floatRow(),this.updateRowPosition()}dragMouseMoveHandler(t){const e=t.target.closest("ch-grid-row");if(e&&e.parentElement===this.row.parentElement&&e.grid===this.manager.grid){const t=this.manager.getGridRowIndex(e),i=t+2,r=this.rowIndex<t?-1:1;this.rowShadow.style.getPropertyValue("--row-shadow-row-start")!==`${i}`?this.rowShadow.style.setProperty("--row-shadow-row-start",`${i}`):this.rowShadow.style.setProperty("--row-shadow-row-start",`${i+r}`),this.updateRowPosition()}}dragMouseUpHandler(){document.removeEventListener("mousemove",this.dragMouseMoveFn);const t=parseInt(this.rowShadow.style.getPropertyValue("--row-shadow-row-start")),e=this.manager.grid.querySelectorAll("ch-grid-row").item(t-2);t<this.rowIndex+2&&e.before(this.row),t>this.rowIndex+2&&e.after(this.row),this.unfloatRow(),this.rowShadow.remove(),this.row=null,this.rowShadow=null}defineListeners(){document.addEventListener("mousemove",this.dragMouseMoveFn,{passive:!0}),document.addEventListener("mouseup",this.dragMouseUpHandler.bind(this),{once:!0})}createRowShadow(){const t=this.manager.getRowHeight(this.row);this.rowShadow=document.createElement("div"),this.rowShadow.style.display="contents",this.manager.getColumnsWidth().forEach((e=>{const i=document.createElement("div");i.style.opacity="0",i.style.minWidth=e,i.style.height=`${t}px`,i.style.gridRowStart="var(--row-shadow-row-start)",this.rowShadow.append(i)}))}floatRow(){const t=this.manager.getColumnsWidth(),e=this.manager.gridLayout.clientWidth;this.row.before(this.rowShadow),this.row.setAttribute("dragging",""),this.row.style.width=`${e}px`,this.row.querySelectorAll(":scope > ch-grid-cell").forEach(((e,i)=>{const r=parseInt(this.manager.gridLayout.style.getPropertyValue(`--ch-grid-column-${i+1}-position`));e.hidden||(e.style.width=t[r-1],e.style.order=`${r}`)}))}unfloatRow(){this.row.removeAttribute("dragging"),this.row.style.width="",this.row.querySelectorAll(":scope > ch-grid-cell").forEach((t=>{t.style.width="",t.style.order=""}))}updateRowPosition(){const t=this.rowShadow.children[0].getBoundingClientRect();this.row.style.top=`${t.top}px`,this.row.style.left=`${t.left}px`}}class x{constructor(t){var e;this.manager=t,null===(e=this.manager.grid.querySelectorAll("ch-grid-row-actions"))||void 0===e||e.forEach((t=>{t.showOnRowHover&&(this.showOnRowHover=t),t.showOnRowActions&&(this.showOnRowActions=t),t.showOnRowContext&&(this.showOnRowContext=t)}))}}class S{constructor(t,e,i){var r;this.resizingSingle=t=>{const e=this.columnWidthStart-t*this.dragDirection;e>=0&&(this.column.size=`minmax(min-content, ${e}px)`)},this.resizingSplitter=t=>{const e=this.columnWidthStart-t*this.dragDirection;if(e>=0&&(this.column.size=this.columnSizeStart?this.convertUnit(this.columnSizeStart,this.columnWidthStart,e):`minmax(min-content, ${e}px)`),this.columnAfter){const e=this.columnAfterWidthStart+t*this.dragDirection;e>=0&&(this.columnAfter.size=this.columnAfterSizeStart?this.convertUnit(this.columnAfterSizeStart,this.columnAfterWidthStart,e):`minmax(min-content, ${e}px)`)}},this.manager=t,this.dragDirection=i?-1:1,"splitter"===this.manager.grid.columnResizeMode?(this.resizingFn=this.resizingSplitter,this.resizeEndFn=this.resizeEndSplitter):(this.resizingFn=this.resizingSingle,this.resizeEndFn=null),this.column=this.manager.columns.getColumn(e),this.columnWidthStart=this.column.getBoundingClientRect().width,this.columnSizeStart=this.parseCSSValue(this.column.size),this.columnAfter=this.manager.getNextColumn(this.column),this.columnAfterWidthStart=null===(r=this.columnAfter)||void 0===r?void 0:r.getBoundingClientRect().width,this.columnAfterSizeStart=this.parseCSSValue(this.columnAfter.size)}resizing(t){this.resizingFn(t)}resizeEnd(){this.resizeEndFn&&this.resizeEndFn()}resizeEndSplitter(){const t=this.column.getBoundingClientRect().width;this.column.size=this.convertUnit(this.columnSizeStart,this.columnWidthStart,t),this.columnAfter&&(this.columnAfter.size=this.convertUnit(this.columnSizeStart,this.columnWidthStart,this.columnAfterWidthStart-(t-this.columnWidthStart)))}parseCSSValue(t){const e=t.match(/([+-]?[\d.]+)([\w%]+)/);return e?{number:parseFloat(e[1]),unit:e[2]}:null}convertUnit(t,e,i){return`${i*t.number/e}${t.unit}`}}!function(t){t[t.BASE_LAYER=0]="BASE_LAYER",t[t.COLUMNS_WIDTH=1]="COLUMNS_WIDTH"}(v||(v={}));class C{constructor(t){this.styleSheet=new CSSStyleSheet,this.grid=t,this.styleSheet.insertRule(":host {}",v.BASE_LAYER),this.styleSheet.insertRule(".main {}",v.COLUMNS_WIDTH),this.grid.shadowRoot.adoptedStyleSheets.push(this.styleSheet),n(this.grid.shadowRoot.adoptedStyleSheets),this.columns=new w(this),this.selection=new y(this),this.rowActions=new x(this)}get gridLayout(){return this.gridLayoutElement}componentDidLoad(t){this.gridLayoutElement=t}getColumns(){return this.columns.getColumns()}getColumnsWidth(){return getComputedStyle(this.gridLayout).gridTemplateColumns.split(" ")}getColumnsetHeight(){const t=getComputedStyle(this.gridLayout).gridTemplateRows.split(" ");return parseInt(t[0])||0}getFirstColumn(){return this.columns.getColumnsFirstLast().columnFirst}getFirstRow(){return this.grid.querySelector("ch-grid-row")}getScrollOffsetTop(){return this.gridLayout.offsetTop+this.getColumnsetHeight()}getScrollOffsetLeft(){return this.columns.getColumns(!0).reduce(((t,e)=>"start"!==e.freeze||e.hidden?t:t+e.offsetWidth),0)}getScrollOffsetRight(){return this.columns.getColumns(!0).reduce(((t,e)=>"end"!==e.freeze||e.hidden?t:t+e.offsetWidth),0)}getPreviousRow(t){const e=this.getRows(),i=e.indexOf(t);return e.slice(0,i).reverse().find((t=>t.isVisible()))}getNextRow(t){const e=this.getRows(),i=e.indexOf(t);return e.slice(i+1).find((t=>t.isVisible()))}getLastRow(){return this.getRows().reverse().find((t=>t.isVisible()))}getPreviousColumn(t){return this.columns.getColumns().reduce(((e,i)=>i.order<t.order&&!i.hidden&&(!e||i.order>e.order)?i:e),null)}getNextColumn(t){return this.columns.getColumns().reduce(((e,i)=>i.order>t.order&&!i.hidden&&(!e||i.order<e.order)?i:e),null)}getPreviousCell(t){const e=this.getPreviousColumn(t.column);if(e)return t.row.querySelector(`:scope > ch-grid-cell:nth-of-type(${e.physicalOrder})`)}getNextCell(t){const e=this.getNextColumn(t.column);if(e)return t.row.querySelector(`:scope > ch-grid-cell:nth-of-type(${e.physicalOrder})`)}getGridRowIndex(t){return Array.prototype.indexOf.call(this.grid.querySelectorAll("ch-grid-row, ch-grid-rowset-legend"),t)}getRowsetRowIndex(t){return Array.prototype.indexOf.call(t.parentElement.children,t)}getRowHeight(t){const e=getComputedStyle(this.gridLayout).gridTemplateRows.split(" "),i=this.getGridRowIndex(t)+1;return parseInt(e[i])||0}getRowsPerPage(){const t=this.gridLayout.clientHeight,e=this.getColumnsetHeight(),i=this.getRowHeight(this.getFirstRow());return Math.floor((t-e)/i)}getRow(t){return this.grid.querySelector(`ch-grid-row[rowid="${t}"]`)}getRows(t="all"){const e=Array.from(this.grid.querySelectorAll("ch-grid-row"));return"visible"===t?e.filter((t=>t.isVisible())):e}getRowsSelected(){return Array.from(this.grid.querySelectorAll("ch-grid-row[selected]"))}getRowsRange(t,e){const i=this.getRows(),r=i.indexOf(t),s=i.indexOf(e);return i.slice(Math.min(r,s),Math.max(r,s)+1).filter((t=>t.isVisible()))}getRowEventTarget(t){return t.composedPath().find((t=>"CH-GRID-ROW"===t.tagName))}isRowActionsEventTarget(t){return null!=t.composedPath().find((t=>"CH-GRID-ROW-ACTIONS"===t.tagName))}getCell(t,e,i){if(t)return this.grid.querySelector(`ch-grid-cell[cellid="${t}"]`);if(e&&i){const t=this.getRow(e),r=this.columns.getColumn(i);if(t&&r)return t.getCell(r)}}getCellEventTarget(t){return t.composedPath().find((t=>"CH-GRID-CELL"===t.tagName))}columnDragStart(t){this.columnDragManager=new f(t,this.columns.getColumns(),this.isRTLDirection())}columnDragging(t){return this.columnDragManager.dragging(t)}columnDragEnd(){this.columnDragManager.dragEnd(),this.columnDragManager=null}columnResizeStart(t){this.columnResizeManager=new S(this,t,this.isRTLDirection())}columnResizing(t){this.columnResizeManager.resizing(t)}columnResizeEnd(){this.columnResizeManager.resizeEnd(),this.columnResizeManager=null}rowDragStart(t){this.rowDragManager=new k(this),this.rowDragManager.dragStart(t)}getGridStyle(){return Object.assign(Object.assign(Object.assign(Object.assign({display:"grid"},this.getGridTemplateColumns()),this.getRowBoxSimulationStyle()),this.getDragTransitionStyle()),this.getColumnsStyle())}setBaseLayer(t){this.styleSheet.deleteRule(v.BASE_LAYER),this.styleSheet.insertRule(`:host { --ch-grid-base-layer: ${t}; }`,v.BASE_LAYER)}setColumnWidthVariables(t){this.styleSheet.deleteRule(v.COLUMNS_WIDTH),this.styleSheet.insertRule(`.main { ${t.map(((t,e)=>`--ch-grid-column-${e+1}-width:${t}px;`)).join("\n")} }`,v.COLUMNS_WIDTH)}ensureRowVisible(t){let e=t.parentElement.closest("ch-grid-row, ch-grid-rowset");const{columnFirst:i}=this.columns.getColumnsFirstLast();for(;e;)e.collapsed=!1,e=e.parentElement.closest("ch-grid-row, ch-grid-rowset");t.children[i.physicalOrder]&&this.ensureVisible(t.children[i.physicalOrder])}ensureCellVisible(t){let e=t.closest("ch-grid-row, ch-grid-rowset");for(;!t.isVisible()&&e;)e.collapsed=!1,e=e.parentElement.closest("ch-grid-row, ch-grid-rowset");t.isVisible()||(t.column.hidden=!1),this.ensureVisible(t)}ensureVisible(t){const e=["start","end"].includes(t.column.freeze),i=this.gridLayout,r=this.getScrollOffsetTop(),s=this.getScrollOffsetLeft(),o=this.getScrollOffsetRight();i.scrollTop+r>t.offsetTop?i.scrollBy({top:-1*(i.scrollTop-t.offsetTop+r)}):i.scrollTop+i.offsetHeight<t.offsetTop+t.offsetHeight?i.scrollBy({top:t.offsetTop+t.offsetHeight-(i.scrollTop+i.offsetHeight)}):i.scrollLeft+s>t.offsetLeft&&!e?i.scrollBy({left:-1*(i.scrollLeft-t.offsetLeft+s)}):i.scrollLeft+i.clientWidth-o<t.offsetLeft+t.offsetWidth&&!e&&i.scrollBy({left:t.offsetLeft+t.offsetWidth-(i.scrollLeft+i.clientWidth-o)})}getGridTemplateColumns(){return{"grid-template-columns":this.columns.getColumns().map((t=>`var(--ch-grid-column-${t.physicalOrder}-size)`)).join(" ")}}getRowBoxSimulationStyle(){const{columnFirst:t,columnLast:e}=this.columnDragManager?this.columnDragManager.getColumnsFirstLast():this.columns.getColumnsFirstLast();return t&&e?{[`--ch-grid-column-${t.physicalOrder}-margin-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${t.physicalOrder}-border-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${t.physicalOrder}-padding-start`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-margin-end`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-border-end`]:"var(--ch-grid-fallback, inherit)",[`--ch-grid-column-${e.physicalOrder}-padding-end`]:"var(--ch-grid-fallback, inherit)"}:null}getDragTransitionStyle(){return{"--column-drag-transition-duration":this.columnDragManager?".2s":"0s"}}getColumnsStyle(){return this.columns.getColumns().reduce(((t,e)=>Object.assign(Object.assign({},t),this.getColumnStyle(e))),{})}getColumnStyle(t){return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},this.getColumnSizeStyle(t)),this.getColumnOrderStyle(t)),this.getColumnDisplayStyle(t)),this.getColumnFreezeStyle(t)),this.getColumnDraggingStyle(t)),this.getColumnIndentStyle(t))}getColumnSizeStyle(t){return{[`--ch-grid-column-${t.order}-size`]:t.hidden?"0px":t.size}}getColumnOrderStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-position`]:t.order.toString()}}getColumnFreezeStyle(t){switch(t.freeze){case"start":return this.getColumnFreezeStartStyle(t);case"end":return this.getColumnFreezeEndStyle(t)}}getColumnFreezeStartStyle(t){const e=["0px"];for(let i=1;i<t.order;i++)e.push(`var(--ch-grid-column-${i}-width)`);return{[`--ch-grid-column-${t.physicalOrder}-left-freeze`]:`calc(${e.join(" + ")})`,[`--ch-grid-column-${t.physicalOrder}-z-index-freeze`]:"var(--ch-grid-column-freeze-layer)"}}getColumnFreezeEndStyle(t){const e=["0px"];for(let i=this.columns.getColumns().length;i>t.order;i--)e.push(`var(--ch-grid-column-${i}-width)`);return{[`--ch-grid-column-${t.physicalOrder}-right-freeze`]:`calc(${e.join(" + ")})`,[`--ch-grid-column-${t.physicalOrder}-z-index-freeze`]:"var(--ch-grid-column-freeze-layer)"}}getColumnDisplayStyle(t){return t.hidden?{[`--ch-grid-column-${t.physicalOrder}-display`]:"none"}:null}getColumnDraggingStyle(t){return this.columnDragManager?this.columnDragManager.getColumnStyle(t):null}getColumnIndentStyle(t){return{[`--ch-grid-column-${t.physicalOrder}-content`]:1===t.order?"''":"none"}}isRTLDirection(){return"rtl"===getComputedStyle(this.grid).direction}}const z=class{constructor(i){t(this,i),this.selectionChanged=e(this,"selectionChanged",7),this.rowMarkingChanged=e(this,"rowMarkingChanged",7),this.cellSelectionChanged=e(this,"cellSelectionChanged",7),this.rowClicked=e(this,"rowClicked",7),this.rowDoubleClicked=e(this,"rowDoubleClicked",7),this.rowEnterPressed=e(this,"rowEnterPressed",7),this.rowContextMenu=e(this,"rowContextMenu",7),this.rowsMarked=[],this.rowsSelected=[],this.rowSelectionMode="single",this.rowHighlightEnabled="auto",this.allowColumnReorder=!0,this.columnResizeMode="single"}rowFocusedHandler(t,e){t&&(t.focused=!0),e&&(e.focused=!1)}rowHighlightedHandler(t,e){var i,r;t&&(t.highlighted=!0),e&&(e.highlighted=!1),t?null===(i=this.manager.rowActions.showOnRowHover)||void 0===i||i.openRowHover(t):null===(r=this.manager.rowActions.showOnRowHover)||void 0===r||r.close()}rowsMarkedHandler(t,e){this.manager.selection.syncRowSelector(t,e,"mark"),this.rowMarkingChanged.emit({rowsId:t.map((t=>t.rowId)),addedRowsId:t.filter((t=>!e.includes(t))).map((t=>t.rowId)),removedRowsId:e.filter((e=>!t.includes(e))).map((t=>t.rowId)),unalteredRowsId:t.filter((t=>e.includes(t))).map((t=>t.rowId))})}rowsSelectedHandler(t,e){e&&e.filter((e=>!t.includes(e))).forEach((t=>t.selected=!1)),t&&t.forEach((t=>t.selected=!0)),this.manager.selection.syncRowSelector(t,e,"select"),this.selectionChanged.emit({rowsId:t.map((t=>t.rowId))})}cellSelectedHandler(t,e){t&&(t.selected=!0),e&&(e.selected=!1),this.cellSelectionChanged.emit({cellId:this.cellSelected?this.cellSelected.cellId:null,rowId:this.cellSelected?this.cellSelected.row.rowId:null,columnId:this.cellSelected?this.cellSelected.column.columnId:null})}componentWillLoad(){this.manager=new C(this.el),this.gridStyle=this.manager.getGridStyle(),this.rowsSelected=this.manager.getRowsSelected()}componentDidLoad(){this.manager.componentDidLoad(this.gridLayoutElement)}componentShouldUpdate(t,e,i){if("rowFocused"===i||"rowHighlighted"===i||"rowSelected"===i||"rowsMarked"===i||"cellSelected"===i)return!1}focusHandler(){"none"!==this.rowSelectionMode&&(this.rowFocused=this.rowsSelected[0]||this.manager.getFirstRow())}blurHandler(){this.rowFocused=null}cellFocusedHandler(t){const e=t.target;"none"===this.rowSelectionMode||e.selected||this.setCellSelected(e)}windowKeyDownHandler(t){l()[0]===this.el&&[" ","+","-","Home","End","PageUp","PageDown","ArrowUp","ArrowDown","ArrowLeft","ArrowRight"].includes(t.key)&&t.preventDefault()}keyDownHandler(t){if(l()[0]===this.el)switch(t.key){case" ":this.toggleRowsMarked();break;case"+":this.setRowCollapsed(this.rowFocused,!1);break;case"-":this.setRowCollapsed(this.rowFocused,!0);break;case"Home":this.selectByKeyboardEvent(this.manager.selection.selectFirstRow.bind(this.manager.selection),t.shiftKey);break;case"End":this.selectByKeyboardEvent(this.manager.selection.selectLastRow.bind(this.manager.selection),t.shiftKey);break;case"PageUp":this.selectByKeyboardEvent(this.manager.selection.selectPreviousPageRow.bind(this.manager.selection),t.shiftKey);break;case"PageDown":this.selectByKeyboardEvent(this.manager.selection.selectNextPageRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowUp":this.selectByKeyboardEvent(this.manager.selection.selectPreviousRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowDown":this.selectByKeyboardEvent(this.manager.selection.selectNextRow.bind(this.manager.selection),t.shiftKey);break;case"ArrowLeft":this.selectByKeyboardEvent(this.manager.selection.selectPreviousCell.bind(this.manager.selection),t.shiftKey);break;case"ArrowRight":this.selectByKeyboardEvent(this.manager.selection.selectNextCell.bind(this.manager.selection),t.shiftKey);break;case"Enter":this.enterPressedHandler()}}mouseMoveHandler(t){("auto"===this.rowHighlightEnabled&&"none"!==this.rowSelectionMode||!0===this.rowHighlightEnabled)&&(this.rowHighlighted=this.manager.getRowEventTarget(t)||(this.manager.isRowActionsEventTarget(t)?this.rowHighlighted:null));t:if(this.manager.selection.selecting){if(l()[0]!==this.el){this.stopSelecting();break t}const e=this.manager.getRowEventTarget(t),i=this.manager.getCellEventTarget(t);if(e&&(this.manager.selection.selectingRow!==e||this.manager.selection.selectingCell!==i)){const r=c(t),s=h(t,d.RIGHT);this.selectByPointerEvent(e,i,r&&!s,!s,s),this.manager.selection.selectingRow=e,this.manager.selection.selectingCell=i}}}mouseLeaveHandler(){this.rowHighlighted&&(this.rowHighlighted=null)}clickHandler(t){const e=this.manager.getRowEventTarget(t),i=this.manager.getCellEventTarget(t);e&&(this.rowClicked.emit({rowId:e.rowId,cellId:null==i?void 0:i.cellId,columnId:null==i?void 0:i.column.columnId}),this.manager.selection.selecting=!0,this.selectByPointerEvent(e,i,c(t),t.shiftKey,t.button===a.RIGHT))}mouseUpHandler(){this.stopSelecting()}dblclickHandler(t){const e=this.manager.getRowEventTarget(t),i=this.manager.getCellEventTarget(t);e&&this.rowDoubleClicked.emit({rowId:e.rowId,cellId:null==i?void 0:i.cellId,columnId:null==i?void 0:i.column.columnId})}contextmenuHandler(t){var e,i;let r;if(r=t.target===this.el?this.rowFocused:this.manager.getRowEventTarget(t),r){const s=(null===(e=this.cellSelected)||void 0===e?void 0:e.row)===r?this.cellSelected:null,o=this.rowContextMenu.emit({rowId:r.rowId,cellId:null==s?void 0:s.cellId,columnId:null==s?void 0:s.column.columnId,selectedRowsId:this.rowsSelected.map((t=>t.rowId)),clientX:t.clientX,clientY:t.clientY});null===(i=this.manager.rowActions.showOnRowContext)||void 0===i||i.openRowContext(t.clientX,t.clientY),(o.defaultPrevented||this.manager.rowActions.showOnRowContext)&&t.preventDefault()}}columnSelectorClickedHandler(t){const e=this.manager.columns.getColumnSelector();"select"===(null==e?void 0:e.richRowSelectorMode)?this.selectAll(t.detail.checked):"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markAllRows(t.detail.checked))}cellSelectorClickedHandler(t){const e=this.manager.columns.getColumnSelector();"select"===(null==e?void 0:e.richRowSelectorMode)?this.selectByPointerEvent(this.manager.getRowEventTarget(t),this.manager.getCellEventTarget(t),!0,t.detail.range,!1):"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markRow(this.manager.getRowEventTarget(t),t.detail.checked,t.detail.range,this.rowsMarked))}cellRowActionClickedHandler(t){var e;null===(e=this.manager.rowActions.showOnRowActions)||void 0===e||e.openRowActions(t.target)}columnStyleChangedHandler(){this.manager&&(this.gridStyle=this.manager.getGridStyle())}columnFreezeChangedHandler(){this.manager.columns.adjustFreezeOrder()}columnResizeStartedHandler(t){this.manager.columnResizeStart(t.detail.columnId)}columnResizingHandler(t){this.manager.columnResizing(t.detail.deltaWidth)}columnResizeFinishedHandler(){this.manager.columnResizeEnd()}columnDragStartHandler(t){this.manager.columnDragStart(t.detail.columnId)}columnDraggingHandler(t){this.manager.columnDragging(t.detail.positionX)&&(this.gridStyle=this.manager.getGridStyle())}columnDragEndHandler(){this.manager.columnDragEnd(),this.gridStyle=this.manager.getGridStyle()}rowDragStartHandler(t){this.manager.rowDragStart(t.detail.row)}rowEnsureVisibleHandler(t){this.manager.ensureRowVisible(t.target)}cellEnsureVisibleHandler(t){this.manager.ensureCellVisible(t.target)}settingsShowClickedHandler(){this.settingsUI.show=!0}settingsCloseClickedHandler(){this.settingsUI.show=!1}async getFocusedRow(){var t;return null===(t=this.rowFocused)||void 0===t?void 0:t.rowId}async getHoveredRow(){var t;return null===(t=this.rowHighlighted)||void 0===t?void 0:t.rowId}async getSelectedRows(){return this.rowsSelected.map((t=>t.rowId))}async getMarkedRows(){return this.rowsMarked.map((t=>t.rowId))}async getSelectedCell(){return{cellId:this.cellSelected?this.cellSelected.cellId:null,rowId:this.cellSelected?this.cellSelected.row.rowId:null,columnId:this.cellSelected?this.cellSelected.column.columnId:null}}async selectRow(t,e=!0){const i=this.manager.getRow(t);if(i){const{rowFocused:t,rowsSelected:r,cellSelected:s}=this.manager.selection.selectSet({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},i,null,e);this.rowFocused=t,this.rowsSelected=r,this.cellSelected=s,null==t||t.ensureVisible()}}async selectAllRows(t=!0){this.selectAll(t)}async selectCell(t,e,i,r=!0){const s=this.manager.getCell(t,e,i);s&&this.setCellSelected(s,r)}async markRow(t,e=!0){const i=this.manager.columns.getColumnSelector(),r=this.manager.getRow(t);r&&"mark"===(null==i?void 0:i.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markRow(r,e,!1,this.rowsMarked))}async markAllRows(t=!0){const e=this.manager.columns.getColumnSelector();"mark"===(null==e?void 0:e.richRowSelectorMode)&&(this.rowsMarked=this.manager.selection.markAllRows(t))}async expandRow(t){this.setRowCollapsed(this.manager.getRow(t),!1)}async collapseRow(t){this.setRowCollapsed(this.manager.getRow(t),!0)}async rowEnsureVisible(t){const e=this.manager.getRow(t);e&&this.manager.ensureRowVisible(e)}async cellEnsureVisible(t){const e=this.manager.getCell(t);e&&this.manager.ensureCellVisible(e)}async getPreviousRow(){var t,e;const i=null===(t=this.cellSelected)||void 0===t?void 0:t.row;if(i)return(null===(e=this.manager.getPreviousRow(i))||void 0===e?void 0:e.rowId)||null}async getNextRow(){var t,e;const i=null===(t=this.cellSelected)||void 0===t?void 0:t.row;if(i)return(null===(e=this.manager.getNextRow(i))||void 0===e?void 0:e.rowId)||null}async getPreviousCell(){const t=this.manager.getPreviousCell(this.cellSelected);return{cellId:t?t.cellId:null,rowId:t?t.row.rowId:null,columnId:t?t.column.columnId:null}}async getNextCell(){const t=this.manager.getNextCell(this.cellSelected);return{cellId:t?t.cellId:null,rowId:t?t.row.rowId:null,columnId:t?t.column.columnId:null}}enterPressedHandler(){var t;if(this.rowFocused){const e=(null===(t=this.cellSelected)||void 0===t?void 0:t.row)===this.rowFocused?this.cellSelected:null;this.rowEnterPressed.emit({rowId:this.rowFocused.rowId,cellId:e?e.cellId:null,columnId:e?e.column.columnId:null})}}toggleRowsMarked(){const t=this.manager.columns.getColumnSelector();"mark"===(null==t?void 0:t.richRowSelectorMode)&&(this.rowsMarked=this.rowFocused.marked?this.rowsMarked.filter((t=>!this.rowsSelected.includes(t))):Array.from(new Set(this.rowsMarked.concat(this.rowsSelected))))}selectByPointerEvent(t,e,i,r,s){const{rowFocused:o,rowsSelected:n,cellSelected:l}=this.manager.selection.select({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t,e,i,r,s);this.rowFocused=o,this.rowsSelected=n,this.cellSelected=l,l?l.ensureVisible():null==o||o.ensureVisible()}selectByKeyboardEvent(t,e){const{rowFocused:i,rowsSelected:r,cellSelected:s}=t({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},e);this.rowFocused=i,this.rowsSelected=r,this.cellSelected=s,s?s.ensureVisible():null==i||i.ensureVisible()}selectAll(t=!0){const{rowFocused:e,rowsSelected:i,cellSelected:r}=this.manager.selection.selectAll({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t);this.rowFocused=e,this.rowsSelected=i,this.cellSelected=r,r?r.ensureVisible():null==e||e.ensureVisible()}setRowCollapsed(t,e){t&&e?t&&t.hasChildRows&&(t.collapsed=!0):t&&!e&&(t.collapsed=!1)}setCellSelected(t,e=!0){const{rowFocused:i,rowsSelected:r,cellSelected:s}=this.manager.selection.selectSet({rowFocused:this.rowFocused,rowsSelected:this.rowsSelected,cellSelected:this.cellSelected},t.row,t,e);this.rowFocused=i,this.rowsSelected=r,this.cellSelected=s,null==i||i.ensureVisible()}stopSelecting(){this.manager.selection.selecting=!1,this.manager.selection.selectingRow=null,this.manager.selection.selectingCell=null}renderSettings(){return i("ch-grid-settings",{grid:this.el,ref:t=>this.settingsUI=t,exportparts:"\n mask:settings-mask,\n window:settings-window,\n header:settings-header,\n caption:settings-caption,\n close:settings-close,\n main:settings-main,\n footer:settings-footer\n "},i("slot",{name:"settings"},i("ch-grid-settings-columns",{part:"settings-columns",columns:[...this.manager.getColumns()],exportparts:"\n column:settings-columns-item,\n column-label:settings-columns-label,\n column-visible:settings-columns-visible,\n column-visible-checked:settings-columns-visible-checked\n "})))}render(){return i(r,{tabindex:"none"!==this.rowSelectionMode&&"0"},i("header",{part:"header"},i("slot",{name:"header"})),i("section",{class:"main",style:this.gridStyle,part:"main",ref:t=>this.gridLayoutElement=t},i("slot",null)),i("aside",null,this.renderSettings(),i("slot",{name:"column-display"}),i("slot",{name:"row-actions"})),i("footer",{part:"footer"},i("slot",{name:"footer"})))}get el(){return s(this)}static get watchers(){return{rowFocused:["rowFocusedHandler"],rowHighlighted:["rowHighlightedHandler"],rowsMarked:["rowsMarkedHandler"],rowsSelected:["rowsSelectedHandler"],cellSelected:["cellSelectedHandler"]}}};z.style=":host{display:flex;position:relative;flex-direction:column;--ch-grid-cell-active-layer:calc(var(--ch-grid-base-layer) * 1);--ch-grid-column-header-layer:calc(var(--ch-grid-base-layer) * 2);--ch-grid-column-freeze-layer:calc(var(--ch-grid-base-layer) * 4);--ch-grid-column-active-layer:calc(var(--ch-grid-base-layer) * 8);--ch-grid-settings-layer:calc(var(--ch-grid-base-layer) * 16)}.main{display:none;grid-auto-flow:dense;overflow-x:auto;user-select:none}";const H=class{constructor(i){t(this,i),this.columnHiddenChanged=e(this,"columnHiddenChanged",7),this.columnSizeChanging=e(this,"columnSizeChanging",7),this.columnSizeChanged=e(this,"columnSizeChanged",7),this.columnOrderChanged=e(this,"columnOrderChanged",7),this.columnSortChanged=e(this,"columnSortChanged",7),this.columnFreezeChanged=e(this,"columnFreezeChanged",7),this.columnDragStarted=e(this,"columnDragStarted",7),this.columnDragging=e(this,"columnDragging",7),this.columnDragEnded=e(this,"columnDragEnded",7),this.columnSelectorClicked=e(this,"columnSelectorClicked",7),this.dragging=!1,this.dragMouseMoveFn=this.dragMouseMoveHandler.bind(this),this.columnType="plain",this.columnNamePosition="text",this.richRowSelectorMode="select",this.richRowSelectorState="",this.hidden=!1,this.hideable=!0,this.resizable=!0,this.sortable=!0,this.settingable=!0,this.showSettings=!1,this.settingsClickHandler=t=>{t.stopPropagation(),this.showSettings=!0},this.selectorClickHandler=t=>{const e=t.target;this.richRowSelectorState=e.checked?"checked":"",this.columnSelectorClicked.emit({checked:e.checked}),t.stopPropagation()}}freezeHandler(){this.columnFreezeChanged.emit({columnId:this.columnId,freeze:this.freeze})}hiddenHandler(){this.columnHiddenChanged.emit({columnId:this.columnId,hidden:this.hidden})}orderHandler(){this.columnOrderChanged.emit({columnId:this.columnId,order:this.order})}sizeHandler(){this.columnSizeChanging.emit({columnId:this.columnId,size:this.size})}sortDirectionHandler(){this.sortDirection&&this.columnSortChanged.emit({columnId:this.columnId,sortDirection:this.sortDirection})}componentDidLoad(){this.el.addEventListener("mousedown",this.mousedownHandler.bind(this))}clickHandler(){this.dragging?this.dragging=!1:this.sortable&&(this.sortDirection="asc"===this.sortDirection?"desc":"asc")}columnResizeStartedHandler(){this.resizing=!0}columnResizeFinishedHandler(){this.resizing=!1,this.columnSizeChanged.emit({columnId:this.columnId,size:this.size})}allowColumnReorder(){return this.el.closest("ch-grid").allowColumnReorder}mousedownHandler(t){t.preventDefault(),t.stopPropagation(),this.allowColumnReorder()&&(this.dragMouseDownHandler(t),document.addEventListener("mousemove",this.dragMouseMoveFn,{passive:!0}),document.addEventListener("mouseup",this.dragMouseUpHandler.bind(this),{once:!0}))}dragMouseDownHandler(t){this.dragMouseMoveStartPositionX=t.pageX,this.columnDragStarted.emit({columnId:this.columnId})}dragMouseMoveHandler(t){(this.dragging||Math.abs(this.dragMouseMoveStartPositionX-t.pageX)>5)&&(this.dragging=!0,this.columnDragging.emit({columnId:this.columnId,positionX:t.pageX,direction:t.movementX>0?"right":"left"}))}dragMouseUpHandler(){document.removeEventListener("mousemove",this.dragMouseMoveFn),this.columnDragEnded.emit({columnId:this.columnId})}settingsMouseDownHandler(t){t.stopPropagation()}render(){return i(r,null,i("ul",{class:"bar",part:"bar"},this.renderSelector(),this.renderName(),this.renderSort(),this.renderSettings(),this.renderResize()),i("ch-grid-column-settings",{column:this.el,onMouseDown:this.settingsMouseDownHandler,show:this.showSettings,exportparts:"\n mask:settings-mask,\n window:settings-window,\n header:settings-header,\n caption:settings-caption,\n close:settings-close,\n main:settings-main,\n footer:settings-footer\n "},i("slot",{name:"settings"})))}renderSelector(){return i("li",{class:"selector",part:"bar-selector",hidden:!("rich"===this.columnType&&this.richRowSelector)},i("label",{part:"selector-label"},i("input",{type:"checkbox",part:["selector",this.richRowSelectorState].filter((t=>""!==t)).join(" "),onClick:this.selectorClickHandler,checked:"checked"===this.richRowSelectorState,indeterminate:"indeterminate"===this.richRowSelectorState})))}renderName(){return i("li",{class:"name",part:"bar-name",title:this.columnTooltip||("title"===this.columnNamePosition?this.columnName:null)},this.columnIconUrl||this.columnImage||this.columnImageSet?i("img",{class:"name-icon",part:"bar-name-icon",src:this.columnImage||this.columnIconUrl,srcSet:this.columnImageSet}):i("div",{class:"name-icon",part:"bar-name-icon"}),i("span",{class:"name-text",part:"bar-name-text",hidden:this.columnNameHidden||"text"!==this.columnNamePosition},this.columnName))}renderSort(){return i("li",{class:"sort",part:"bar-sort",hidden:!this.sortable},i("div",{class:"sort-asc",part:"bar-sort-ascending"}),i("div",{class:"sort-desc",part:"bar-sort-descending"}))}renderSettings(){return i("li",{class:"settings",part:"bar-settings",hidden:!this.settingable},i("button",{class:"button",part:"bar-settings-button",onClick:this.settingsClickHandler}))}renderResize(){return i("li",{class:"resize",part:"bar-resize",hidden:!this.resizable},i("ch-grid-column-resize",{column:this.el,class:"resize-split",part:"bar-resize-split"}))}get el(){return s(this)}static get watchers(){return{freeze:["freezeHandler"],hidden:["hiddenHandler"],order:["orderHandler"],size:["sizeHandler"],sortDirection:["sortDirectionHandler"]}}};H.style=":host{display:flex;position:sticky;top:0}:host{background-color:inherit;margin-block-start:inherit;margin-block-end:inherit;border-block-start:inherit;border-block-end:inherit;padding-block-start:inherit;padding-block-end:inherit;transition:transform var(--column-drag-transition-duration, 0.2s)}:host{--ch-grid-column-z-index-head:var(--ch-grid-column-header-layer)}:host([show-settings]),:host([resizing]){--ch-grid-column-z-index-active:var(--ch-grid-column-active-layer)}:host([sort-direction=asc]) .bar .sort .sort-asc{visibility:visible}:host([sort-direction=desc]) .bar .sort .sort-desc{visibility:visible}.bar{list-style-type:none;margin:0;padding:0;display:flex;align-items:center}.bar .selector{overflow:hidden;order:0}.bar .selector:not([hidden]){display:flex}.bar .name{display:flex;overflow:hidden;order:1}.bar .name .name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar .sort{position:relative;align-items:center;order:2}.bar .sort:not([hidden]){display:flex}.bar .sort .sort-asc{visibility:hidden;animation-fill-mode:forwards}.bar .sort .sort-desc{position:absolute;visibility:hidden;animation-fill-mode:forwards}.bar .settings{order:3}.bar .resize{align-self:stretch;margin-inline-start:auto;order:4}@keyframes column-sort{0%{opacity:0}10%{opacity:1}90%{opacity:1}100%{opacity:0}}";const R=class{constructor(i){t(this,i),this.columnResizeStarted=e(this,"columnResizeStarted",7),this.columnResizing=e(this,"columnResizing",7),this.columnResizeFinished=e(this,"columnResizeFinished",7),this.mousemoveFn=this.mousemoveHandler.bind(this),this.resizing=!1}componentDidLoad(){this.el.addEventListener("mousedown",this.mousedownHandler.bind(this))}clickHandler(t){t.stopPropagation()}dblclickHandler(t){t.stopPropagation(),this.column.size=c(t)?"auto":"max-content"}columnResizeStartedHandler(){this.resizing=!0}columnResizeFinishedHandler(){this.resizing=!1}mousedownHandler(t){t.stopPropagation(),t.preventDefault(),this.startPageX=t.pageX,document.addEventListener("mousemove",this.mousemoveFn,{passive:!0}),document.addEventListener("mouseup",this.mouseupHandler.bind(this),{once:!0}),this.columnResizeStarted.emit({columnId:this.column.columnId})}mousemoveHandler(t){this.columnResizing.emit({columnId:this.column.columnId,deltaWidth:this.startPageX-t.pageX})}mouseupHandler(){document.removeEventListener("mousemove",this.mousemoveFn),this.columnResizeFinished.emit({columnId:this.column.columnId})}render(){return i("div",{class:"resize-mask",hidden:!this.resizing})}get el(){return s(this)}};R.style=":host{display:block;min-width:1px;height:100%;cursor:ew-resize}.resize-mask{position:fixed;inset:0}";const I=class{constructor(e){t(this,e),this.show=!1}windowClosedHandler(t){t.stopPropagation(),this.column.showSettings=!1}columnSettingsChangedHandler(){this.column.showSettings=!1}render(){return i(r,null,i("ch-window",{modal:!0,container:this.column,xAlign:"inside-start",yAlign:"outside-end",caption:this.column.columnName,closeText:"Close",closeOnOutsideClick:!0,closeOnEscape:!0,allowDrag:"header",hidden:!this.show,exportparts:"mask,window,header,caption,close,main,footer"},i("slot",null)))}};I.style=":host{display:contents}";const $=class{constructor(e){t(this,e)}columnSortChangedHandler(t){Array.from(this.el.querySelectorAll("ch-grid-column")).forEach((e=>{e.columnId!==t.detail.columnId&&(e.sortDirection=null)}))}get el(){return s(this)}};$.style='@layer ch-grid {\n ch-grid-columnset {\n display: contents;\n }\n}\n@layer ch-grid {\n ch-grid-row {\n display: contents;\n }\n\n ch-grid-row[collapsed] > ch-grid-rowset {\n display: none;\n }\n\n ch-grid-row:is([leaf="false"], :has(> ch-grid-rowset)) > ch-grid-cell::part(caret) {\n visibility: visible;\n }\n\n ch-grid-row[dragging] {\n display: flex;\n position: fixed;\n pointer-events: none;\n box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px;\n z-index: 1000;\n transition: top var(--row-drag-transition-duration, 0.1s);\n }\n}\n@layer ch-grid {\n ch-grid-rowset {\n display: contents;\n }\n\n ch-grid-rowset[collapsed] > :not(ch-grid-rowset-legend) {\n display: none;\n }\n}\n@layer ch-grid {\n ch-grid-cell {\n position: sticky;\n grid-column: var(--grid-column);\n transition: transform var(--column-drag-transition-duration, 0.2s);\n }\n\n ch-grid-cell[selected] {\n --ch-grid-cell-z-index-active: var(--ch-grid-cell-active-layer);\n }\n\n ch-grid-cell,\nch-grid-row[selected] > ch-grid-cell,\nch-grid-row[highlighted] > ch-grid-cell {\n background-color: inherit;\n margin-block-start: inherit;\n margin-block-end: inherit;\n border-block-start: inherit;\n border-block-end: inherit;\n padding-block-start: inherit;\n padding-block-end: inherit;\n }\n\n ch-grid-cell:before {\n margin-inline-start: calc(var(--indent) * var(--level));\n }\n\n ch-grid-cell::part(indent) {\n width: calc(var(--indent) * var(--level));\n }\n\n ch-grid-cell::part(caret) {\n visibility: hidden;\n }\n}';const D=class{constructor(i){t(this,i),this.settingsCloseClicked=e(this,"settingsCloseClicked",7),this.show=!1}windowClosedHandler(t){t.stopPropagation(),this.show=!1,this.settingsCloseClicked.emit()}render(){return i(r,null,i("ch-window",{modal:!0,container:this.grid,caption:"Options",closeText:"Close",closeOnOutsideClick:!0,closeOnEscape:!0,allowDrag:"header",hidden:!this.show,exportparts:"mask,window,header,caption,close,main,footer"},i("slot",null)))}};D.style=":host{display:contents;--ch-window-mask-z-index:var(--ch-grid-settings-layer)}";const E=class{constructor(e){t(this,e),this.handleClick=t=>{const e=t.target;this.columns.find((t=>t.columnId===e.name)).hidden=!e.checked,t.stopPropagation()}}getColumnsSorted(){return[...this.columns].sort(((t,e)=>t.order<e.order?-1:t.order>e.order?1:0))}render(){const t=this.getColumnsSorted();return i("ul",null,t.map((t=>i("li",{part:"column"},i("label",{part:"column-label"},i("input",{part:t.hidden?"column-visible":"column-visible column-visible-checked",type:"checkbox",checked:!t.hidden,disabled:!t.hideable,name:t.columnId,onClick:this.handleClick}),t.columnName)))))}};E.style=":host{display:flex;flex-direction:column}ul{display:contents;list-style-type:none}";const F=class{constructor(e){t(this,e),this.noBorder=!1,this.fullHeight=!1}componentWillLoad(){const t=o("./icon-assets/");this.el.style.setProperty("--refreshIconUrl",`url("${t}gemini-tools/reset.svg")`),this.el.style.setProperty("--settingshIconUrl",`url("${t}gemini-tools/settings.svg")`),this.el.style.setProperty("--barSortAscendingIconUrl",`url("${t}navigation/chevron-down.svg")`),this.el.style.setProperty("--barSortDescendingIconUrl",`url("${t}navigation/chevron-up.svg")`),this.el.style.setProperty("--barSettingsButtonIconUrl",`url("${t}gemini-tools/settings.svg")`),this.el.style.setProperty("--settingsCloseIconUrl",`url("${t}gemini-tools/close.svg")`),this.el.style.setProperty("--dragIconUrl",`url("${t}navigation/drag.svg")`),this.el.style.setProperty("--caretCollapseIconUrl",`url("${t}gemini-tools/minus.svg")`),this.el.style.setProperty("--caretExpandIconUrl",`url("${t}gemini-tools/add.svg")`)}render(){return i(r,{class:{large:g.large,"no-border":this.noBorder}},i("slot",null))}get el(){return s(this)}};F.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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:root{--indent:var(--spacing-comp-02)}gxg-grid{display:contents}ch-grid{border:1px solid var(--gray-02);--focus-style:2px solid var(--color-primary-active)}ch-grid::part(main){}ch-grid::part(main)::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}ch-grid::part(main)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-grid::part(main)::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}ch-grid::part(main)::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}gxg-grid.no-border ch-grid{border:0}gxg-grid:focus-visible,ch-grid:focus-visible{outline:none}ch-grid::part(header),ch-grid::part(footer){background-color:var(--color-background)}ch-grid-actionbar ch-grid-action-refresh,ch-grid-actionbar ch-grid-action-settings,ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending),ch-grid-column::part(bar-settings-button),ch-grid-column::part(settings-close),ch-grid::part(settings-close),ch-grid-cell::part(drag-icon),ch-grid-cell::part(caret),ch-grid-rowset-legend::part(caret){display:inline-flex;align-items:center;justify-content:center}ch-grid-actionbar ch-grid-action-refresh:before,ch-grid-actionbar ch-grid-action-settings:before,ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before,ch-grid-column::part(bar-settings-button):before,ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before,ch-grid-cell::part(drag-icon):before,ch-grid-cell::part(caret):before,ch-grid-rowset-legend::part(caret):before{content:"";display:block;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;width:70%;height:70%;background-color:var(--color-on-secondary)}ch-grid-action-refresh,ch-grid-action-settings{width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);display:inline-block}ch-grid-action-refresh:hover,ch-grid-action-settings:hover{background-color:var(--color-secondary-hover)}ch-grid-action-refresh:focus-visible,ch-grid-action-settings:focus-visible{outline:var(--focus-style)}ch-grid-action-refresh:before{-webkit-mask-image:var(--refreshIconUrl)}ch-grid-action-settings:before{-webkit-mask-image:var(--settingshIconUrl)}ch-grid{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--gray-06)}ch-grid-column{background-color:var(--color-background);font-weight:var(--font-weight-bold);padding:var(--spacing-comp-02) !important;cursor:pointer}ch-grid-column::part(bar){gap:var(--spacing-comp-02);width:100%}ch-grid-column:not([sort-direction])::part(bar-sort){display:none}ch-grid-column::part(bar-settings){line-height:0}ch-grid-column::part(bar-sort-ascending),ch-grid-column::part(bar-sort-descending){width:var(--spacing-comp-03);height:var(--spacing-comp-03);margin-left:var(--spacing-comp-02);margin-right:var(--spacing-comp-01)}ch-grid-column::part(bar-sort-ascending):before,ch-grid-column::part(bar-sort-descending):before{width:100%;height:100%;-webkit-mask-size:200%}ch-grid-column::part(bar-sort-descending):before{-webkit-mask-image:var(--barSortDescendingIconUrl)}ch-grid-column::part(bar-sort-ascending):before{-webkit-mask-image:var(--barSortAscendingIconUrl)}ch-grid-column::part(bar-resize-split){width:3px;background-color:var(--gray-02)}ch-grid-column:last-child::part(bar-resize-split){display:none}ch-grid-column::part(bar-settings-button){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);border:none;background-color:transparent;cursor:pointer}ch-grid-column::part(bar-settings-button):hover{background-color:var(--gray-02)}ch-grid-column::part(bar-settings-button):focus-visible{outline:var(--focus-style)}ch-grid-column::part(bar-settings-button):before{-webkit-mask-image:var(--barSettingsButtonIconUrl)}ch-grid-row{background-color:var(--color-background);color:var(--gray-04);border:2px solid transparent}ch-grid-row ch-grid-cell{border-top-width:1px}ch-grid-row:nth-of-type(odd){background-color:var(--gray-00)}ch-grid-row[highlighted]{background-color:var(--gxg-background-color--hover)}ch-grid-row[dragging]{box-shadow:var(--box-shadow-03)}ch-grid-row[selected]>ch-grid-cell:not([selected]){background-color:var(--gxg-background-color--selected)}ch-grid-cell[selected]{z-index:1;background-color:var(--gxg-background-color--selected) !important}ch-grid-row[selected]>ch-grid-cell{color:var(--color-on-secondary)}ch-grid-row[selected]+ch-grid-row[selected] ch-grid-cell{border-top-color:var(--gxg-border-color--selected)}ch-grid-row[selected]:hover>ch-grid-cell{background-color:var(--gxg-background-color--selected-hover) !important}ch-grid-cell{box-sizing:border-box;padding-inline-start:var(--spacing-comp-02) !important;padding-inline-end:var(--spacing-comp-02) !important;padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01);align-items:center;font-size:var(--font-size-md);line-height:var(--line-height-regular)}ch-grid-column::part(settings-mask){cursor:default}ch-grid-column::part(settings-mask),ch-grid::part(settings-mask){background-color:rgba(0, 0, 0, 0.3);cursor:arrow;color:var(--color-on-secondary)}ch-grid-column::part(settings-window),ch-grid::part(settings-window){background-color:var(--color-background);width:100%;max-width:600px;padding:var(--spacing-comp-03);border-radius:var(--border-width-lg);box-shadow:var(--box-shadow-04)}ch-grid::part(settings-window){margin:0 var(--spacing-comp-05)}ch-grid-column::part(settings-header),ch-grid::part(settings-header){display:flex;align-items:center;gap:var(--spacing-comp-04);justify-content:space-between;border-bottom:var(--border-width-sm) solid var(--gray-02);padding-bottom:var(--spacing-comp-02);margin-bottom:var(--spacing-comp-03);font-weight:var(--font-weight-bold)}ch-grid-column::part(settings-close),ch-grid::part(settings-close){padding:0;width:var(--spacing-comp-05);height:var(--spacing-comp-05);cursor:pointer;background-color:var(--color-secondary-enabled);font-size:0;border:0}ch-grid-column::part(settings-close):hover,ch-grid::part(settings-close):hover{background-color:var(--color-secondary-hover)}ch-grid-column::part(settings-close):before,ch-grid::part(settings-close):before{-webkit-mask-image:var(--settingsCloseIconUrl)}ch-grid-column::part(settings-close):focus-visible,ch-grid::part(settings-close):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns){gap:var(--spacing-comp-03)}ch-grid::part(settings-columns-label){display:inline-flex;align-items:center;gap:var(--spacing-comp-03);cursor:pointer;height:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible),ch-grid-cell::part(selector),ch-grid-column::part(selector){position:relative;margin:0;height:var(--spacing-comp-04);width:var(--spacing-comp-04)}ch-grid::part(settings-columns-visible):focus-visible,ch-grid-cell::part(selector):focus-visible,ch-grid-column::part(selector):focus-visible{outline:var(--focus-style)}ch-grid::part(settings-columns-visible):before,ch-grid-cell::part(selector):before,ch-grid-column::part(selector):before{cursor:pointer;content:"";display:inline-block;position:relative;height:var(--spacing-comp-04);width:var(--spacing-comp-04);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-radius:var(--border-radius-md);border-color:var(--gray-04);box-sizing:border-box;flex-shrink:0;background:var(--color-background)}ch-grid::part(settings-columns-visible):after,ch-grid-cell::part(selector):after,ch-grid-column::part(selector):after{opacity:0;display:block;position:absolute;content:"";left:6px;top:3px;width:3px;height:7px;border:solid;border-color:var(--color-primary-hover);border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;cursor:pointer}ch-grid-column::part(indeterminate):after{opacity:1;display:block;position:absolute;content:"";left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-hover);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}ch-grid::part(settings-columns-visible-checked):before,ch-grid-cell::part(checked):before,ch-grid-column::part(checked):before{border-color:var(--color-primary-hover)}ch-grid::part(settings-columns-visible-checked):after,ch-grid-cell::part(checked):after,ch-grid-column::part(checked):after{opacity:1}ch-grid-cell::part(drag-icon):before{width:var(--spacing-comp-04);height:var(--spacing-comp-04);cursor:grab}ch-grid-cell::part(drag-icon):before{-webkit-mask-image:var(--dragIconUrl)}ch-grid::part(row-actions){padding-top:2px;right:var(--spacing-comp-02)}ch-grid-column::part(selector){margin-right:8px}ch-grid-rowset-legend{background-color:var(--gray-01);padding-inline-start:var(--spacing-comp-02);padding-inline-end:var(--spacing-comp-02);padding-block-start:var(--spacing-comp-01);padding-block-end:var(--spacing-comp-01)}ch-grid>ch-grid-rowset:first-of-type ch-grid-rowset-legend{border-top:1px solid var(--color-background)}ch-grid-rowset-legend{margin-inline-start:calc(var(--indent) * (var(--level) - 1));display:flex;align-items:center;gap:var(--spacing-comp-01);cursor:pointer}ch-grid-rowset-legend::part(caret),ch-grid-cell::part(caret){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}ch-grid-cell::part(caret){cursor:pointer;margin-right:var(--spacing-comp-01)}ch-grid-rowset>ch-grid-rowset-legend::part(caret):before,ch-grid-row>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretCollapseIconUrl)}ch-grid-rowset[collapsed]>ch-grid-rowset-legend::part(caret):before,ch-grid-row[collapsed]>ch-grid-cell::part(caret):before{-webkit-mask-image:var(--caretExpandIconUrl)}ch-grid-rowset[collapsed] ch-grid-rowset-legend{border-bottom:1px solid var(--color-background)}ch-grid gxg-paginator{padding-top:0;padding-bottom:0}gxg-grid[full-height]{height:100%}gxg-grid[full-height] ch-grid{height:100%}gxg-grid[ellipsis] ch-grid-cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}gxg-grid[ellipsis-cell-wrapper] ch-grid-cell{width:1fr}gxg-grid[ellipsis-cell-wrapper] .cell-wrapper{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:inherit}gxg-grid[ellipsis-cell-wrapper] ch-grid-column::part(bar-resize-split){display:none}gxg-grid.large ch-grid{font-size:var(--font-size-lg)}';export{z as ch_grid,H as ch_grid_column,R as ch_grid_column_resize,I as ch_grid_column_settings,$ as ch_grid_columnset,D as ch_grid_settings,E as ch_grid_settings_columns,F as gxg_grid}

package/dist/genexus-ide-ui/{p-4cb93e1b.entry.js → p-e08493a5.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r,c as t,h as o,H as a,g as e}from"./p-0906fb46.js";import{s as i}from"./p-a85038e2.js";import{a as s}from"./p-b9fca59c.js";import{f as l,c as n}from"./p-e7e4f76c.js";const g="ArrowDown",c="ArrowUp",h=class{constructor(o){r(this,o),this.valueChanged=t(this,"valueChanged",7),this.selectionChanged=t(this,"selectionChanged",7),this.keyEventsDictionary={ArrowDown:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,g),o=this.getNewFocusedItem(t,g);t&&t.focus(),o\|\|this.scrollListToBottom()},ArrowUp:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,c),o=this.getNewFocusedItem(t,c);t&&t.focus(),o\|\|this.scrollListToTop()}},this.windowHidden=!0,this.debounce=300,this.labelPosition="start",this.showLabel=!0,this.showHeader=!1,this.cursorEnd=!1,this.evaluateSlotIsEmpty=()=>{this.chWindow.hidden=!this.el.firstElementChild},this.setFocusOnFirstItem=()=>{const r=this.el.querySelector("ch-suggest-list-item");r&&r.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(r,t)=>{const o=r=>{const o=r.querySelectorAll("ch-suggest-list-item");let a=o&&o[o.length-1];if(t===g)a=r.querySelector("ch-suggest-list-item");else{const t=r.querySelectorAll("ch-suggest-list-item");a=t&&t[t.length-1]}return a};if(!r)return;let a=t===g?r.nextElementSibling:r.previousElementSibling;if("CH-SUGGEST-LIST"===(null==a?void 0:a.nodeName))a=o(a);else if(!a){const e=r.parentElement,i=t===g?e.nextElementSibling:e.previousElementSibling,s="CH-SUGGEST-LIST"===e.nodeName;if(s&&i&&"CH-SUGGEST-LIST-ITEM"===i.nodeName)a=t===g?e.nextElementSibling:e.previousElementSibling;else if(s&&i&&"CH-SUGGEST-LIST"===i.nodeName){const r=t===g?e.nextElementSibling:e.previousElementSibling;let i;i=t===g?r.querySelector("ch-suggest-list-item"):o(r),a=i\|\|null}}return a},this.handleInput=r=>{const t=r.target.value;this.value=t,this.timeoutReference&&clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.processInputEvent(t)}),this.debounce)},this.handleKeyDown=r=>{r.key===g&&(r.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const r=window.innerHeight,t=document.body.scrollHeight,o=t>=r?t:r,a=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",o-a+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const r=this.chWindow.shadowRoot.querySelector("[part='window']");r.scrollTop=r.scrollHeight},this.processInputEvent=r=>{this.valueChanged.emit(r),this.evaluateWindowMaxHeight()},this.closeWindow=()=>{this.chWindow.hidden=!0},this.onFocusHandler=()=>{this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}}itemSelectedHandler(r){r.stopPropagation(),this.value=r.detail.value,this.closeWindow(),this.selectionChanged.emit(r.detail)}focusChangeAttemptHandler(r){const t=this.keyEventsDictionary[r.detail.code];if(t){const o=r.detail.el,a=this.getChSuggestListItems(),e=a.findIndex((r=>r===o));t({event:r.detail,currentFocusedItem:o,chSuggestListItemsArray:a,currentFocusedItemIndex:e,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0,this.slot.innerHTML=""}async selectInputText(){this.textInput.focus(),this.textInput.select()}render(){return o(a,null,o("div",{class:"main-wrapper",part:"main-wrapper"},o("div",{class:"label-input-wrapper",part:"label-input-wrapper"},this.showLabel&&this.label&&o("label",{id:"label",htmlFor:"input",part:"label"},this.label),o("input",{type:"text",id:"input",part:"input",class:"input",ref:r=>this.textInput=r,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.onFocusHandler,value:this.value,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()})),o("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:r=>this.chWindow=r,showHeader:this.showHeader,caption:this.suggestTitle,exportparts:"\n header:header, \n caption:title, \n close:close-button,\n window:dropdown"},o("slot",{onSlotchange:this.evaluateSlotIsEmpty,ref:r=>this.slot=r}))))}static get delegatesFocus(){return!0}get el(){return e(this)}};h.style=",::after,::before{box-sizing:border-box}:host{--window-max-height:none;--window-gap:50px}.main-wrapper{display:block}.label-input-wrapper{display:flex}.label-input-wrapper .input{flex:1}:host([label-position=start]) .label-input-wrapper{flex-direction:row}:host([label-position=above]) .label-input-wrapper{flex-direction:column}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}.ch-window-container{position:relative}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";const d=class{constructor(t){r(this,t)}render(){return o(a,null,this.label&&o("h2",{id:"heading",part:"title",class:"title"},this.label),o("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},o("slot",null)))}};d.style=",::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";const p=class{constructor(o){r(this,o),this.itemSelected=t(this,"itemSelected",7),this.focusChangeAttempt=t(this,"focusChangeAttempt",7),this.getItemIndexes=()=>{const r=this.el.parentElement;if("CH-SUGGEST"===r.nodeName){let t=-1;const o=Array.from(r.querySelectorAll(":scope > ch-suggest-list-item"));for(let r=0;r<o.length;r++)if(o[r]===this.el){t=r;break}return{itemIndex:t,listIndex:void 0}}if("CH-SUGGEST-LIST"===r.nodeName){const t=r,o=Array.from(t.parentElement.querySelectorAll(":scope > ch-suggest-list")).findIndex((r=>r===t));if(-1!==o)return{itemIndex:Array.from(t.querySelectorAll("ch-suggest-list-item")).findIndex((r=>r===this.el)),listIndex:o}}},this.handleClick=()=>{const r=this.getItemIndexes();this.itemSelected.emit({value:this.value\|\|this.el.innerText,description:this.el.innerText,icon:this.iconSrc,indexes:r})},this.handleKeyDown=r=>{"ArrowUp"!==r.code&&"ArrowDown"!==r.code\|\|(r.preventDefault(),this.focusChangeAttempt.emit({el:this.el,code:r.code}))}}render(){return o(a,{role:"listitem",onKeyDown:this.handleKeyDown},o("button",{part:"button",onClick:this.handleClick},o("slot",{name:"icon"}),o("div",{class:"content-wrapper",part:"content-wrapper"},o("slot",null))))}static get delegatesFocus(){return!0}get el(){return e(this)}};p.style=":host{display:block}:where(button){all:unset;display:flex;width:100%;cursor:pointer}*,::after,::before{box-sizing:border-box}";const u=class{constructor(t){r(this,t),this.validationStatus="indeterminate",this.disabled=!1,this.ellipsis=!0}render(){return o(a,{class:{large:i.large,[l.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[l.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[l.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[l.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[n.DISABLED_CLASS]:this.disabled}},o("slot",null),s(this))}};u.style='@charset "UTF-8";: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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);}ch-suggest::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}ch-suggest::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-suggest::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}ch-suggest::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(label){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;display:flex;align-items:center;cursor:default;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background)}ch-suggest::part(input):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(input):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:"✖";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);}ch-suggest::part(dropdown)::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin-block-start:var(--spacing-comp-02);font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:" - "}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color--hover)}';export{h as ch_suggest,d as ch_suggest_list,p as ch_suggest_list_item,u as gxg_suggest}
1	+ import{r,c as t,h as o,H as a,g as e}from"./p-0906fb46.js";import{s as i}from"./p-a85038e2.js";import{a as s}from"./p-b9fca59c.js";import{f as l,c as n}from"./p-e7e4f76c.js";const g="ArrowDown",c="ArrowUp",h=class{constructor(o){r(this,o),this.valueChanged=t(this,"valueChanged",7),this.selectionChanged=t(this,"selectionChanged",7),this.keyEventsDictionary={ArrowDown:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,g),o=this.getNewFocusedItem(t,g);t&&t.focus(),o\|\|this.scrollListToBottom()},ArrowUp:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,c),o=this.getNewFocusedItem(t,c);t&&t.focus(),o\|\|this.scrollListToTop()}},this.windowHidden=!0,this.debounce=300,this.labelPosition="start",this.showLabel=!0,this.showHeader=!1,this.cursorEnd=!1,this.evaluateSlotIsEmpty=()=>{this.chWindow.hidden=!this.el.firstElementChild},this.setFocusOnFirstItem=()=>{const r=this.el.querySelector("ch-suggest-list-item");r&&r.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(r,t)=>{const o=r=>{const o=r.querySelectorAll("ch-suggest-list-item");let a=o&&o[o.length-1];if(t===g)a=r.querySelector("ch-suggest-list-item");else{const t=r.querySelectorAll("ch-suggest-list-item");a=t&&t[t.length-1]}return a};if(!r)return;let a=t===g?r.nextElementSibling:r.previousElementSibling;if("CH-SUGGEST-LIST"===(null==a?void 0:a.nodeName))a=o(a);else if(!a){const e=r.parentElement,i=t===g?e.nextElementSibling:e.previousElementSibling,s="CH-SUGGEST-LIST"===e.nodeName;if(s&&i&&"CH-SUGGEST-LIST-ITEM"===i.nodeName)a=t===g?e.nextElementSibling:e.previousElementSibling;else if(s&&i&&"CH-SUGGEST-LIST"===i.nodeName){const r=t===g?e.nextElementSibling:e.previousElementSibling;let i;i=t===g?r.querySelector("ch-suggest-list-item"):o(r),a=i\|\|null}}return a},this.handleInput=r=>{const t=r.target.value;this.value=t,this.timeoutReference&&clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.processInputEvent(t)}),this.debounce)},this.handleKeyDown=r=>{r.key===g&&(r.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const r=window.innerHeight,t=document.body.scrollHeight,o=t>=r?t:r,a=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",o-a+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const r=this.chWindow.shadowRoot.querySelector("[part='window']");r.scrollTop=r.scrollHeight},this.processInputEvent=r=>{this.valueChanged.emit(r),this.evaluateWindowMaxHeight()},this.closeWindow=()=>{this.chWindow.hidden=!0},this.onFocusHandler=()=>{this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}}itemSelectedHandler(r){r.stopPropagation(),this.value=r.detail.value,this.closeWindow(),this.selectionChanged.emit(r.detail)}focusChangeAttemptHandler(r){const t=this.keyEventsDictionary[r.detail.code];if(t){const o=r.detail.el,a=this.getChSuggestListItems(),e=a.findIndex((r=>r===o));t({event:r.detail,currentFocusedItem:o,chSuggestListItemsArray:a,currentFocusedItemIndex:e,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0,this.slot.innerHTML=""}async selectInputText(){this.textInput.focus(),this.textInput.select()}render(){return o(a,null,o("div",{class:"main-wrapper",part:"main-wrapper"},o("div",{class:"label-input-wrapper",part:"label-input-wrapper"},this.showLabel&&this.label&&o("label",{id:"label",htmlFor:"input",part:"label"},this.label),o("input",{type:"text",id:"input",part:"input",class:"input",ref:r=>this.textInput=r,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.onFocusHandler,value:this.value,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()})),o("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:r=>this.chWindow=r,showHeader:this.showHeader,caption:this.suggestTitle,exportparts:"\n header:header, \n caption:title, \n close:close-button,\n window:dropdown"},o("slot",{onSlotchange:this.evaluateSlotIsEmpty,ref:r=>this.slot=r}))))}static get delegatesFocus(){return!0}get el(){return e(this)}};h.style=",::after,::before{box-sizing:border-box}:host{--window-max-height:none;--window-gap:50px}.main-wrapper{display:block}.label-input-wrapper{display:flex}.label-input-wrapper .input{flex:1}:host([label-position=start]) .label-input-wrapper{flex-direction:row}:host([label-position=above]) .label-input-wrapper{flex-direction:column}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}.ch-window-container{position:relative}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";const d=class{constructor(t){r(this,t)}render(){return o(a,null,this.label&&o("h2",{id:"heading",part:"title",class:"title"},this.label),o("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},o("slot",null)))}};d.style=",::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";const p=class{constructor(o){r(this,o),this.itemSelected=t(this,"itemSelected",7),this.focusChangeAttempt=t(this,"focusChangeAttempt",7),this.getItemIndexes=()=>{const r=this.el.parentElement;if("CH-SUGGEST"===r.nodeName){let t=-1;const o=Array.from(r.querySelectorAll(":scope > ch-suggest-list-item"));for(let r=0;r<o.length;r++)if(o[r]===this.el){t=r;break}return{itemIndex:t,listIndex:void 0}}if("CH-SUGGEST-LIST"===r.nodeName){const t=r,o=Array.from(t.parentElement.querySelectorAll(":scope > ch-suggest-list")).findIndex((r=>r===t));if(-1!==o)return{itemIndex:Array.from(t.querySelectorAll("ch-suggest-list-item")).findIndex((r=>r===this.el)),listIndex:o}}},this.handleClick=()=>{const r=this.getItemIndexes();this.itemSelected.emit({value:this.value\|\|this.el.innerText,description:this.el.innerText,icon:this.iconSrc,indexes:r})},this.handleKeyDown=r=>{"ArrowUp"!==r.code&&"ArrowDown"!==r.code\|\|(r.preventDefault(),this.focusChangeAttempt.emit({el:this.el,code:r.code}))}}render(){return o(a,{role:"listitem",onKeyDown:this.handleKeyDown},o("button",{part:"button",onClick:this.handleClick},o("slot",{name:"icon"}),o("div",{class:"content-wrapper",part:"content-wrapper"},o("slot",null))))}static get delegatesFocus(){return!0}get el(){return e(this)}};p.style=":host{display:block}:where(button){all:unset;display:flex;width:100%;cursor:pointer}*,::after,::before{box-sizing:border-box}";const u=class{constructor(t){r(this,t),this.validationStatus="indeterminate",this.disabled=!1,this.ellipsis=!0}render(){return o(a,{class:{large:i.large,[l.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[l.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[l.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[l.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[n.DISABLED_CLASS]:this.disabled}},o("slot",null),s(this))}};u.style='@charset "UTF-8";: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:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);}ch-suggest::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}ch-suggest::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-suggest::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}ch-suggest::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(label){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;display:flex;align-items:center;cursor:default;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background);width:100%}ch-suggest::part(input):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(input):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:"✖";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);}ch-suggest::part(dropdown)::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin-block-start:var(--spacing-comp-02);font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:" - "}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color--hover)}';export{h as ch_suggest,d as ch_suggest_list,p as ch_suggest_list_item,u as gxg_suggest}

package/dist/genexus-ide-ui/p-e2051df2.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as e,h as i,H as r,g as s}from"./p-0906fb46.js";import{L as o}from"./p-26957490.js";import{c as a}from"./p-13ffa7c0.js";import{c as n}from"./p-9c2ba4ba.js";const c="object",l=(t,e)=>{const i=[];return e.forEach((e=>{i.push({id:e.id,caption:e.name,leftImgSrc:t,expanded:!0,leaf:!0,class:"object tree-view-item",metadata:c})})),i},d=(t,e)=>{const i=[];return e.forEach(((e,r)=>{i.push({id:`${t}-message-${r}}]`,caption:e,leftImgSrc:"gx-test/test-results",leaf:!0})})),i},h=class{constructor(i){t(this,i),this.componentDidRenderFirstTime=e(this,"componentDidRenderFirstTime",7),this.componentDidLoadEvent=e(this,"componentDidLoadEvent",7),this.renderedFirstTime=!1,this.importCategoryData=[],this.objectsInFileTotalNodes=0,this.evaluateImportStatusMessage=()=>{this.someStatusVisible=this.statusInfo.error.display||this.statusInfo.warning.display||this.statusInfo.success.display},this.evaluateObjects=()=>{var t;this.noObjects=!(0!==(null===(t=this.objectsTreeState)||void 0===t?void 0:t.length)&&this.objectsTreeState)},this.evaluateImport=()=>{var t;this.noImport=!(0!==(null===(t=this.importTreeState)||void 0===t?void 0:t.length)&&this.importTreeState)},this.selectFileAndLoadHandler=()=>{this.fileInputEl.openFile()},this.loadFileHandler=async()=>{if(this.loadCallback&&this.selectedFile){this.importCategoryData=await this.loadCallback(this.selectedFile);const t=(t=>{const e=[];return t?(t.forEach((t=>{const i={id:t.id,caption:`${t.name} (${t.items.length})`,leftImgSrc:t.icon,expanded:!0,leaf:!1,class:"category tree-view-item",metadata:"category",items:l(t.icon,t.items)};e.push(i)})),e):e})(this.importCategoryData);this.objectsTreeState=t,this.importCategoryData.length>0&&(this.selectedFile=null)}},this.fileSelectedHandler=t=>{this.selectedFile=t.detail[0]},this.importObjectsHandler=async()=>{this.importCallback&&(this.clearStatusHandler(),this.importingIsInProcess=!0,this.objectsButtonsGroup.activeButtonId="cancel-import-btn",this.importCallback(this.checkedObjectsIds).then((()=>{this.importingIsInProcess=!1})))},this.objectsTreeCheckedItemsChangedHandler=t=>{if(null==t.detail)return this.toggleObjectsCheckboxEl.checked=!1,void(this.toggleObjectsCheckboxEl.indeterminate=!1);const e=[...t.detail.values()];if(0===e.length)return this.toggleObjectsCheckboxEl.checked=!1,void(this.toggleObjectsCheckboxEl.indeterminate=!1);const i=e[0].item.checked,r=e.every((t=>t.item.checked===i));this.toggleObjectsCheckboxEl.checked=i,this.toggleObjectsCheckboxEl.indeterminate=!r;const s=e.filter((t=>t.item.checked)).filter((t=>t.item.metadata===c)),o=[];s.length>0&&s.forEach((t=>{o.push(t.item.id)})),this.checkedObjectsIds=o},this.objectsTreeContextMenuHandler=t=>{this.objectContextMenuCallback&&t.detail.metadata===c&&this.objectContextMenuCallback("imported",{selection:[t.detail.id],clientX:t.detail.contextmenuEvent.screenX,clientY:t.detail.contextmenuEvent.screenY})},this.cancelImportHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.optionsHandler=()=>{this.optionsCallback&&this.optionsCallback()},this.clearStatusHandler=()=>{this.importTreeState=[],this.statusInfo.error.number=0,this.statusInfo.warning.number=0,this.statusInfo.success.number=0},this.toggleSelectionClickHandler=t=>{const e=t.target.checked;this.toggleObjectsCheckboxEl.indeterminate=!1,this.objectsTreeEl.updateAllItemsProperties({checked:e})},this.statusButtonsSelectionChangedHandler=t=>{const e=t.detail,i=e.findIndex((t=>"error"===t.itemId)),r=e.findIndex((t=>"warning"===t.itemId)),s=e.findIndex((t=>"success"===t.itemId));this.statusInfo={error:{display:-1!==i,number:this.statusInfo.error.number},warning:{display:-1!==r,number:this.statusInfo.warning.number},success:{display:-1!==s,number:this.statusInfo.success.number}},this.evaluateImportStatusMessage()},this.evaluateCheckAllValue=()=>{let t=!0;return 0!==this.objectsTreeState.length&&this.objectsInFileTotalNodes===this.checkedObjectsIds.length||(t=!1),t},this.fileClearedHandler=()=>{this.selectedFile=null},this.loaderCancelCallbackHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.checkedObjectsIds=[],this.noObjects=void 0,this.showHiddenImportsMessage=!1,this.statusInfo={error:{display:!0,number:0},warning:{display:!0,number:0},success:{display:!0,number:0}},this.objectsTreeState=[],this.importStatusMessage=void 0,this.someStatusVisible=void 0,this.noImport=void 0,this.importTreeState=[],this.importingIsInProcess=!1,this.displayTitle=!1,this.loader=!0,this.selectedFile=void 0,this.optionsCallback=void 0,this.importCallback=void 0,this.loadCallback=void 0,this.cancelCallback=void 0,this.statusMinimal=!1,this.objectContextMenuCallback=void 0}watchObjectsTreeStateHandler(t){this.noObjects=!(0!==t.length&&t),this.objectsInFileTotalNodes=n(t)}watchImportTreeStateHandler(t){this.noImport=!(0!==t.length&&t),this.importStatusMessage=this.noImport?this._componentLocale.main.importStatus.noImportedFiles:this._componentLocale.main.importStatus.importedButHidden}watchImportingIsInProcessHandler(t){t&&this.loader?this.loaderEl.show=!0:!t&&this.loader&&(this.loaderEl.show=!1)}watchSelectedFileHandler(t){t&&t.name&&t.size>0&&this.loadFileHandler()}async componentWillLoad(){this._componentLocale=await o.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0),this.evaluateObjects(),this.evaluateImport(),this.importStatusMessage=this._componentLocale.main.importStatus.noImportedFiles,this.evaluateImportStatusMessage()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}async addResultItem(t){this.importTreeState=((t,e,i)=>{let r=[...i];const s=((t,e)=>{const i=Object.assign({categoryId:void 0,categoryName:void 0,categoryIcon:void 0},t);t:for(let r=0;r<e.length;r++){const s=e[r];for(let e=0;e<s.items.length;e++)if(s.items[e].id===t.id){i.categoryId=s.id,i.categoryName=s.name,i.categoryIcon=s.icon;break t}}return i})(t,e);return r=((t,e)=>{var i;const r=e.findIndex((e=>e.id===t.categoryId));if(-1===r){const i={id:t.categoryId,caption:`${t.categoryName} (1)`,leftImgSrc:t.categoryIcon,class:"tree-view-item",expanded:!0,items:[{id:t.id,caption:t.name,items:d(t.id,t.messages),class:`tree-view-item tree-view-item--${t.status}`,expanded:!0,leaf:0===t.messages.length}]};e.push(i)}else if(-1===(null===(i=e[r].items)||void 0===i?void 0:i.findIndex((e=>e.id===t.id)))){const i={id:t.id,caption:t.name,expanded:!0,items:d(t.id,t.messages),class:`tree-view-item tree-view-item--${t.status}`};e[r].items.push(i),e[r].caption=`${t.categoryName} (${e[r].items.length})`}return e})(s,r),r})(t,this.importCategoryData,this.importTreeState),this.statusInfo[t.status].number++}render(){var t;return i(r,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",{noContentPadding:!0,noFooterPadding:!0,containerTitle:this.displayTitle?this._componentLocale.componentName:null},i("header",{class:"header",slot:"header"},i("gxg-form-text",{type:"file",class:"select-file",label:this._componentLocale.header.fileNameLabel,placeholder:this._componentLocale.header.fileNamePlaceholder,part:"file-name",acceptFile:".xpz, .xml",clearButton:!0,iconPosition:"start",onFileSelected:this.fileSelectedHandler,onClearButtonClicked:this.fileClearedHandler,ref:t=>this.fileInputEl=t}),i("gxg-button",{type:"primary-text-icon",icon:"gemini-tools/file",part:"select-file-load-button",onClick:this.selectFileAndLoadHandler,disabled:this.importingIsInProcess},this._componentLocale.header.selectFileButton)),i("main",{class:"main"},i("gx-ide-container",{containerTitle:this._componentLocale.main.objectsInFile.title,noContentPadding:!0,noBorderFooter:!0,class:"left-grid-item",slimmerFooter:!0,inactiveTitle:this.noObjects,footerSubtleShadow:!this.noObjects,titleType:"secondary"},i("div",{class:{"tree-container":!0,"tree-container--objects-in-file":!0,"tree-container--empty":this.noObjects}},this.noObjects?i("div",{class:"gx-ide-message"},i("gxg-text",{textAlign:a.gxgMessage.common.textAlign,padding:a.gxgMessage.common.textAlign,type:a.gxgMessage.common.type,maxWidth:a.gxgMessage.common.maxWidth,part:"objects-in-file-empty-status-message"},"There are no Objects. ",i("br",null),i("gxg-text",{type:"text-link-no-line",onClick:this.selectFileAndLoadHandler},"Begin by selecting a file."))):i("gxg-tree-view",{treeModel:this.objectsTreeState,dragDisabled:!0,dropDisabled:!0,toggleCheckboxes:!0,checkbox:!0,checked:!0,onCheckedItemsChange:this.objectsTreeCheckedItemsChangedHandler,onItemContextmenu:this.objectsTreeContextMenuHandler,ref:t=>this.objectsTreeEl=t})),i("gxg-form-checkbox",{label:this._componentLocale.main.objectsInFile.selectUnselect,part:"select-all-checkbox",slot:"footer-start",disabled:this.importingIsInProcess||0===this.objectsTreeState.length,checked:this.evaluateCheckAllValue(),onClick:this.toggleSelectionClickHandler,ref:t=>this.toggleObjectsCheckboxEl=t}),i("gxg-button-group",{slot:"footer-end",ref:t=>this.objectsButtonsGroup=t},i("button",{id:"import-btn",part:"import-button",disabled:0===(null===(t=this.objectsTreeState)||void 0===t?void 0:t.length)||this.importingIsInProcess,onClick:this.importObjectsHandler},this._componentLocale.main.objectsInFile.importButton),i("button",{id:"cancel-import-btn",part:"cancel-import-button",disabled:!this.importingIsInProcess,onClick:this.cancelImportHandler},this._componentLocale.main.objectsInFile.cancelButton)),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/settings",slot:"footer-end",part:"select-kb-btn",onClick:this.optionsHandler},this._componentLocale.header.optionsButton)),i("gx-ide-container",{containerTitle:this._componentLocale.main.importStatus.title,noContentPadding:!0,noBorderFooter:!0,slimmerFooter:!0,inactiveTitle:this.noImport,footerSubtleShadow:!this.noImport,titleType:"secondary"},i("div",{class:{"tree-container":!0,"tree-container--import-status":!0,"tree-container--empty":this.noImport||!this.someStatusVisible,"tree-container--no-warnings":!this.statusInfo.warning.display,"tree-container--no-errors":!this.statusInfo.error.display,"tree-container--no-succeeded":!this.statusInfo.success.display}},!this.noImport&&this.someStatusVisible?i("gxg-tree-view",{treeModel:this.importTreeState,toggleCheckboxes:!0,ref:t=>this.objectsTreeEl=t}):i("gxg-text",{textAlign:a.gxgMessage.common.textAlign,padding:a.gxgMessage.common.textAlign,type:a.gxgMessage.common.type,maxWidth:a.gxgMessage.common.maxWidth,part:"objects-in-file-empty-status-message",class:"gx-ide-message"},this.importStatusMessage)),i("gxg-text",{type:"button-like",slot:"footer-end",part:"select-kb-btn",onClick:this.clearStatusHandler,disabled:this.noImport||this.importingIsInProcess},this._componentLocale.main.importStatus.clearButton),i("span",{class:"ghost-element",slot:"footer-start"}))),i("footer",{slot:"footer-start"},i("gx-ide-status-buttons",{errors:this.statusInfo.error.number,warnings:this.statusInfo.warning.number,succeeded:this.statusInfo.success.number,compact:!0,noBorderTop:!0,noBorderBottom:!0,noBorderStart:!0,minimal:this.statusMinimal,onSelectionChanged:this.statusButtonsSelectionChangedHandler}))),i("gxg-ide-loader",{description:"Importing objects..."})),this.loader?i("gxg-ide-loader",{cancelLabel:this._componentLocale.loader.cancelLabel,container:this.el,loaderTitle:this._componentLocale.loader.title,ref:t=>this.loaderEl=t,cancelCallback:this.loaderCancelCallbackHandler}):null)}static get assetsDirs(){return["gx-ide-assets/kb-manager-import"]}get el(){return s(this)}static get watchers(){return{objectsTreeState:["watchObjectsTreeStateHandler"],importTreeState:["watchImportTreeStateHandler"],importingIsInProcess:["watchImportingIsInProcessHandler"],selectedFile:["watchSelectedFileHandler"]}}};h.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block}.header{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}.header .select-file{flex:1}.main{height:100%;display:flex}.main>*{flex:1}.main .left-grid-item{border-right:1px solid var(--gx-ide-container-border-color)}.main .gx-ide-message{padding:50px 0}.main .tree-container{}.main .tree-container--empty{align-items:center;justify-content:center}.main .tree-container--import-status .tree-view-item--success::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--success::part(action)::before{grid-area:first-img;content:"";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-success-dark)}.main .tree-container--import-status .tree-view-item--warning::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--warning::part(action)::before{grid-area:first-img;content:"";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-warning-dark)}.main .tree-container--import-status .tree-view-item--error::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--error::part(action)::before{grid-area:first-img;content:"";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);margin-inline-end:var(--spacing-comp-01);background-color:var(--color-error-dark)}.main .tree-container--no-warnings .tree-view-item--warning{display:none}.main .tree-container--no-errors .tree-view-item--error{display:none}.main .tree-container--no-successes .tree-view-item--success{display:none}.ghost-element{display:block;width:0;height:24px;}';export{h as gx_ide_kb_manager_import}

package/dist/genexus-ide-ui/p-e601b8e7.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as a,h as n,g as o}from"./p-0906fb46.js";const e=class{constructor(n){a(this,n)}render(){return n("div",{class:"container"},n("h2",null,"combo-box"),n("p",null,"AAA Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolor est culpa laborum illo, tenetur, quaerat quae eum rem magni voluptatem quasi eos repellendus nostrum commodi. Quasi aperiam eveniet dicta id."),n("section",{class:"section section--container"},n("gxg-combo-box",null,n("gxg-combo-box-item",{value:"manzana"},"Manzana"),n("gxg-combo-box-item",{value:"banana"},"Banana"),n("gxg-combo-box-item",{value:"mandarina"},"Mandarina"),n("gxg-combo-box-item",{value:"uva"},"Uvas"),n("gxg-combo-box-item",{value:"manzana"},"Manzana"),n("gxg-combo-box-item",{value:"banana"},"Banana"),n("gxg-combo-box-item",{value:"mandarina"},"Mandarina"),n("gxg-combo-box-item",{value:"uva"},"Uvas"),n("gxg-combo-box-item",{value:"manzana"},"Manzana"),n("gxg-combo-box-item",{value:"banana"},"Banana"),n("gxg-combo-box-item",{value:"mandarina"},"Mandarina"),n("gxg-combo-box-item",{value:"uva"},"Uvas"),n("gxg-combo-box-item",{value:"manzana"},"Manzana"),n("gxg-combo-box-item",{value:"banana"},"Banana"),n("gxg-combo-box-item",{value:"mandarina"},"Mandarina"),n("gxg-combo-box-item",{value:"uva"},"Uvas"),n("gxg-combo-box-item",{value:"manzana"},"Manzana"),n("gxg-combo-box-item",{value:"banana"},"Banana"),n("gxg-combo-box-item",{value:"mandarina"},"Mandarina"),n("gxg-combo-box-item",{value:"uva"},"Uvas"))),n("section",{class:"section"},n("gxg-combo-box",{popOver:!1},n("gxg-combo-box-item",{value:"manzana"},"Manzana"),n("gxg-combo-box-item",{value:"banana"},"Banana"),n("gxg-combo-box-item",{value:"mandarina"},"Mandarina"))))}get el(){return o(this)}};e.style=".section {\n border-top: 1px solid #ccc;\n margin-top: 200px;\n}\n.section--container {\n container-name: section;\n container-type: inline-size;\n}\n\ngxg-combo-box {\n opacity: 1;\n}\n\n@container section (width < 400px) {\n gxg-combo-box {\n opacity: 0.5;\n }\n}";export{e as gxg_test}