@genexus/genexus-ide-ui 0.0.29 → 0.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ch-action-group_2.cjs.entry.js +2 -9
- package/dist/cjs/ch-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ch-dropdown-item.cjs.entry.js +8 -8
- package/dist/cjs/ch-dropdown.cjs.entry.js +11 -10
- package/dist/cjs/ch-suggest_4.cjs.entry.js +1 -0
- package/dist/cjs/ch-test-action-group.cjs.entry.js +2 -2
- package/dist/cjs/ch-test-tree-x.cjs.entry.js +150 -80
- package/dist/cjs/ch-tree-x_3.cjs.entry.js +211 -132
- package/dist/cjs/ch-window_2.cjs.entry.js +28 -12
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-ide-team-dev-commit.cjs.entry.js +3 -3
- package/dist/cjs/gxg-combo-box_6.cjs.entry.js +10 -4
- package/dist/cjs/gxg-date-picker.cjs.entry.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/team-dev-commit/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json +1 -1
- package/dist/collection/components/team-dev-commit/team-dev-commit.css +3 -0
- package/dist/collection/components/team-dev-commit/team-dev-commit.js +2 -2
- package/dist/components/action-group-item.js +1 -9
- package/dist/components/action-group.js +1 -1
- package/dist/components/ch-suggest2.js +1 -0
- package/dist/components/ch-test-action-group.js +2 -2
- package/dist/components/ch-test-tree-x.js +157 -83
- package/dist/components/ch-window2.js +31 -13
- package/dist/components/checkbox.js +1 -1
- package/dist/components/combo-box-item.js +2 -2
- package/dist/components/combo-box.js +8 -2
- package/dist/components/dropdown-item.js +8 -8
- package/dist/components/dropdown.js +11 -10
- package/dist/components/gx-ide-team-dev-commit.js +3 -3
- package/dist/components/gxg-date-picker.js +4 -4
- package/dist/components/tree-x-list-item.js +31 -17
- package/dist/components/tree-x-list.js +9 -4
- package/dist/components/tree-x.js +182 -117
- package/dist/esm/ch-action-group_2.entry.js +2 -9
- package/dist/esm/ch-checkbox.entry.js +1 -1
- package/dist/esm/ch-dropdown-item.entry.js +8 -8
- package/dist/esm/ch-dropdown.entry.js +11 -10
- package/dist/esm/ch-suggest_4.entry.js +1 -0
- package/dist/esm/ch-test-action-group.entry.js +2 -2
- package/dist/esm/ch-test-tree-x.entry.js +150 -80
- package/dist/esm/ch-tree-x_3.entry.js +211 -132
- package/dist/esm/ch-window_2.entry.js +28 -12
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-ide-team-dev-commit.entry.js +3 -3
- package/dist/esm/gxg-combo-box_6.entry.js +10 -4
- package/dist/esm/gxg-date-picker.entry.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/gx-ide-assets/team-dev-commit/langs/team-dev-commit.lang.en.json +1 -1
- package/dist/genexus-ide-ui/p-1fe05a05.entry.js +1 -0
- package/dist/genexus-ide-ui/p-24f47ee2.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-54bab171.entry.js → p-28d0afda.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-6050cdba.entry.js → p-48412811.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-714bd8ea.entry.js +1 -0
- package/dist/genexus-ide-ui/p-8c2ab053.entry.js +1 -0
- package/dist/genexus-ide-ui/p-976e8118.entry.js +1 -0
- package/dist/genexus-ide-ui/p-a5463fc9.entry.js +1 -0
- package/dist/genexus-ide-ui/p-b54f448c.entry.js +1 -0
- package/dist/genexus-ide-ui/p-bb1809cb.entry.js +1 -0
- package/dist/genexus-ide-ui/p-cf41f154.entry.js +1 -0
- package/dist/genexus-ide-ui/p-e8a21ed7.entry.js +1 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/action-group-item/action-group-item.css +0 -1
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/checkbox/checkbox.css +5 -3
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown/dropdown.css +15 -33
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/dropdown-item/dropdown-item.css +0 -4
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css +0 -10
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x/tree-x.css +20 -3
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list-item/tree-x-list-item.css +25 -8
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/window/ch-window.css +51 -2
- package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box-item/combo-box-item.css +1 -1
- package/package.json +3 -3
- package/dist/genexus-ide-ui/p-097a3eeb.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3d9a4ede.entry.js +0 -1
- package/dist/genexus-ide-ui/p-4bbe1c18.entry.js +0 -1
- package/dist/genexus-ide-ui/p-5c64c57f.entry.js +0 -1
- package/dist/genexus-ide-ui/p-5ff04ebe.entry.js +0 -1
- package/dist/genexus-ide-ui/p-757f8567.entry.js +0 -1
- package/dist/genexus-ide-ui/p-8d46f8d8.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a0e85c2a.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e4cac203.entry.js +0 -1
- package/dist/genexus-ide-ui/p-f8561da6.entry.js +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r,c as t,h as o,H as e,g as a}from"./p-976c3a09.js";import{s as i}from"./p-e46e26a6.js";import{a as s}from"./p-01406cbc.js";import{f as n,c as l}from"./p-e7e4f76c.js";const c="ArrowDown",g="ArrowUp",h=class{constructor(o){r(this,o),this.inputChanged=t(this,"inputChanged",7),this.keyEventsDictionary={ArrowDown:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,c),o=this.getNewFocusedItem(t,c);t&&t.focus(),o||this.scrollListToBottom()},ArrowUp:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,g),o=this.getNewFocusedItem(t,g);t&&t.focus(),o||this.scrollListToTop()}},this.windowHidden=!0,this.debounce=500,this.labelPosition="start",this.showLabel=!0,this.showHeader=!1,this.cursorEnd=!1,this.evaluateSlotIsEmpty=()=>{this.chWindow.hidden=!this.el.firstElementChild},this.setFocusOnFirstItem=()=>{const r=this.el.querySelector("ch-suggest-list-item");r&&r.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(r,t)=>{const o=r=>{const o=r.querySelectorAll("ch-suggest-list-item");let e=o&&o[o.length-1];if(t===c)e=r.querySelector("ch-suggest-list-item");else{const t=r.querySelectorAll("ch-suggest-list-item");e=t&&t[t.length-1]}return e};if(!r)return;let e=t===c?r.nextElementSibling:r.previousElementSibling;if("CH-SUGGEST-LIST"===(null==e?void 0:e.nodeName))e=o(e);else if(!e){const a=r.parentElement,i=t===c?a.nextElementSibling:a.previousElementSibling,s="CH-SUGGEST-LIST"===a.nodeName;if(s&&i&&"CH-SUGGEST-LIST-ITEM"===i.nodeName)e=t===c?a.nextElementSibling:a.previousElementSibling;else if(s&&i&&"CH-SUGGEST-LIST"===i.nodeName){const r=t===c?a.nextElementSibling:a.previousElementSibling;let i;i=t===c?r.querySelector("ch-suggest-list-item"):o(r),e=i||null}}return e},this.handleInput=r=>{const t=r.target.value;this.timeoutReference&&clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.processInputEvent(t)}),this.debounce)},this.handleKeyDown=r=>{r.key===c&&(r.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const r=window.innerHeight,t=document.body.scrollHeight,o=t>=r?t:r,e=this.textInput.getBoundingClientRect().bottom+window.scrollY;this.el.style.setProperty("--window-max-height",o-e+"px")},this.scrollListToTop=()=>{this.chWindow.shadowRoot.querySelector("[part='window']").scrollTop=0},this.scrollListToBottom=()=>{const r=this.chWindow.shadowRoot.querySelector("[part='window']");r.scrollTop=r.scrollHeight},this.processInputEvent=r=>{this.inputChanged.emit(r),this.caption=r,this.value=void 0,this.evaluateWindowMaxHeight()},this.closeWindow=()=>{this.chWindow.hidden=!0},this.onFocusHandler=()=>{this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}}itemSelectedHandler(r){this.value=r.detail.value,this.caption=r.detail.caption,this.closeWindow()}focusChangeAttemptHandler(r){const t=this.keyEventsDictionary[r.detail.code];if(t){const o=r.detail.el,e=this.getChSuggestListItems(),a=e.findIndex((r=>r===o));t({event:r.detail,currentFocusedItem:o,chSuggestListItemsArray:e,currentFocusedItemIndex:a,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0}async selectInputText(){this.textInput.focus(),this.textInput.select()}render(){return o(e,null,o("div",{class:"main-wrapper",part:"main-wrapper"},o("div",{class:"label-input-wrapper",part:"label-input-wrapper"},this.showLabel&&this.label&&o("label",{id:"label",htmlFor:"input",part:"label"},this.label),o("input",{type:"text",id:"input",part:"input",class:"input",ref:r=>this.textInput=r,onInput:this.handleInput,onKeyDown:this.handleKeyDown,onFocus:this.onFocusHandler,value:this.caption,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()})),o("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:r=>this.chWindow=r,showHeader:this.showHeader,caption:this.suggestTitle,exportparts:"\n header:header, \n caption:title, \n close:close-button,\n window:dropdown"},o("slot",{onSlotchange:this.evaluateSlotIsEmpty}))))}static get delegatesFocus(){return!0}get el(){return a(this)}};h.style="*,::after,::before{box-sizing:border-box}:host{--window-max-height:none;--window-gap:50px}.main-wrapper{display:block}.label-input-wrapper{display:flex}.label-input-wrapper .input{flex:1}:host([label-position=start]) .label-input-wrapper{flex-direction:row}:host([label-position=above]) .label-input-wrapper{flex-direction:column}.input{background-color:unset;border:none;color:inherit;font:inherit;margin:0;padding:0;outline:0}.ch-window-container{position:relative}ch-window::part(window){width:100%;max-height:calc(var(--window-max-height) - var(--window-gap));overflow-y:auto}";const p=class{constructor(t){r(this,t)}render(){return o(e,null,this.label&&o("h2",{id:"heading",part:"title",class:"title"},this.label),o("ul",{"aria-labelledby":this.label?"heading":void 0,part:"list",class:"list"},o("slot",null)))}};p.style="*,::after,::before{box-sizing:border-box}:host{display:block}.title{margin:0;font:inherit}.list{margin:0;padding:0}";const d=class{constructor(o){r(this,o),this.itemSelected=t(this,"itemSelected",7),this.focusChangeAttempt=t(this,"focusChangeAttempt",7),this.handleClick=()=>{this.itemSelected.emit({value:this.value||this.el.innerText,caption:this.el.innerText,description:this.description})},this.handleKeyDown=r=>{"ArrowUp"!==r.code&&"ArrowDown"!==r.code||(r.preventDefault(),this.focusChangeAttempt.emit({el:this.el,code:r.code}))}}render(){return o(e,{role:"listitem",onKeyDown:this.handleKeyDown},o("button",{part:"button",onClick:this.handleClick},o("slot",{name:"icon"}),o("div",{class:"content-wrapper",part:"content-wrapper"},o("slot",null),this.description&&o("span",{part:"description"},this.description))))}static get delegatesFocus(){return!0}get el(){return a(this)}};d.style=":host{display:block}:where(button){all:unset;display:flex;width:100%;cursor:pointer}*,::after,::before{box-sizing:border-box}";const u=class{constructor(t){r(this,t),this.validationStatus="indeterminate",this.disabled=!1,this.ellipsis=!0}render(){return o(e,{class:{large:i.large,[n.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[n.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[n.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[n.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[l.DISABLED_CLASS]:this.disabled}},o("slot",null),s(this))}};u.style='@charset "UTF-8";:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}ch-suggest{font-family:var(--font-family-primary);font-size:var(--font-size-lg);color:var(--color-on-background);}ch-suggest::-webkit-scrollbar{width:6px;height:6px}ch-suggest::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest ::-webkit-scrollbar{width:6px;height:6px}ch-suggest ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(label){font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default;font-size:inherit}ch-suggest[label-position=start]::part(label){margin-inline-end:var(--gxg-label-margin-horizontal)}ch-suggest[label-position=above]::part(label){margin-block-end:var(--gxg-label-margin-vertical)}ch-suggest::part(input){height:var(--spacing-comp-05);border:var(--border-width-sm) solid var(--gxg-border-color--regular);padding:var(--spacing-comp-01) var(--spacing-comp-02);box-sizing:border-box;background-color:var(--color-background)}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(header){display:block;padding-block-end:var(--spacing-comp-02);display:flex;justify-content:flex-end}ch-suggest::part(close-button){height:var(--spacing-comp-05);width:var(--spacing-comp-05);background-color:var(--color-background);color:var(--color-primary-hover);border:1px solid var(--color-primary-hover);box-sizing:border-box;cursor:pointer;display:block}ch-suggest::part(close-button):hover{background-color:var(--color-primary-hover-opacity-01)}ch-suggest::part(close-button)::after{content:"✖";width:100%;display:block;line-height:24px;text-align:center}ch-suggest::part(close-button):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(dropdown){background-color:var(--color-background);margin-top:var(--spacing-comp-01);padding:var(--spacing-comp-02);box-shadow:var(--box-shadow-02);}ch-suggest::part(dropdown)::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown)::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown)::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}ch-suggest::part(dropdown) ::-webkit-scrollbar{width:6px;height:6px}ch-suggest::part(dropdown) ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}ch-suggest::part(dropdown) ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}gxg-suggest.gxg-validation--success ch-suggest::part(input){outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--success ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-success-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input){outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--warning ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-warning-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input){outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}gxg-suggest.gxg-validation--error ch-suggest::part(input)+.checkmark{--checkmark-border-color:var(--color-error-dark)}gxg-suggest.gxg--disabled ch-suggest{pointer-events:none}gxg-suggest.gxg--disabled ch-suggest::part(input){background-color:var(--gray-01);color:var(--color-on-disabled)}gxg-suggest[ellipsis]:not([ellipsis=false]) ch-suggest-list-item::part(content-wrapper){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}ch-suggest-list{margin-block-start:var(--spacing-comp-02);font-family:inherit;border:var(--border-width-sm) solid var(--gxg-border-color--regular)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list:last-child{margin-block-end:0}ch-suggest-list::part(title){text-transform:uppercase;font-weight:var(--font-weight-semibold);margin:var(--spacing-comp-01) 0 0 0;padding:var(--spacing-comp-01) var(--spacing-comp-02)}ch-suggest-list:first-child{margin-block-start:0}ch-suggest-list+ch-suggest-list{margin-block-start:0;border-block-start:0}ch-suggest-list+ch-suggest-list::part(title){margin-block-start:0}ch-suggest-list-item{}ch-suggest-list-item::part(button){padding:var(--spacing-comp-01) var(--spacing-comp-02);align-items:center;gap:var(--spacing-comp-01);box-sizing:border-box}ch-suggest-list-item::part(button):focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest-list-item::part(description)::before{content:" - "}ch-suggest-list-item gxg-icon::part(ch-icon){--icon-size:16px;margin-right:2px}ch-suggest-list-item:hover{background-color:var(--gxg-background-color-item-hover)}';export{h as ch_suggest,p as ch_suggest_list,d as ch_suggest_list_item,u as gxg_suggest}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,h as e,f as i,H as s}from"./p-976c3a09.js";const o=class{constructor(i){t(this,i),this.flattenedTreeModel=new Map,this.selectedItems=new Set,this.flattenedLazyTreeModel=new Map,this.waitDropProcessing=!1,this.treeModel={items:[]},this.multiSelection=!1,this.showLines=!0,this.closeTreeNodeHandler=()=>{},this.openTreeNodeHandler=()=>{},this.toggleTreeNodeHandler=()=>{},this.handleSelectedItemsChange=t=>{const e=new Map(t.detail);this.selectedItems.forEach((t=>{const i=this.flattenedTreeModel.get(t).item,s=e.get(t);s?(i.expanded=s.expanded,e.delete(t)):(i.selected=!1,this.selectedItems.delete(t))})),e.forEach(((t,e)=>{const i=this.flattenedTreeModel.get(e).item;i.selected=!0,i.expanded=t.expanded,this.selectedItems.add(e)}))},this.getCheckedItemsHandler=async()=>{},this.renderSubModel=t=>e("ch-tree-x-list-item",{id:t.id,caption:t.caption,checkbox:t.checkbox,checked:t.checked,class:t.class,disabled:t.disabled,expanded:t.expanded,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:t.leftImgSrc,rightImgSrc:t.rightImgSrc,selected:t.selected,showExpandableButton:t.showExpandableButton,toggleCheckboxes:t.toggleCheckboxes},!t.leaf&&null!=t.items&&0!==t.items.length&&e("ch-tree-x-list",{slot:"tree"},t.items.map(this.renderSubModel))),this.handleMultiSelectionChange=t=>{this.multiSelection=t.target.checked},this.handleShowLinesChange=t=>{this.showLines=t.target.checked}}handleTreeModelChange(){this.flattenModel()}async scrollIntoVisible(t){const e=this.flattenedTreeModel.get(t);if(!e)return;let s=e.parentItem;for(;s&&null!=s.id;)s.expanded=!0,s=this.flattenedTreeModel.get(s.id).parentItem;i(this),this.treeRef.scrollIntoVisible(t)}handleDrop(t){var e;const i=t.detail,s=i.dropItemId;if(!this.flattenedTreeModel.get(s))return;const o=i.dataTransfer.getData("text/plain"),r=null!==(e=null==o?void 0:o.split(","))&&void 0!==e?e:[];if(0===r.length||!this.dropItemsCallback)return;const h=this.dropItemsCallback(s,r);this.waitDropProcessing=!0,h.then((t=>{if(this.waitDropProcessing=!1,!t)return;const e=this.flattenedTreeModel.get(s).item;r.forEach((t=>{const i=this.flattenedTreeModel.get(t),s=i.item,o=i.parentItem;o.items.splice(o.items.indexOf(s),1),e.items.push(s),i.parentItem=e})),this.sortItems(e.items),e.expanded=!0}))}loadLazyChildrenHandler(t){t.stopPropagation();const e=t.detail;if(this.lazyLoadTreeItemsCallback){const s=this.lazyLoadTreeItemsCallback(e),o=t.target;o.downloading=!0,s.then((t=>{const s=this.flattenedLazyTreeModel.get(e);this.flattenedLazyTreeModel.delete(e),s.lazy=!1,o.downloading=!1,null!=t&&(s.items=t,this.sortItems(s.items),this.flattenSubModel(s),i(this))}))}}handleCaptionModification(t){if(t.stopPropagation(),!this.modifyItemCaptionCallback)return;const e=t.target,s=t.detail.id,o=this.flattenedTreeModel.get(s),r=o.item,h=t.detail.caption,n=r.caption;r.caption=h,e.caption=h,this.modifyItemCaptionCallback(s,h).then((t=>{t.success?(this.sortItems(o.parentItem.items),i(this)):(e.caption=n,r.caption=n)}))}flattenSubModel(t){const e=t.items;e?(this.sortItems(e),e.forEach((e=>{var i,s,o;this.flattenedTreeModel.set(e.id,{parentItem:t,item:e}),null!==(i=e.expanded)&&void 0!==i||(e.expanded=!1),null!==(s=e.lazy)&&void 0!==s||(e.lazy=!1),null!==(o=e.selected)&&void 0!==o||(e.selected=!1),e.lazy&&this.flattenedLazyTreeModel.set(e.id,e),e.selected&&this.selectedItems.add(e.id),this.flattenSubModel(e)}))):!1===t.leaf&&(t.items=[])}sortItems(t){this.sortItemsCallback&&this.sortItemsCallback(t)}flattenModel(){this.flattenedTreeModel.clear(),this.flattenedLazyTreeModel.clear(),this.flattenSubModel(this.treeModel)}componentWillLoad(){this.flattenModel()}render(){return e(s,null,e("div",{class:"test-tree-x-scroll"},e("ch-tree-x",{multiSelection:this.multiSelection,showLines:this.showLines,waitDropProcessing:this.waitDropProcessing,onSelectedItemsChange:this.handleSelectedItemsChange,ref:t=>this.treeRef=t},e("ch-tree-x-list",null,this.treeModel.items.map(this.renderSubModel)))),e("div",{class:"tree-buttons"},e("button",{type:"button",onClick:this.closeTreeNodeHandler},"Close 1-1-2"),e("button",{type:"button",onClick:this.openTreeNodeHandler},"Open 1-1-2"),e("button",{type:"button",onClick:this.toggleTreeNodeHandler},"Toggle 1-1-2"),e("button",{type:"button",onClick:this.getCheckedItemsHandler},"Get Checked Items"),e("ch-checkbox",{caption:"Check / uncheck all"}),e("ch-checkbox",{checkedValue:"true",unCheckedValue:"false",value:this.multiSelection.toString(),caption:"Multi selection",onInput:this.handleMultiSelectionChange}),e("ch-checkbox",{checkedValue:"true",unCheckedValue:"false",value:this.showLines.toString(),caption:"Show lines",onInput:this.handleShowLinesChange})))}static get watchers(){return{treeModel:["handleTreeModelChange"]}}};o.style="ch-test-tree-x{display:grid;grid-template-columns:350px max-content;grid-template-rows:1fr;height:100%}ch-test-tree-x>.test-tree-x-scroll{position:relative;overflow-y:auto;margin-inline-end:16px}ch-test-tree-x>.test-tree-x-scroll>ch-tree-x{position:absolute;inset:0;margin:2px}.tree-buttons{display:grid;grid-auto-rows:max-content;row-gap:8px}:not(.ch-tree-x-dragging-item) ch-tree-x-list-item:not([selected])::part(header):hover{background-color:#e8e8e9}.ch-tree-x-list-item--drag-enter{background-color:#eee;box-shadow:inset 0 0 1px 0px black}.ch-tree-x-list-item--drag-enter[selected]::part(header){background-color:#eee}ch-tree-x-list-item::part(header){border:1px solid transparent}ch-tree-x-list-item[selected]::part(header){background-color:#cfdee6;border-color:#0266a0}ch-tree-x-list-item.ch-tree-x-list-item--editing::part(header){background-color:rgba(207, 222, 230, 0.5);border-color:transparent}ch-tree-x-list-item:not(.ch-tree-x-list-item--editing)::part(header):focus-visible{border-color:black;z-index:1}.ch-tree-x-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}";export{o as ch_test_tree_x}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as r,h as o,H as i,g as e}from"./p-976c3a09.js";import{a}from"./p-01406cbc.js";import{r as n}from"./p-925cb9fe.js";import{K as l}from"./p-6a84b339.js";import{e as s}from"./p-d8501cb4.js";import{s as g}from"./p-e46e26a6.js";import{c}from"./p-e7e4f76c.js";const h=class{constructor(o){t(this,o),this.valueChanged=r(this,"valueChanged",7),this.opened=r(this,"opened",7),this.closed=r(this,"closed",7),this.toggled=r(this,"toggled",7),this.parts={input:"input",clearButton:"clear-button",toggleButton:"toggle-button"},this.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 i=this.caseSensitive?r.textContent:r.textContent.toLocaleLowerCase();!r.disabled&&i.includes(t)?(o.push(r),r.hidden=!1):r.hidden=!0})),o.length>=1?this.showList():this.hideList(),o},this.showAllItems=()=>{const t=this.getEnabledItems();null==t||t.forEach((t=>{(null==t?void 0:t.hidden)&&(t.hidden=!1)}))},this.cleanup=()=>{this.myObserver.unobserve(document.body),document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0),this._mo.disconnect()},this.setup=()=>{this.setIndexes(),this.setInitialValue()},this.setIndexes=()=>{this.getAllItems().forEach(((t,r)=>{t.index=r}))},this.getEnabledItems=()=>{const t=[];return this.getAllItems().forEach((r=>{!r.disabled&&t.push(r)})),t},this.getFilteredItems=()=>{const t=this.getEnabledItems(),r=[];return t.forEach((t=>{!t.hidden&&r.push(t)})),r},this.getAllItems=()=>{const t=[];return this.el.querySelectorAll("gxg-combo-box-item").forEach((r=>{t.push(r)})),t},this.getItemByValue=t=>{let r;return t&&(r=this.getEnabledItems().find((r=>!r.disabled&&(null==r?void 0:r.value)&&r.value===t))),r},this.clearSelectedItem=()=>{const t=this.getEnabledItems();null==t||t.forEach((t=>{t.selected&&(t.selected=!1)})),this.selectedItem=void 0,this.clearIcon()},this.getValueByText=t=>{!this.caseSensitive&&(t=t.toLowerCase());const r=this.getEnabledItems(),o=null==r?void 0:r.find((r=>{const o=this.caseSensitive?r.textContent:r.textContent.toLocaleLowerCase();return!r.disabled&&o===t}));return null==o?void 0:o.value},this.getNewItem=t=>{const r=this.getFilteredItems(),o=null==r?void 0:r.findIndex((t=>t===this.selectedItem));return"next"===t?-1===o?r[0]:r[o+1]:"prev"===t&&-1!==o?r[o-1]:void 0},this.setSelectedItem=t=>!!t&&(this.selectedItem&&(this.selectedItem.selected=!1),t.selected=!0,this.selectedItem=t,!0),this.sanitizeString=t=>"string"==typeof t?t.replace(/\s+/g," ").trim():t,this.setInitialValue=()=>{const t=this.getEnabledItems()[0];if(this.value&&void 0===this.removedItem){const t=this.getItemByValue(this.value);t?this.text=t.innerText:this.strict?this.value=void 0:this.text=this.value.toString()}else t?(this.value=t.value,this.text=t.innerText):this.strict&&(this.value=void 0)},this.toggleListButtonClickHandler=()=>{this.disabled||(this.showAllItems(),this.toggleList(),this.focus())},this.inputTextClickHandler=()=>{this.disabled||this.disableFilter&&this.toggleList()},this.toggleList=()=>{this.disabled||(this.listIsOpen=!this.listIsOpen)},this.showList=()=>{this.disabled||(this.listIsOpen=!0)},this.hideList=()=>{this.disabled||(this.listIsOpen=!1)},this.clearIcon=()=>{this.disabled||(this.inputTextIcon=null,this.inputTextIconPosition=null)}}disabledHandler(t){!0===t?(this.valueBeforeDisabled=this.value,this.textBeforeDisabled=this.text,this.iconBeforeDisabled=this.inputTextIcon,this.iconPositionBeforeDisabled=this.inputTextIconPosition,this.value=null,this.inputTextIcon=null,this.inputTextIconPosition=null):(this.value=this.valueBeforeDisabled,this.text=this.textBeforeDisabled,this.inputTextIcon=this.iconBeforeDisabled,this.inputTextIconPosition=this.iconPositionBeforeDisabled)}componentDidUpdate(){const t=this.itemsContainerBottomOverflows();this.listPosition=t?"above":"below"}componentWillLoad(){this.setup(),this.attachExportParts(),this.mutationRemoveObserver()}componentDidLoad(){this.resizeObserver()}disconnectedCallback(){this.cleanup()}async open(){this.listIsOpen=!0}async close(){this.listIsOpen=!1}async getValueByIndex(t){const r=this.getEnabledItems().filter((r=>r.index===t))[0];return null==r?void 0:r.value}async setValueByIndex(t){const r=this.getEnabledItems().filter((r=>r.index===t))[0];return!(!r||!r.value||(this.value=r.value,0))}async selectInputText(){this.inputText.selectInputText()}itemSelectedHandler(t){this.value=t.detail.value,this.inputText.focus()}itemDidLoadHandler(){this.setIndexes(),this.setInitialValue()}keyDownComboItemHandler(t){t.stopPropagation(),"ArrowUp"===t.detail?this.inputText.focus():"Tab"!==t.detail&&"Escape"!==t.detail||(this.listIsOpen=!1,this.inputText.focus())}onValueChanged(t){let r,o;this.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,i=t.y,e=r.getBoundingClientRect();o>e.left&&o<e.right&&i>e.top&&i<e.bottom||0===t.screenX&&0===t.screenY&&0===t.clientX&&0===t.clientY||(this.listIsOpen=!1)}detectMouseScrollFunc(){this.listIsOpen=!1}clearCombo(){this.disabled||(this.value=void 0,this.listIsOpen=!0,this.focus())}resizeObserver(){this.myObserver=new ResizeObserver((t=>{t.forEach((()=>{this.repositionItemsContainer()}))})),this.myObserver.observe(document.body),this.myObserver.observe(this.el)}repositionItemsContainer(){const t=this.inputText;this.itemsContainer.style.width=t.clientWidth+"px";const r=t.getBoundingClientRect();this.itemsContainer.style.top=r.y+r.height+"px"}itemsContainerBottomOverflows(){const t=window.innerHeight;return this.el.getBoundingClientRect().bottom+this.itemsContainer.clientHeight>t}render(){const t=this.value&&!this.disableFilter&&!this.disableClear;return o(i,{class:{"gxg-combo-box--disabled":this.disableFilter,large:g.large},style:{maxWidth:this.maxWidth,minWidth:this.minWidth},exportParts:this.exportparts?this.exportparts:null},o("div",{class:{"main-container":!0},ref:t=>this.mainContainer=t},this.label?o("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label):null,o("div",{class:"search-and-items-container",ref:t=>this.searchItemsContainer=t},o("div",{class:{"search-container":!0}},o("gxg-form-text",{placeholder:this.placeholder,onInput:this.inputHandler.bind(this),onKeyDown:this.keyDownHandler,onClick:this.inputTextClickHandler,value:this.text,icon:this.fixedIcon||this.inputTextIcon,iconPosition:this.fixedIcon?"start":this.inputTextIconPosition,readonly:this.disableFilter,ref:t=>this.inputText=t,validationStatus:this.validationStatus,disabled:this.disabled,onValueChanged:this.handleValueChangeFormText,cursorEnd:this.cursorEnd,preventValueChangedEmit:!0,preventValueChangeOnDisabled:!0,class:{"clear-icon":t},part:this.parts.input}),o("div",{class:"buttons-wrapper"},t?o("gxg-button",{class:{"button-icon delete-icon":!0},icon:"menus/delete",type:"tertiary",onClick:()=>this.clearCombo(),tabindex:"-1",fit:!0,disabled:this.disabled,part:this.parts.clearButton}):null,o("gxg-button",{class:{"button-icon":!0},icon:"navigation/arrow-down",type:"secondary-icon-only",onClick:this.toggleListButtonClickHandler,fit:!0,disabled:this.disabled,tabindex:"-1",part:this.parts.toggleButton}))),o("div",{class:{"items-container":!0,"items-container--show":this.listIsOpen,"items-container--no-match":this.noMatch,"items-container--below":"below"===this.listPosition,"items-container--above":"above"===this.listPosition},style:{maxHeight:this.listMaxHeight},ref:t=>this.itemsContainer=t},o("slot",null),this.noMatch&&this.strict?o("div",{class:"no-ocurrences-found"},"No occurrences found",o("span",null,"ctrl/cmd + backspace to erase")):null))),this.formMessageLogic(this))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{disabled:["disabledHandler"],value:["onValueChanged"],listIsOpen:["listIsOpenHandler"],selectedItem:["selectedItemHandler"],removedItem:["removedItemHandler"]}}};h.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{font-family:var(--font-family-primary);display:block}:host gxg-form-text::part(input){padding-inline-end:var(--spacing-comp-05)}:host gxg-form-text.clear-icon::part(input){padding-inline-end:calc(var(--spacing-comp-05) * 2)}:host .main-container{width:100%;position:relative;}:host .main-container .label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lay-xs)}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;top:2px;height:calc(100% - 4px);display:flex;align-items:center;padding-inline-start:var(--spacing-comp-01);inset-inline-end:2px}:host .main-container .search-container .buttons-wrapper .button-icon{height:20px;width:20px}:host .main-container .items-container{border:var(--border-width-sm) solid var(--gxg-border-color--regular);border-radius:var(--border-radius-md);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-background);position:fixed;width:inherit;box-sizing:border-box;z-index:999;display:none;}:host .main-container .items-container::-webkit-scrollbar{width:6px;height:6px}:host .main-container .items-container::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main-container .items-container::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main-container .items-container::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main-container .items-container--show{display:block}:host .main-container .items-container--no-match{display:none}:host .main-container .items-container .no-ocurrences-found{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-on-background);padding:var(--spacing-comp-01);background-color:var(--color-background)}:host .main-container .items-container .no-ocurrences-found span{display:block;color:var(--gray-04)}:host .main-container .items-container.exact-match{overflow-y:hidden}:host .main-container .items-container--above{transform:translateY(calc(-100% - 24px));border-top-width:1px;border-bottom-width:0;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:0;border-bottom-left-radius:0}:host .search-and-items-container{flex:1}:host([label-position=start]) .main-container{display:flex;flex-direction:row}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) .main-container .label{display:flex;font-size:var(--font-size-lg);margin-bottom:var(--spacing-lay-xs);line-height:1.455em}:host(.large) .main-container .items-container .no-ocurrences-found{font-size:var(--font-size-lg)}";const f=class{constructor(o){t(this,o),this.itemSelected=r(this,"itemSelected",7),this.itemDidLoad=r(this,"itemDidLoad",7),this.keyDownPressed=r(this,"keyDownPressed",7),this.icon=void 0,this.disabled=!1,this.selected=!1,this.exactMatch=!1,this.hidden=!1,this.setup=()=>{this.value||(this.value=this.el.innerHTML)},this.clickHandler=()=>{this.itemSelected.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}}componentWillLoad(){this.setup(),this.iconColor=this.disabled?"ondisabled":"auto"}componentDidLoad(){this.itemDidLoad.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}iconColorHandler(){return this.disabled?"disabled":this.selected?"negative":"auto"}render(){return o(i,{onClick:this.clickHandler,class:{large:g.large,"no-icon":!this.icon,[c.DISABLED_CLASS]:this.disabled}},o("div",{class:{container:!0,"form-element":!0}},this.icon?o("gxg-icon",{color:this.iconColorHandler(),size:g.large?"regular":"small",type:this.icon}):null,o("div",{class:"description"},o("slot",null))))}get el(){return e(this)}};f.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-family:var(--font-family-primary);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-on-background);opacity:1;overflow:hidden}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-01);width:100%;height:var(--gxg-list-item-height);box-sizing:border-box;}:host gxg-icon{flex-shrink:0}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-left:var(--spacing-comp-02)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--gxg-background-color-item-hover)}:host([selected]){background-color:var(--gxg-background-color-item-selected);color:var(--gxg-color-item-active)}:host(.large){font-size:var(--font-size-lg);min-height:auto}:host(.large) gxg-icon{margin-right:var(--spacing-comp-01)}";const m=class{constructor(r){t(this,r),this.noPadding=!1,this.flexContainer=!1,this.flexDirection="column",this.isSelected=!1}render(){return o(i,{class:{open:this.isSelected,"not-selected":!this.isSelected,"no-padding":this.noPadding,large:g.large}},o("div",{class:{container:!0,"container--flex":this.flexContainer,"flex-column":"column"===this.flexDirection,"flex-row":"row"===this.flexDirection},part:"container"},o("slot",null)))}get el(){return e(this)}};m.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{height:100%;display:block}:host .container{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;height:100%;box-sizing:border-box;padding:var(--spacing-comp-03)}:host(.not-selected){display:none}:host(.no-padding) .container{padding:0}.container--flex{display:flex}.container--flex.flex-column{flex-direction:column}.container--flex.flex-row{flex-direction:row}:host(.large) .container{font-size:var(--font-size-lg)}";const v=class{constructor(r){t(this,r),this.parts={buttonMenu:"button-menu"},this.hidden=!1,this.appendedButtons=0,this.tabBarMenuHeight="auto",this.tabBarMenuWidth="auto",this.tabBarMenuCollapsed=!0,this.lastAddedOrRemovedTabBarButtonWidth=0,this.rtl=!1,this.evaluateMenuButtonsTabIndex=t=>{t?this.disableTabIndex():this.enableTabIndex()},this.setFocus=t=>{if(t)this.tabBarMenuToggleButton.focus();else{const t=this.el.querySelectorAll("[slot=tab-menu]");t.length&&t[0].focus()}},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=s(t,this.parts);r.length&&(this.exportparts=r)},this.enableTabIndex=()=>{this.el.querySelectorAll("gxg-tab-button").forEach((t=>{t.removeAttribute("tabindex")}))},this.disableTabIndex=()=>{this.el.querySelectorAll("[slot=tab-menu]").forEach((t=>{t.setAttribute("tabindex","-1")}))},this.detectClickOutsideTabBarMenu=this.detectClickOutsideTabBarMenu.bind(this)}openMenu(t){t.stopPropagation(),this.tabBarMenuCollapsed=!1,document.addEventListener("click",this.detectClickOutsideTabBarMenu)}tabBarMenuCollapsedHandler(t){this.evaluateMenuButtonsTabIndex(t),this.setFocus(t)}tabActivatedHandler(){this.tabBarMenuCollapsed=!0}PrevOrNextTabHandler(t){const r=[],o=this.el.querySelectorAll("gxg-tab-button");o&&o.forEach((t=>{t.disabled||t.hidden||r.push(t)}));const i=t.detail.arrowPressed,e=t.target,a=r.findIndex((t=>t===e));let n;"ArrowLeft"===i&&-1!==a?n=r[a-1]:"ArrowRight"===i&&-1!==a&&(n=r[a+1]),n&&n.tabButtonClick()}appendTabItemsToMenu(){const t=this.el.parentElement.position,r=this.el.children.item(0).clientHeight;let o;"top"===t||"bottom"===t?o=this.el.parentElement.offsetWidth:"right"!==t&&"left"!==t||(o=this.el.parentElement.offsetHeight);const i=this.tabBar.offsetWidth;if(i+20>o){const t=this.el.querySelectorAll("gxg-tab-button[slot='tab-bar']"),r=t[t.length-1];r&&(this.lastAddedOrRemovedTabBarButtonWidth=r.offsetWidth,r.classList.add("menu-button"),r.setAttribute("slot","tab-menu"),this.appendedButtons++)}else if(i+20+this.lastAddedOrRemovedTabBarButtonWidth<o){const t=this.el.querySelectorAll("[slot=tab-menu]")[0];t&&(t.classList.remove("menu-button"),t.setAttribute("slot","tab-bar"),this.lastAddedOrRemovedTabBarButtonWidth=t.offsetWidth,this.appendedButtons--)}"right"!==t&&"left"!==t||(this.tabBarMenuHeight=this.appendedButtons*r+"px"),this.evaluateMenuButtonsTabIndex(this.tabBarMenuCollapsed)}componentWillLoad(){this.attachExportParts()}componentDidLoad(){const t=document.getElementsByTagName("html")[0].getAttribute("dir"),r=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==t&&"rtl"!==r||(this.rtl=!0),new ResizeObserver((t=>{t.forEach((()=>{this.appendTabItemsToMenu()}))})).observe(this.el.parentElement);const o=this.el.querySelectorAll("gxg-tab-button").length;for(let t=0;t<=o;t++)this.appendTabItemsToMenu();const i=this.el.parentElement.getAttribute("position");"bottom"===i&&(this.tabBarMenuPosition="bottom"),"right"===i&&(this.tabBarMenuPosition="right"),this.setIndexToTabButtons()}setIndexToTabButtons(){this.el.querySelectorAll("gxg-tab-button").forEach(((t,r)=>{t.setAttribute("data-index",r.toString())}))}renderTabBarMenu(){if(this.appendedButtons>0)return o("div",{class:"tab-bar__menu"},o("gxg-button",{onClick:this.openMenu.bind(this),type:"tertiary",icon:"gemini-tools/show-more-vertical",ref:t=>this.tabBarMenuToggleButton=t,part:this.parts.buttonMenu}))}detectClickOutsideTabBarMenu(t){const r=t.x,o=t.y,i=this.tabBarMenu.getBoundingClientRect();r>i.left&&r<i.right&&o>i.top&&o<i.bottom||(this.tabBarMenuCollapsed=!0)}componentDidUnload(){document.removeEventListener("click",this.detectClickOutsideTabBarMenu)}render(){return o(i,{class:{rtl:this.rtl,"gxg-tab-bar":!0,"gxg-tab-bar--hidden":this.hidden},exportParts:this.exportparts?this.exportparts:null},o("nav",{class:{nav:!0}},o("ul",{class:"tab-bar",ref:t=>this.tabBar=t},o("slot",{name:"tab-bar"})),this.renderTabBarMenu(),o("ul",{class:{"tab-bar-menu":!0,"tab-bar-menu--collapsed":this.tabBarMenuCollapsed,top:"top"===this.tabBarMenuPosition,right:"right"===this.tabBarMenuPosition,bottom:"bottom"===this.tabBarMenuPosition,left:"left"===this.tabBarMenuPosition},style:{"--tabBarMenuHeight":this.tabBarMenuHeight,"--tabBarMenuWidth":this.tabBarMenuWidth},ref:t=>this.tabBarMenu=t},o("slot",{name:"tab-menu"}))))}get el(){return e(this)}static get watchers(){return{tabBarMenuCollapsed:["tabBarMenuCollapsedHandler"]}}};v.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{--tabBarMenuHeight:0;--tabBarMenuWidth:0;display:inline-flex;text-align:right;position:relative;display:flex;justify-content:space-between}:host .nav{display:flex;justify-content:space-between;width:100%}:host .tab-bar{list-style-type:none;padding-inline-start:0;display:flex !important;margin-bottom:0;margin-top:0;font-family:var(--font-family-primary);background-color:var(--color-background)}:host .tab-bar__menu{display:flex;align-items:center}:host .tab-bar-menu{border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);height:var(--tabBarMenuHeight);position:absolute;z-index:10;background-color:var(--color-on-primary);right:0;margin:0;padding:0;list-style:none;display:inline-flex;flex-direction:column;overflow:hidden;transition-property:height;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-bar-menu.bottom{bottom:0}:host .tab-bar-menu.right{bottom:0;rotate:90deg;transform-origin:top right;transform:translateX(100%);height:auto !important;width:var(--tabBarMenuHeight)}:host .tab-bar-menu--collapsed{height:0}:host .tab-bar-menu--collapsed.right{width:0}:host(.gxg-tab-bar--hidden){display:none}:host(.rtl) .tab-bar-menu{left:0;right:auto}";const d=class{constructor(o){t(this,o),this.tabActivated=r(this,"tabActivated",7),this.PrevOrNextTab=r(this,"PrevOrNextTab",7),this.parts={button:"button"},this.hidden=!1,this.tabLabel=null,this.tab=null,this.isSelected=!1,this.disabled=!1,this.icon=null,this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=s(t,this.parts);r.length&&(this.exportparts=r)}}async tabButtonClick(){this.buttonClickHandler(),this.tabButton.focus()}isSelectedHandler(t){t?this.el.removeAttribute("tabindex"):this.el.setAttribute("tabindex","-1")}hiddenHandler(t){t?this.el.setAttribute("tabindex","-1"):this.el.removeAttribute("tabindex")}buttonClickHandler(){this.isSelected=!0;const t=parseInt(this.el.getAttribute("data-index"),10);this.tabActivated.emit({tab:this.tab,index:t})}buttonKeyDownHandler(t){"ArrowRight"===t.key||"ArrowLeft"===t.key?this.PrevOrNextTab.emit({originTab:this.tab,arrowPressed:t.key}):"ArrowUp"!==t.key&&"ArrowDown"!==t.key||t.preventDefault()}printIcon(){if(null!==this.icon)return o("gxg-icon",this.disabled?{color:"disabled",type:this.icon}:{type:this.icon})}componentWillLoad(){this.attachExportParts(),this.hiddenHandler(this.hidden)}componentDidLoad(){this.isSelected&&this.tabActivated.emit()}render(){return o(i,{class:{large:g.large},exportParts:this.exportparts?this.exportparts:null},o("li",{class:"tab-item"},o("button",{disabled:this.disabled,class:{"tab-button":!0,"tab-button--hidden":this.hidden,"tab-button--selected":!0===this.isSelected,"tab-button--text-icon":null!==this.tabLabel&&null!==this.icon,large:g.large},onClick:this.buttonClickHandler.bind(this),onKeyDown:this.buttonKeyDownHandler.bind(this),ref:t=>this.tabButton=t,part:this.parts.button},this.printIcon(),o("span",{class:"tab-button__text"},this.tabLabel)),o("slot",null)))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{isSelected:["isSelectedHandler"],hidden:["hiddenHandler"]}}};d.style=':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block;align-self:center !important;line-height:0}:host .tab-button{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);text-transform:uppercase;color:var(--color-on-background);letter-spacing:var(--letter-spacing-regular);padding-top:0;padding-right:var(--spacing-comp-05);padding-bottom:0;padding-left:var(--spacing-comp-05);margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;border:0;width:100%;min-height:var(--spacing-comp-06);position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;transition:box-shadow 0.2s ease-in-out;background:transparent;transition-property:box-shadow;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:focus{outline-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:-2px}:host .tab-button:after{content:"";width:100%;height:var(--spacing-comp-01);left:0;bottom:0;position:absolute;background-color:transparent;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .tab-button:hover{cursor:pointer}:host .tab-button:hover:focus{outline-color:var(--color-primary-hover)}:host .tab-button:hover:after{background-color:var(--color-primary-hover)}:host .tab-button:active:after{background-color:var(--color-primary-active)}:host .tab-button[disabled]{color:var(--color-primary-disabled);pointer-events:none}:host .tab-button[disabled]:after{background-color:var(--gxg-border-color--disabled)}:host .tab-button--selected:after{background-color:var(--color-primary-active)}:host .tab-button--text-icon gxg-icon{margin-right:var(--spacing-comp-02)}:host .tab-button--hidden{display:none}:host .tab-button__text{display:inline-block}:host([slot=tab-menu]) .tab-button{padding-left:0;padding-right:0}:host(.menu-button){width:100%;box-sizing:border-box;transition-property:background-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host(.menu-button) .tab-button{padding:0 var(--spacing-comp-04)}:host(.menu-button) .tab-button:after{display:none}:host(.menu-button:hover){background:var(--color-secondary)}:host(.large) .tab-button{font-size:var(--font-size-lg)}';const p=class{constructor(r){t(this,r),this.position="top",this.height="100%",this.maxHeight="100%",this.minWidth="200px",this.noPadding=!1,this.activeTab="",this.getTab=t=>this.el.querySelector(`gxg-tab-button[key=${t}]`)}tabActivatedHandler(t){t.stopPropagation(),this.updateActiveChildren(t.target.tab,"gxg-tab-button"),this.updateActiveChildren(t.target.tab,"gxg-tab")}componentWillLoad(){this.configureTabs()}updateActiveChildren(t,r){const o=Array.from(this.el.querySelectorAll(r));for(const r of o)r.isSelected=t===r.tab}configureTabs(){const t=this.el.querySelectorAll("gxg-tab");this.noPadding&&t.forEach((t=>{t.noPadding=!0}))}async setActiveTab(t){if(t){const r=this.getTab(t);(null==r?void 0:r.disabled)||(this.updateActiveChildren(t,"gxg-tab-button"),this.updateActiveChildren(t,"gxg-tab"))}}render(){return o(i,{style:{height:this.height,maxHeight:this.maxHeight,minWidth:this.minWidth}},o("div",{class:"main-container"},"bottom"===this.position?[o("div",{class:"tabs-container"},o("slot",null)),o("div",{class:"tab-bar-container"},o("slot",{name:"tab-bar-container"}))]:[o("div",{class:"tab-bar-container"},o("slot",{name:"tab-bar-container"})),o("div",{class:"tabs-container"},o("slot",null))]))}get el(){return e(this)}};p.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{display:block;height:auto;background:var(--color-background);border-radius:var(--border-width-md);box-shadow:var(--box-shadow-01);position:relative}.main-container{height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between}.tabs-container{height:100%;overflow-y:auto}.tabs-container::-webkit-scrollbar{width:6px;height:6px}.tabs-container::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.tabs-container::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.tabs-container::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host([position=left]) .tab-bar-container{transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10}:host([position=left]) .tabs-container{height:100%;width:calc(100% - 32px);margin-left:32px}:host([position=right]) .tab-bar-container{transform:rotate(-90deg) translate(-100%, 0);transform-origin:left top;position:absolute;z-index:10;left:calc(100% - 32px)}:host([position=right]) .tabs-container{height:100%;width:calc(100% - 32px)}";export{h as gxg_combo_box,f as gxg_combo_box_item,m as gxg_tab,v as gxg_tab_bar,d as gxg_tab_button,p as gxg_tabs}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,H as o,g as a}from"./p-976c3a09.js";import{L as l}from"./p-26957490.js";import{f as s,r}from"./p-72303355.js";const n=class{constructor(o){i(this,o),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.loadDataCalledFirstTime=!1,this.markAllPendingCommitsRows=()=>{this.chGridPendingCommitsEl.markAllRows()},this.togglePendingCommitsCheckboxes=async i=>{if(this.chGridPendingCommitsEl){const t=i.itemsToCheck,e=i.itemsToUncheck;for(const i of t)await this.chGridPendingCommitsEl.markRow(i,!0);for(const i of e)await this.chGridPendingCommitsEl.markRow(i,!1)}},this.revertPendingCommitsCheckboxes=async(i,t)=>{if(this.chGridPendingCommitsEl){for(const t of i)await this.chGridPendingCommitsEl.markRow(t,!1);for(const i of t)await this.chGridPendingCommitsEl.markRow(i,!0)}},this.renderIconState=i=>{let t,o;switch(i){case"inserted":t="gx-server/new",o="success";break;case"modified":t="gx-server/changes-commit-pending",o="primary-active";break;case"deleted":t="gx-server/delete",o="error";break;case"conflicted":t="gx-server/conflict",o="warning"}return e("gxg-icon",{type:t,color:o})},this.pendingCommitsRowMarkingChangedHandler=async i=>{if(this.chGridPendingCommitsEl.removeEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler),this.chGridPendingCommitsEl){const t=i.detail.addedRowsId,e=i.detail.removedRowsId,o=await this.pendingItemCheckedCallback({itemsChecked:t,itemsUnchecked:e});void 0===o?await this.revertPendingCommitsCheckboxes(t,e):await this.togglePendingCommitsCheckboxes(o),this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler)}},this.objectsOnContextMenuCallbackHandler=i=>async t=>{t.preventDefault(),t.stopPropagation();let e=[];"commit"===i?e=t.detail.selectedRowsId:"ignored"===i&&(e=await this.chGridIgnoredObjectsEl.getSelectedRows()),this.objectsContextMenuCallback&&await this.objectsContextMenuCallback(i,{selection:e,clientX:t.detail.clientX,clientY:t.detail.clientY})},this.gridOnSelectionChangedCallbackHandler=i=>async t=>{this.selectCallback&&await this.selectCallback(i,t.detail.rowsId)},this.renderPendingCommitsGrid=()=>e("gxg-grid",null,e("ch-grid",{rowSelectionMode:"multiple",ref:i=>this.chGridPendingCommitsEl=i,part:"ch-grid-pending-commits",class:"no-border",onRowContextMenu:this.objectsOnContextMenuCallbackHandler("commit"),onSelectionChanged:this.gridOnSelectionChangedCallbackHandler("commit")},e("ch-grid-columnset",null,e("ch-grid-column",{columnType:"rich",richRowSelector:!0,richRowSelectorMode:"mark",settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{columnName:"State",settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{settingable:!1,sortable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Name",settingable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Type",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Description",settingable:!1,size:"auto"}),e("ch-grid-column",{sortable:!0,columnName:"Modified On",settingable:!1}),e("ch-grid-column",{columnName:"Module",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Local State",settingable:!1,size:"auto"}),e("ch-grid-column",{columnName:"Last Synchronized",settingable:!1,size:"150px"}),e("ch-grid-column",{sortable:!0,columnName:"User",settingable:!1,size:"auto"})),this.pendingCommits.map((i=>e("ch-grid-row",{rowid:i.id},e("ch-grid-cell",{"cell-type":"rich","row-selector":!0}),e("ch-grid-cell",null," ",this.renderIconState(i.state)," "),e("ch-grid-cell",null,e("gxg-icon",{color:"auto",type:i.iconType})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.type," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${s(i.modifiedOn)}`),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.localState," "),e("ch-grid-cell",null,`${s(i.lastSynchronized)}`),e("ch-grid-cell",null," ",i.user," ")))))),this.renderIgnoredObjectsGrid=()=>e("gxg-grid",null,e("ch-grid",{rowSelectionMode:"multiple",ref:i=>this.chGridIgnoredObjectsEl=i,part:"ch-grid-pending-commits",onRowContextMenu:this.objectsOnContextMenuCallbackHandler("ignored"),onSelectionChanged:this.gridOnSelectionChangedCallbackHandler("ignored")},e("ch-grid-columnset",null,e("ch-grid-column",{columnName:"",settingable:!1}),e("ch-grid-column",{columnName:"TypeIcon",settingable:!1}),e("ch-grid-column",{columnName:"Name",settingable:!1,sortable:!0}),e("ch-grid-column",{columnName:"Type",settingable:!1}),e("ch-grid-column",{columnName:"Description",settingable:!1}),e("ch-grid-column",{columnName:"Modified On",settingable:!1}),e("ch-grid-column",{columnName:"Module",settingable:!1}),e("ch-grid-column",{columnName:"Local State",settingable:!1}),e("ch-grid-column",{columnName:"Last Synchronized",settingable:!1}),e("ch-grid-column",{columnName:"User",settingable:!1})),this.ignoredObjects.map((i=>e("ch-grid-row",{rowid:i.id,selected:!0},e("ch-grid-cell",null," ",this.renderIconState(i.state)," "),e("ch-grid-cell",null,e("gxg-icon",{color:"auto",type:i.iconType})),e("ch-grid-cell",null," ",i.name," "),e("ch-grid-cell",null," ",i.type," "),e("ch-grid-cell",null," ",i.description," "),e("ch-grid-cell",null,`${s(i.modifiedOn)}`),e("ch-grid-cell",null," ",i.module," "),e("ch-grid-cell",null," ",i.localState," "),e("ch-grid-cell",null,`${s(i.lastSynchronized)}`),e("ch-grid-cell",null," ",i.user," ")))))),this.getRecentCommentHandler=async()=>{if(this.getRecentCommentCallback){const i=await this.getRecentCommentCallback();i&&(this.comment=i)}},this.commitCallbackHandler=async()=>{const i=this.commitComment.value;this.chGridPendingCommitsEl.getMarkedRows().then((async t=>{await this.commitCallback(t,i)}))},this.loadData=async()=>{const i={pattern:this.patternEl.value,changeSet:this.changeSetEl.value,folder:this.foldersEl.value,category:this.categoriesEl.value,type:this.typesEl.value};return await this.loadCallback(i).then((async({pending:i,ignored:t})=>{this.pendingCommits=i,this.ignoredObjects=t}))},this.toggleFiltersHandler=()=>{this.filtersHidden=!this.filtersHidden},this.filtersHidden=!0,this.comment="",this.pendingCommits=[],this.ignoredObjects=[],this.changeSet=void 0,this.types=void 0,this.folders=void 0,this.categories=void 0,this.getRecentCommentCallback=void 0,this.loadCallback=void 0,this.commitCallback=void 0,this.selectCallback=void 0,this.pendingItemCheckedCallback=void 0,this.objectsContextMenuCallback=void 0}async componentWillLoad(){this._componentLocale=await l.getComponentStrings(this.el)}async componentDidLoad(){await this.loadData(),this.loadDataCalledFirstTime=!0,this.componentDidLoadEvent.emit(!0)}async componentDidRender(){this.loadDataCalledFirstTime&&(await this.markAllPendingCommitsRows(),this.chGridPendingCommitsEl.addEventListener("rowMarkingChanged",this.pendingCommitsRowMarkingChangedHandler),this.loadDataCalledFirstTime=!1)}async reload(){this.loadData()}render(){return e(o,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},e("gxg-container",null,e("header",{class:"header grid"},e("gxg-form-textarea",{id:"gxg-textarea",height:"100px",label:this._componentLocale.topMenu.commentLabel,value:this.comment,ref:i=>this.commitComment=i,placeholder:this._componentLocale.topMenu.commentPlaceholder}),e("gxg-button",{type:"outlined",part:"location",onClick:this.getRecentCommentHandler},this._componentLocale.topMenu.recentCommentsButton))),e("main",{class:"main"},e("gxg-container",{fieldset:!0,noContentPadding:!!this.filtersHidden},e("div",{class:"grid second-grid"},e("div",{class:"actions-row grid"},e("gxg-form-text",{class:this.filtersHidden?"hidden":null,"disable-filter":!0,label:this._componentLocale.filtersMenu.patternLabel,labelPosition:"start",value:"",ref:i=>this.patternEl=i,"display-validation-styles":!0,"display-validation-message":!0,part:"pattern",onInput:this.loadData}),e("div",{class:"action-buttons",slot:"tab-bar"},e("gxg-button",{onClick:this.toggleFiltersHandler,type:"secondary-icon-only",icon:"patterns/filters",part:"gxg-button gxg-button--show-filter"}),e("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",onClick:this.loadData,part:"gxg-button gxg-button--reload"}))),e("div",{class:"filters-grid grid "+(this.filtersHidden?"hidden":null)},e("div",{class:"first-row grid"},e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.changesetLabel,value:this.changeSet[0].id,ref:i=>this.changeSetEl=i,part:"change-set","display-validation-styles":!0,"display-validation-message":!0,onValueChanged:this.loadData},r(this.changeSet)),e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.typeLabel,value:this.types[0].id,ref:i=>this.typesEl=i,part:"type",onValueChanged:this.loadData},r(this.types))),e("div",{class:"second-row grid"},e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.folderLabel,value:this.folders[0].id,ref:i=>this.foldersEl=i,part:"folder","display-validation-styles":!0,"display-validation-message":!0,onValueChanged:this.loadData},r(this.folders)),e("gxg-combo-box",{labelPosition:"start","disable-filter":!0,label:this._componentLocale.filtersMenu.categoryLabel,value:this.categories[0].id,ref:i=>this.categoriesEl=i,part:"categories",onValueChanged:this.loadData},r(this.categories)))))),e("gxg-container",null,e("gxg-tabs",{height:"100%",position:"top",class:"gxg-tabs"},e("gxg-tab-bar",{slot:"tab-bar-container"},e("gxg-tab-button",{slot:"tab-bar","tab-label":`${this._componentLocale.tabs.pendingCommits} (${this.pendingCommits.length})`,tab:"pending-commits","is-selected":!0}),e("gxg-tab-button",{slot:"tab-bar","tab-label":`${this._componentLocale.tabs.ignoredObjects} (${this.ignoredObjects.length})`,tab:"ignored-objects"})),e("gxg-tab",{tab:"pending-commits","no-padding":!0},this.renderPendingCommitsGrid()),e("gxg-tab",{tab:"ignored-objects","no-padding":!0},this.renderIgnoredObjectsGrid())),e("gxg-button",{slot:"footer",type:"primary-text-only",onClick:this.commitCallbackHandler,part:"commit-button"},this._componentLocale.footer.commitButton)))))}static get assetsDirs(){return["gx-ide-assets/team-dev-commit"]}get el(){return a(this)}};n.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block}.main-wrapper{width:100%}.gxg-tabs{margin-top:0;box-shadow:none}.header{grid-template-columns:4fr auto}.second-grid{grid-template-rows:1fr auto}.second-grid .actions-row{grid-template-columns:1fr auto}.action-buttons{justify-self:flex-end}.hidden{display:none}.filters-grid{grid-template-rows:repeat(2, 1fr)}.filters-grid .first-row{grid-template-columns:repeat(2, 1fr)}.filters-grid .second-row{grid-template-columns:repeat(2, 1fr)}";export{n as gx_ide_team_dev_commit}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,H as e,g as o}from"./p-976c3a09.js";const a={OutsideStart:"outside-start",InsideStart:"inside-start",Center:"center",InsideEnd:"inside-end",OutsideEnd:"outside-end"},n="ch-dropdown-item",r=`:scope > ${n}`,h=class{constructor(s){t(this,s),this.expandedChange=i(this,"expandedChange",7),this.keyEventsDictionary={ArrowDown:t=>{if(t.preventDefault(),!this.currentFocusedItem)return void this.focusFirstDropDownItem();const i=this.findNextDropDownItemSibling();i&&i.handleFocusElement()},ArrowUp:t=>{if(t.preventDefault(),!this.currentFocusedItem)return void this.focusFirstDropDownItem();const i=this.findPreviousDropDownItemSibling();i&&i.handleFocusElement()},Escape:()=>{this.closeDropdown(),this.returnFocusToButton()}},this.showHeader=!1,this.showFooter=!1,this.expanded=!1,this.expandedWithHover=!1,this.buttonLabel="Show options",this.expandBehavior="ClickOrHover",this.nestedDropdown=!1,this.openOnFocus=!1,this.position="Center_OutsideEnd",this.closeDropdown=()=>{this.closeDropdownWithHover(),this.expanded=!1,this.expandedChange.emit(!1)},this.closeDropdownWithHover=()=>{this.expandedWithHover=!1,this.expanded||this.expandedChange.emit(!1)},this.closeDropdownWhenClickingOutside=t=>{void 0===t.composedPath().find((t=>t===this.el))&&this.closeDropdown()},this.handleKeyDownEvents=t=>{const i=this.keyEventsDictionary[t.code];i&&i(t)},this.handleKeyUpEvents=t=>{"Tab"===t.code&&(t.composedPath().includes(this.el)||this.closeDropdown())},this.handleMouseLeave=()=>{document.activeElement.closest("ch-dropdown")===this.el&&(this.expanded=!0),this.closeDropdownWithHover()},this.handleMouseEnter=()=>{this.expandedWithHover||(this.expandedWithHover=!0,this.expanded||this.expandedChange.emit(!0))},this.handleButtonClick=t=>{t.stopPropagation(),this.expandedChange.emit(!this.expanded),this.expanded=!this.expanded},this.handleButtonFocus=t=>{t.stopPropagation(),this.expanded||(this.expanded=!0,this.expandedWithHover||this.expandedChange.emit(!0))}}handleExpandedChange(t){t?(this.currentFocusedItem=void 0,document.body.addEventListener("click",this.closeDropdownWhenClickingOutside,{capture:!0}),this.nestedDropdown||document.body.addEventListener("keydown",this.handleKeyDownEvents,{capture:!0}),document.body.addEventListener("keyup",this.handleKeyUpEvents,{capture:!0})):(document.body.removeEventListener("click",this.closeDropdownWhenClickingOutside,{capture:!0}),this.nestedDropdown||document.body.removeEventListener("keydown",this.handleKeyDownEvents,{capture:!0}),document.body.removeEventListener("keyup",this.handleKeyUpEvents,{capture:!0}))}handleActionClick(){this.closeDropdown()}handleDropDownItemFocusChange(t){this.currentFocusedItem=t.target}focusFirstDropDownItem(){this.currentFocusedItem=this.el.querySelector(r),this.currentFocusedItem&&this.currentFocusedItem.handleFocusElement()}findNextDropDownItemSibling(){let t=this.currentFocusedItem.nextElementSibling;for(;t&&t.tagName.toLowerCase()!==n;)t=t.nextElementSibling;return t}findPreviousDropDownItemSibling(){let t=this.currentFocusedItem.previousElementSibling;for(;t&&t.tagName.toLowerCase()!==n;)t=t.previousElementSibling;return t}returnFocusToButton(){this.openOnFocus||this.nestedDropdown||this.expandableButton.focus()}componentWillLoad(){this.showHeader=!!this.el.querySelector(':scope > [slot="header"]'),this.showFooter=!!this.el.querySelector(':scope > [slot="footer"]')}render(){const t=this.position.split("_"),i=t[1],o="OutsideStart"===i||"OutsideEnd"===i,n=a[t[0]],r=a[i],h=this.expanded||this.expandedWithHover;return s(e,{onMouseLeave:"ClickOrHover"===this.expandBehavior?this.handleMouseLeave:void 0},s("button",{id:"expandable-button","aria-controls":"section","aria-expanded":this.expanded.toString(),"aria-haspopup":"true","aria-label":this.buttonLabel,class:"expandable-button",part:"expandable-button",type:"button",onClick:this.handleButtonClick,onFocus:this.openOnFocus?this.handleButtonFocus:void 0,onMouseEnter:"ClickOrHover"===this.expandBehavior?this.handleMouseEnter:void 0,ref:t=>this.expandableButton=t},s("slot",{name:"action"})),"ClickOrHover"===this.expandBehavior&&s("div",{"aria-hidden":"true",class:{separation:!0,[`separation--y separation--y-${r}`]:o,[`separation--x separation--x-${n}`]:!o},part:"separation"}),s("ch-window",{part:"window",exportparts:"window:section,mask,header,footer",container:this.el,closeOnEscape:!0,hidden:!h,modal:!1,showFooter:this.showFooter,showHeader:this.showHeader,xAlign:n,yAlign:r},this.showHeader&&s("slot",{name:"header",slot:"header"}),s("div",{role:"list",class:"list",part:"list"},s("slot",{name:"items"})),this.showFooter&&s("slot",{name:"footer",slot:"footer"})))}get el(){return o(this)}static get watchers(){return{expanded:["handleExpandedChange"]}}};h.style=":where(button){all:unset}*,::before,::after{box-sizing:border-box}:host{--separation:0px;--separation-x:var(--separation);--separation-y:var(--separation);display:flex;position:relative;width:100%;height:100%}.expandable-button{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;cursor:pointer;z-index:108}.expandable-button:focus-within{transition:box-shadow 250ms}::slotted([slot=action]){pointer-events:none}.separation{display:flex;position:absolute;z-index:107}.separation--y{width:100%;height:var(--separation-y)}.separation--y-outside-start{inset-block-start:calc(var(--separation-y) * -1)}.separation--y-outside-start+ch-window{--ch-window-offset-y:calc(var(--separation-y) * -1)}.separation--y-outside-end{inset-block-end:calc(var(--separation-y) * -1)}.separation--y-outside-end+ch-window{--ch-window-offset-y:var(--separation-y)}.separation--x{width:var(--separation-x);height:100%}.separation--x-outside-start{inset-inline-start:calc(var(--separation-x) * -1)}.separation--x-outside-start+ch-window{--ch-window-offset-x:calc(var(--separation-x) * -1)}.separation--x-outside-end{inset-inline-end:calc(var(--separation-x) * -1)}.separation--x-outside-end+ch-window{--ch-window-offset-x:var(--separation-x)}.list{display:flex;flex-direction:column}";export{h as ch_dropdown}
|