@genexus/genexus-ide-ui 0.0.13 → 0.0.14

package/dist/genexus-ide-ui/p-92b75873.entry.js

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

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

@@ -0,0 +1 @@
+import{r as t,h as e,H as s}from"./p-f9f51980.js";import{r as i}from"./p-abee8c7b.js";const o=class{constructor(e){t(this,e),this.closeTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!1)},this.openTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!0)},this.toggleTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"])},this.getSelectedItemsHandler=()=>{(async()=>{const t=await this.tree.getSelectedItems();console.log(t)})()},this.getCheckedItemsHandler=()=>{(async()=>{const t=await this.tree.getCheckedItems();console.log(t)})()},this.deleteNodeHandler=()=>{this.treeModel=[]},this.treeModel=void 0,this.lazyLoadTreeItemsCallback=void 0}loadLazyChildrenHandler(t){if(this.lazyLoadTreeItemsCallback){const e=this.lazyLoadTreeItemsCallback(t.detail);setTimeout((()=>{e.then((t=>{this.treeModel=t}))}),1e3)}}render(){return this.treeModel?e(s,null,e("gxg-tree",{id:"masterTree",checked:!0,checkbox:!0,multiSelection:!0,ref:t=>this.tree=t},i(this.treeModel)),",",e("div",{class:"tree-buttons"},e("gxg-button",{type:"outlined",onClick:this.closeTreeNodeHandler},"Close 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.openTreeNodeHandler},"Open 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.toggleTreeNodeHandler},"Toggle 1-1-2"),e("gxg-button",{type:"outlined",onClick:this.getSelectedItemsHandler},"Get Selected Items"),e("gxg-button",{type:"outlined",onClick:this.getCheckedItemsHandler},"Get Checked Items"),e("gxg-button",{type:"outlined",onClick:this.deleteNodeHandler},"Delete Tree"))):e("slot",null)}};o.style=":host{display:block}";export{o as gx_ide_test}

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

@@ -0,0 +1 @@
+import{h as e}from"./p-f9f51980.js";const t=(t,i=!0)=>(null==t?void 0:t.length)?i?t.map((e=>r(e))):e("gxg-tree",{slot:"tree"},t.map((e=>r(e)))):[],r=r=>{var i;const o=r.items?r.items.length:0;return e("gxg-tree-item",{checkbox:r.checkbox,checked:r.checked,disabled:r.disabled,icon:r.icon,indeterminate:r.indeterminate,id:r.id,key:`tree-item-${r.id}`,label:r.label,leaf:!(0!==o&&!r.leaf||r.lazy),numberOfChildren:o,opened:r.opened,selected:r.selected},[r.label,(null===(i=r.items)||void 0===i?void 0:i.length)&&t(r.items,!1)])};export{t as r}

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

@@ -0,0 +1 @@
+import{h as e,r as t,c as i,H as r,g as o}from"./p-f9f51980.js";import{L as s}from"./p-26957490.js";import{r as a}from"./p-abee8c7b.js";const n=t=>e("gxg-icon",{color:"auto",type:t,slot:"icon"}),d=e=>{const t=[];if(!e)return t;const i=e=>{var t;const r={description:e.description,lazy:e.hasChildren,icon:e.icon,id:e.id,label:e.name};return(null===(t=e.items)||void 0===t?void 0:t.length)>0&&(r.items=e.items.map((e=>i(e)))),r};return e.forEach((e=>{t.push(i(e))})),t},l=class{constructor(e){t(this,e),this.componentDidRenderEvent=i(this,"componentDidRenderEvent",7),this.suggestedObjects=[],this.referencesMessagesMaxWidth="200px",this.attachSelectObjectListener=()=>{this.selectObjectSuggestEl.addEventListener("itemSelected",(e=>{const t=e.detail.value;this.selectedObject=this.suggestedObjects.find((e=>e.id===t))}))},this.attachReferencedByListeners=()=>{this.referencedByEl.addEventListener("toggleIconClicked",(async e=>{e.detail.lazy&&e.detail.id&&this.loadReferencesCallback(e.detail.id,!1).then((e=>{this.referencedBy=e})).catch((()=>{}))})),this.referencedByEl.addEventListener("selectionChanged",(e=>{this.selectReferenceCallback(e.detail.id)})),this.referencedByEl.addEventListener("doubleClicked",(e=>{this.openObjectCallback(e.detail.id)}))},this.attachReferencesToListeners=()=>{this.referencesToEl.addEventListener("toggleIconClicked",(async e=>{e.detail.lazy&&e.detail.id&&this.loadReferencesCallback(e.detail.id,!0).then((e=>{this.referencesTo=e})).catch((()=>{}))})),this.referencesToEl.addEventListener("selectionChanged",(e=>{this.selectReferenceCallback(e.detail.id)})),this.referencesToEl.addEventListener("doubleClicked",(e=>{this.openObjectCallback(e.detail.id)}))},this.selectObjectValueChangedHandler=async e=>{this.selectorSourceCallback(e.detail).then((e=>{this.suggestedObjects=(e=>{const t=[];return(null==e?void 0:e.length)&&e.forEach((e=>{e.items&&e.items.forEach((e=>{t.push({id:e.id,icon:e.icon,name:e.name,description:e.description})}))})),t})(e),this.objectsSuggestions=(e=>{const t={suggestItems:null,suggestLists:[]};return e.length&&e.forEach((e=>{const i={label:e.name,items:[]};e.items.forEach((e=>{i.items.push({value:e.id,label:e.name,description:e.description,icon:e.icon})})),t.suggestLists.push(i)})),t})(e)})).catch((()=>{}))},this.openObjectCallbackHandler=async()=>{this.openObjectCallback(this.selectedObject.id)},this.openSelectorDialogCallbackHandler=async()=>{this.selectedObject=await this.openSelectorDialogCallback()},this.evaluateInitialReferenceData=()=>{var e;const t=null===(e=this.selectedObject)||void 0===e?void 0:e.id;t&&this.loadReferencesHandler(t)},this.loadReferencesHandler=async e=>{this.loadReferencesCallback&&this.loadReferencesCallback(e,!1).then((e=>{this.referencedBy=e})).catch((()=>{})),this.loadReferencesCallback&&this.loadReferencesCallback(e,!0).then((e=>{this.referencesTo=e})).catch((()=>{}))},this.hideBarButtonClickedHandler=()=>{this.barHidden=!this.barHidden},this.barHidden=!1,this.objectsSuggestions=void 0,this.referencedBy=void 0,this.referencesTo=void 0,this.hideTopBar=!1,this.selectedObject=void 0,this.selectorSourceCallback=void 0,this.loadReferencesCallback=void 0,this.openObjectCallback=void 0,this.openSelectorDialogCallback=void 0,this.selectReferenceCallback=void 0}selectedObjectHandler(e){this.loadReferencesHandler(e.id)}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.evaluateInitialReferenceData()}componentDidLoad(){this.attachSelectObjectListener(),this.attachReferencedByListeners(),this.attachReferencesToListeners()}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){var t,i,o,s,l,g,c;return e(r,{class:"gx-ide-component"},this.hideTopBar?null:e("gx-ide-top-bar",{topBarTitle:this._componentLocale.componentName}),e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},e("gx-ide-container",{displayBorderBottom:!0},e("header",{class:"header"},e("div",{class:"header__top grid"},e("gxg-button",{icon:"navigation/arrow-down",type:"secondary-icon-only",class:"hide-bar-button",onClick:this.hideBarButtonClickedHandler,part:"toggle-bar-button"}),e("gxg-label",{labelPosition:"start",class:"suggest-label",part:"select-object-label"},this._componentLocale.header.selectObject),e("gxg-suggest",null,e("ch-suggest",{value:this.selectedObject.id,onValueChanged:this.selectObjectValueChangedHandler,ref:e=>this.selectObjectSuggestEl=e,part:"object-selector-suggest"},(null==(c=this.objectsSuggestions)?void 0:c.suggestLists.length)?c.suggestLists.map((t=>e("ch-suggest-list",{label:t.label},t.items.map((t=>{return e("ch-suggest-list-item",{description:(i=t).description,value:i.value},[i.label,i.icon&&n(i.icon)]);var i}))))):[])),e("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/show-more-horizontal",onClick:this.openSelectorDialogCallbackHandler,class:"selector-dialog-button",part:"open-selector-dialog-button"})),e("div",{class:{header__bottom:!0,"header__bottom--hidden":this.barHidden}},e("div",{class:"outer-wrapper"},e("div",{class:"inner-wrapper"},e("div",{class:"inner-wrapper__left"},e("gxg-icon",{type:this.selectedObject.icon,color:"auto"}),e("gxg-text",{padding:"s",type:"text-link",part:"open-object-text-link",onClick:this.openObjectCallbackHandler},`${this.selectedObject.name} : ${this.selectedObject.description}`)),e("div",{class:"inner-wrapper__right gxi-hidden"},e("gxg-form-checkbox",{id:"references-by-type",label:"Group references by type",required:!0,"display-validation-styles":!0,part:"references-type-checkbox"}))))))),e("main",{class:"main grid"},e("gx-ide-container",{containerTitle:this._componentLocale.main.isReferencedBy,justifyContent:"center",part:"referenced-by-container"},e("gxg-tree",{ref:e=>this.referencedByEl=e,class:{"gxi-hidden":!(null===(t=this.referencedBy)||void 0===t?void 0:t.length)},checkbox:!1,part:"referenced-by-tree"},a(d(this.referencedBy))),!(null===(i=this.referencedBy)||void 0===i?void 0:i.length)&&e("gxg-text",{textAlign:"center",padding:"m",type:"text-regular",maxWidth:this.referencesMessagesMaxWidth,part:"referenced-by-text"},0===(null===(o=this.referencedBy)||void 0===o?void 0:o.length)?this._componentLocale.main.isReferencedByEmpty:this._componentLocale.main.isReferencedByError)),e("gx-ide-container",{containerTitle:this._componentLocale.main.hasReferencesTo,justifyContent:"center",part:"references-to-container"},e("gxg-tree",{ref:e=>this.referencesToEl=e,class:{"gxi-hidden":!(null===(s=this.referencesTo)||void 0===s?void 0:s.length)},checkbox:!1,part:"references-to-tree"},a(d(this.referencesTo))),!(null===(l=this.referencesTo)||void 0===l?void 0:l.length)&&e("gxg-text",{textAlign:"center",padding:"m",type:"text-regular",maxWidth:this.referencesMessagesMaxWidth,part:"references-to-text"},0===(null===(g=this.referencesTo)||void 0===g?void 0:g.length)?this._componentLocale.main.hasReferencesEmpty:this._componentLocale.main.hasReferencesToError)))))}static get assetsDirs(){return["gx-ide-assets/references"]}get el(){return o(this)}static get watchers(){return{selectedObject:["selectedObjectHandler"]}}};l.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-right: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-right:2px}:host{display:block}.header{}.header__top{grid-template-columns:min-content auto 1fr min-content;grid-template-rows:1fr;grid-template-areas:"hide-bar-button suggest-label gxg-suggest selector-dialog-button"}.header__top .hide-bar-button{grid-area:hide-bar-button}.header__top .suggest-label{grid-area:suggest-label}.header__top gxg-suggest{grid-area:gxg-suggest}.header__top .selector-dialog-button{grid-area:selector-dialog-button}.header__bottom{display:grid;grid-template-rows:1fr;transition:var(--gx-ide-timing-super-fast-ms) grid-template-rows}.header__bottom--hidden{grid-template-rows:0fr}.header__bottom .outer-wrapper{overflow:hidden}.header__bottom .inner-wrapper{padding-top:var(--gx-ide-grid-row-gap);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header__bottom .inner-wrapper__left{display:flex;align-items:center;gap:var(--gx-ide-grid-row-gap)}.header-hidden .first-row{grid-template-columns:auto 1fr auto}.header-hidden .first-row>:nth-child(3){align-self:end}.header-hidden .second-row{display:none}.main{grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"is-referenced has-references";height:100%;gap:0}.main>*:first-child{border-right:1px solid var(--gx-ide-container-border-color)}.main .is-referenced{grid-area:is-referenced}.main .has-references{grid-area:has-references}';export{l as gx_ide_references}

package/dist/types/common/render-suggest.d.ts

@@ -0,0 +1,2 @@
+import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list/ch-suggest-list";
+export declare const renderSuggestLists: (suggestData: SuggestData) => HTMLChSuggestListElement[];

package/dist/types/components/references/helpers.d.ts

@@ -0,0 +1,17 @@
+import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list/ch-suggest-list";
+import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
+import { SelectorCategoryData } from "./references";
+import { ObjectData } from "./references";
+import { ReferenceData } from "./references";
+/**
+ * @description This function converts SelectorCategoryData[] SuggestData
+ */
+export declare const convertObjectDataToSuggestData: (selectorCategoriesData: SelectorCategoryData[]) => SuggestData;
+/**
+ * @description Keeps an updated state of the last suggested categories objects passed by the host.
+ */
+export declare const updateSuggestedObjects: (selectorCategoryData: SelectorCategoryData[]) => ObjectData[];
+/**
+ * @description This function converts ReferenceData[] data to GxgTreeItemData[]
+ */
+export declare const convertReferenceDataToTreeData: (referencedBy: ReferenceData[] | undefined) => GxgTreeItemData[];

package/dist/types/components/references/references.d.ts

@@ -0,0 +1,125 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { SuggestData } from "@genexus/chameleon-controls-library/dist/types/components/suggest/suggest-list/ch-suggest-list";
+export declare class GxIdeReferences {
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  /**
+   * Keeps an array of the last suggested objects, returned by selectorSourceCallback
+   */
+  private suggestedObjects;
+  /**
+   * The references messages max. width that appear if the tree is empty or could not be retrieved.
+   */
+  private referencesMessagesMaxWidth;
+  el: HTMLGxIdeReferencesElement;
+  private selectObjectSuggestEl;
+  private referencedByEl;
+  private referencesToEl;
+  /**
+   * Displays or hides the header-bottom section
+   */
+  barHidden: boolean;
+  /**
+   * The objects suggestions that will appear on the suggest
+   */
+  objectsSuggestions: SuggestData;
+  /**
+   * Keeps the objects that are referenced by the current selected object
+   */
+  referencedBy: ReferenceData[];
+  /**
+   * Keeps the objects that have references to the current selected object
+   */
+  referencesTo: ReferenceData[];
+  /**
+   * If true, will hide the top-bar
+   */
+  readonly hideTopBar = false;
+  /**
+   * Currently selected object
+   */
+  selectedObject?: ObjectData;
+  /**
+   * Callback invoked when user writes on object selector input, return possible options to show in autocomplete list
+   */
+  readonly selectorSourceCallback?: SelectorSourceCallback;
+  /**
+   * Callback invoked when a node is expanded in any of the references panels
+   */
+  readonly loadReferencesCallback?: LoadReferencesCallback;
+  /**
+   * Callback invoked when user wants to open an object
+   */
+  readonly openObjectCallback?: OpenObjectCallback;
+  /**
+   * Callback invoked when user wants to show object selection dialog
+   */
+  readonly openSelectorDialogCallback?: OpenSelectorDialogCallback;
+  /**
+   * Callback invoked when any item from the references panels is selected
+   */
+  readonly selectReferenceCallback?: SelectReferenceCallback;
+  selectedObjectHandler(newSelectedObject: ObjectData): void;
+  /**
+   * @description Gets fired when the component has rendered for the first time.
+   */
+  componentDidRenderEvent: EventEmitter<string>;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  /**
+   * @description It attaches on the ch-suggest, the "itemSelected" event triggered by the ch-suggest-list-item. This helps set the new 'selectedObject'.
+   */
+  private attachSelectObjectListener;
+  /**
+   * @description It attaches several events on the 'referencedByEl' element, which is a tree.
+   */
+  private attachReferencedByListeners;
+  /**
+   * @description It attaches several events on the 'referencesToEl' element, which is a tree.
+   */
+  private attachReferencesToListeners;
+  /**
+   * @description This handler gets fired every time the value of the 'Select Object' ch-suggest changes. Then, it calls the 'updateSuggestedObjects' method, that keeps the state of the last suggested objects that were passed bu the host. Also, it shows the suggested objects on the ch-suggest box.
+   */
+  private selectObjectValueChangedHandler;
+  private openObjectCallbackHandler;
+  /**
+   * @description handler that gets fired when the use clicks on the ch-suggest button (...)
+   */
+  private openSelectorDialogCallbackHandler;
+  /**
+   * @description It evaluates if loadReferencesCallback should be called, depending wether there is or not an actual selected object.
+   */
+  private evaluateInitialReferenceData;
+  /**
+   * @description This method invokes 'loadReferencesCallback' callback for 'Is Referenced By' and 'Has References To' panels.
+   */
+  private loadReferencesHandler;
+  /**
+   * @description It hides/show the bar (The header bottom section).
+   */
+  private hideBarButtonClickedHandler;
+  render(): any;
+}
+export type SelectorCategoryData = {
+  name: string;
+  items: ObjectData[];
+};
+export type ObjectData = {
+  id: string;
+  icon: string;
+  name: string;
+  description?: string;
+};
+export type ReferenceData = ObjectData & {
+  hasChildren: boolean;
+  items?: ReferenceData[];
+};
+export type SelectorSourceCallback = (prefix: string) => Promise<SelectorCategoryData[]>;
+export type LoadReferencesCallback = (id: string, to: boolean) => Promise<ReferenceData[]>;
+export type OpenObjectCallback = (id: string) => Promise<void>;
+export type OpenSelectorDialogCallback = () => Promise<ObjectData | undefined>;
+export type SelectReferenceCallback = (id: string) => Promise<void>;

package/dist/types/components.d.ts

@@ -13,6 +13,7 @@ import { LabelPosition as LabelPosition1 } from "./components/directory-selector
 import { GxOption } from "./common/types";
 import { CancelCallback, ChangedCallback, CreateCallback } from "./components/new-environment/new-environment";
 import { CancelCallback as CancelCallback1, CreateCallback as CreateCallback1, SelectLocationCallback } from "./components/new-kb/new-kb";
+import { LoadReferencesCallback, ObjectData, OpenObjectCallback, OpenSelectorDialogCallback, SelectorSourceCallback, SelectReferenceCallback } from "./components/references/references";
 import { GxgTreeItemData } from "@genexus/gemini/dist/types/components/tree-item/gxg-tree-item";
 export namespace Components {
     interface GxIdeContainer {
@@ -293,6 +294,36 @@ export namespace Components {
          */
         "userName": string;
     }
+    interface GxIdeReferences {
+        /**
+          * If true, will hide the top-bar
+         */
+        "hideTopBar": false;
+        /**
+          * Callback invoked when a node is expanded in any of the references panels
+         */
+        "loadReferencesCallback"?: LoadReferencesCallback;
+        /**
+          * Callback invoked when user wants to open an object
+         */
+        "openObjectCallback"?: OpenObjectCallback;
+        /**
+          * Callback invoked when user wants to show object selection dialog
+         */
+        "openSelectorDialogCallback"?: OpenSelectorDialogCallback;
+        /**
+          * Callback invoked when any item from the references panels is selected
+         */
+        "selectReferenceCallback"?: SelectReferenceCallback;
+        /**
+          * Currently selected object
+         */
+        "selectedObject"?: ObjectData;
+        /**
+          * Callback invoked when user writes on object selector input, return possible options to show in autocomplete list
+         */
+        "selectorSourceCallback"?: SelectorSourceCallback;
+    }
     interface GxIdeTemplate {
         /**
           * If true, will hide the top-bar
@@ -326,6 +357,10 @@ export interface GxIdeNewKbCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeNewKbElement;
 }
+export interface GxIdeReferencesCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLGxIdeReferencesElement;
+}
 export interface GxIdeTemplateCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLGxIdeTemplateElement;
@@ -361,6 +396,12 @@ declare global {
         prototype: HTMLGxIdeNewKbElement;
         new (): HTMLGxIdeNewKbElement;
     };
+    interface HTMLGxIdeReferencesElement extends Components.GxIdeReferences, HTMLStencilElement {
+    }
+    var HTMLGxIdeReferencesElement: {
+        prototype: HTMLGxIdeReferencesElement;
+        new (): HTMLGxIdeReferencesElement;
+    };
     interface HTMLGxIdeTemplateElement extends Components.GxIdeTemplate, HTMLStencilElement {
     }
     var HTMLGxIdeTemplateElement: {
@@ -385,6 +426,7 @@ declare global {
         "gx-ide-entity-selector": HTMLGxIdeEntitySelectorElement;
         "gx-ide-new-environment": HTMLGxIdeNewEnvironmentElement;
         "gx-ide-new-kb": HTMLGxIdeNewKbElement;
+        "gx-ide-references": HTMLGxIdeReferencesElement;
         "gx-ide-template": HTMLGxIdeTemplateElement;
         "gx-ide-test": HTMLGxIdeTestElement;
         "gx-ide-top-bar": HTMLGxIdeTopBarElement;
@@ -677,6 +719,40 @@ declare namespace LocalJSX {
          */
         "userName"?: string;
     }
+    interface GxIdeReferences {
+        /**
+          * If true, will hide the top-bar
+         */
+        "hideTopBar"?: false;
+        /**
+          * Callback invoked when a node is expanded in any of the references panels
+         */
+        "loadReferencesCallback"?: LoadReferencesCallback;
+        /**
+          * @description Gets fired when the component has rendered for the first time.
+         */
+        "onComponentDidRenderEvent"?: (event: GxIdeReferencesCustomEvent<string>) => void;
+        /**
+          * Callback invoked when user wants to open an object
+         */
+        "openObjectCallback"?: OpenObjectCallback;
+        /**
+          * Callback invoked when user wants to show object selection dialog
+         */
+        "openSelectorDialogCallback"?: OpenSelectorDialogCallback;
+        /**
+          * Callback invoked when any item from the references panels is selected
+         */
+        "selectReferenceCallback"?: SelectReferenceCallback;
+        /**
+          * Currently selected object
+         */
+        "selectedObject"?: ObjectData;
+        /**
+          * Callback invoked when user writes on object selector input, return possible options to show in autocomplete list
+         */
+        "selectorSourceCallback"?: SelectorSourceCallback;
+    }
     interface GxIdeTemplate {
         /**
           * If true, will hide the top-bar
@@ -711,6 +787,7 @@ declare namespace LocalJSX {
         "gx-ide-entity-selector": GxIdeEntitySelector;
         "gx-ide-new-environment": GxIdeNewEnvironment;
         "gx-ide-new-kb": GxIdeNewKb;
+        "gx-ide-references": GxIdeReferences;
         "gx-ide-template": GxIdeTemplate;
         "gx-ide-test": GxIdeTest;
         "gx-ide-top-bar": GxIdeTopBar;
@@ -725,6 +802,7 @@ declare module "@stencil/core" {
             "gx-ide-entity-selector": LocalJSX.GxIdeEntitySelector & JSXBase.HTMLAttributes<HTMLGxIdeEntitySelectorElement>;
             "gx-ide-new-environment": LocalJSX.GxIdeNewEnvironment & JSXBase.HTMLAttributes<HTMLGxIdeNewEnvironmentElement>;
             "gx-ide-new-kb": LocalJSX.GxIdeNewKb & JSXBase.HTMLAttributes<HTMLGxIdeNewKbElement>;
+            "gx-ide-references": LocalJSX.GxIdeReferences & JSXBase.HTMLAttributes<HTMLGxIdeReferencesElement>;
             "gx-ide-template": LocalJSX.GxIdeTemplate & JSXBase.HTMLAttributes<HTMLGxIdeTemplateElement>;
             "gx-ide-test": LocalJSX.GxIdeTest & JSXBase.HTMLAttributes<HTMLGxIdeTestElement>;
             "gx-ide-top-bar": LocalJSX.GxIdeTopBar & JSXBase.HTMLAttributes<HTMLGxIdeTopBarElement>;

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 import "@genexus/gemini";
 export * from "./components";
+import "@genexus/chameleon-controls-library";

package/package.json

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

package/dist/cjs/ch-suggest-list-item.cjs.entry.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-
-const chSuggestListItemCss = ":host{display:block}:where(button){all:unset;display:flex;width:100%;cursor:pointer}*,::after,::before{box-sizing:border-box}";
-
-const ARROW_DOWN = "ArrowDown";
-const ARROW_UP = "ArrowUp";
-const ChSuggestListItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.itemSelected = index.createEvent(this, "itemSelected", 7);
-    this.focusChangeAttempt = index.createEvent(this, "focusChangeAttempt", 7);
-    // 6.COMPONENT LIFECYCLE EVENTS //
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-    this.handleClick = () => {
-      this.itemSelected.emit({
-        value: this.value || this.el.innerText,
-        description: this.description
-      });
-    };
-    this.handleKeyDown = (e) => {
-      if (e.code === ARROW_UP || e.code === ARROW_DOWN) {
-        e.preventDefault();
-        this.focusChangeAttempt.emit({
-          el: this.el,
-          code: e.code
-        });
-      }
-    };
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return (index.h(index.Host, { role: "listitem", onKeyDown: this.handleKeyDown }, index.h("button", { part: "button", onClick: this.handleClick }, index.h("slot", { name: "icon" }), index.h("div", { class: "content-wrapper", part: "content-wrapper" }, index.h("slot", null), this.description && (index.h("span", { part: "description" }, this.description))))));
-  }
-  static get delegatesFocus() { return true; }
-  get el() { return index.getElement(this); }
-};
-ChSuggestListItem.style = chSuggestListItemCss;
-
-exports.ch_suggest_list_item = ChSuggestListItem;

package/dist/cjs/ch-suggest-list.cjs.entry.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-93a6a7e0.js');
-
-const chSuggestListCss = "*,::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";
-
-const ChSuggestList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  // 2.REFERENCE TO ELEMENTS //
-  // 3.STATE() VARIABLES //
-  // 4.PUBLIC PROPERTY API / WATCH'S //
-  // 5.EVENTS (EMIT) //
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  // 7.LISTENERS //
-  // 8.PUBLIC METHODS API //
-  // 9.LOCAL METHODS //
-  // 10.RENDER() FUNCTION //
-  render() {
-    return (index.h(index.Host, null, this.label && (index.h("h2", { id: "heading", part: "title", class: "title" }, this.label)), index.h("ul", { "aria-labelledby": this.label ? "heading" : undefined, part: "list", class: "list" }, index.h("slot", null))));
-  }
-};
-ChSuggestList.style = chSuggestListCss;
-
-exports.ch_suggest_list = ChSuggestList;