@genexus/genexus-ide-ui 0.0.55 → 0.0.57
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-checkbox_4.cjs.entry.js +41 -27
- package/dist/cjs/{ch-grid-action-refresh_6.cjs.entry.js → ch-grid-action-refresh_7.cjs.entry.js} +168 -4
- package/dist/cjs/ch-icon_2.cjs.entry.js +1 -0
- package/dist/cjs/ch-suggest_4.cjs.entry.js +6 -2
- package/dist/cjs/ch-test-tree-x.cjs.entry.js +57 -32
- package/dist/cjs/config-082c7c76.js +9 -0
- package/dist/cjs/{form-a22de8f3.js → form-a2de5b1c.js} +14 -0
- package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
- package/dist/cjs/gx-grid-chameleon.cjs.entry.js +21 -3
- package/dist/cjs/gx-ide-new-kb.cjs.entry.js +10 -9
- package/dist/cjs/gx-ide-new-object.cjs.entry.js +2 -1
- package/dist/cjs/gx-ide-share-kb.cjs.entry.js +3 -2
- package/dist/cjs/gx-ide-ww-images.cjs.entry.js +0 -14
- package/dist/cjs/gxg-combo-box_2.cjs.entry.js +9 -4
- package/dist/cjs/gxg-form-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-checkbox.cjs.entry.js +2 -2
- package/dist/cjs/gxg-form-radio-group.cjs.entry.js +1 -1
- package/dist/cjs/gxg-form-text.cjs.entry.js +19 -4
- package/dist/cjs/gxg-form-textarea.cjs.entry.js +8 -4
- package/dist/cjs/gxg-label_2.cjs.entry.js +27 -2
- package/dist/cjs/gxg-list-box_2.cjs.entry.js +2 -2
- package/dist/cjs/gxg-select.cjs.entry.js +1 -1
- package/dist/cjs/gxg-test.cjs.entry.js +1 -16
- package/dist/cjs/gxg-tree-view.cjs.entry.js +81 -40
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/common/config.js +5 -0
- package/dist/collection/components/new-kb/new-kb.js +10 -9
- package/dist/collection/components/new-object/new-object.js +2 -1
- package/dist/collection/components/share-kb/share-kb.js +3 -2
- package/dist/collection/components/ww-images/ww-images.js +0 -14
- package/dist/components/ch-paginator-pages.js +1 -171
- package/dist/{esm/ch-paginator-pages.entry.js → components/ch-paginator-pages2.js} +29 -8
- package/dist/components/ch-paginator2.js +18 -4
- package/dist/components/ch-suggest2.js +5 -1
- package/dist/components/ch-test-tree-x.js +63 -35
- package/dist/components/checkbox.js +1 -1
- package/dist/components/combo-box.js +10 -4
- package/dist/components/config.js +7 -0
- package/dist/components/form-checkbox.js +1 -1
- package/dist/components/form-text.js +20 -4
- package/dist/components/form-textarea.js +9 -4
- package/dist/components/form.js +14 -1
- package/dist/components/gx-grid-chameleon.js +52 -28
- package/dist/components/gx-ide-new-kb.js +10 -9
- package/dist/components/gx-ide-new-object.js +2 -1
- package/dist/components/gx-ide-share-kb.js +3 -2
- package/dist/components/gx-ide-ww-images.js +0 -14
- package/dist/components/gxg-test.js +25 -22
- package/dist/components/gxg-tree-view.js +90 -44
- package/dist/components/icon2.js +1 -0
- package/dist/components/list-box.js +1 -1
- package/dist/components/suggest.js +1 -1
- package/dist/components/tooltip.js +30 -2
- package/dist/components/tree-x-list-item.js +25 -10
- package/dist/components/tree-x-list.js +2 -8
- package/dist/components/tree-x.js +16 -13
- package/dist/esm/ch-checkbox_4.entry.js +42 -28
- package/dist/esm/{ch-grid-action-refresh_6.entry.js → ch-grid-action-refresh_7.entry.js} +168 -5
- package/dist/esm/ch-icon_2.entry.js +1 -0
- package/dist/esm/ch-suggest_4.entry.js +6 -2
- package/dist/esm/ch-test-tree-x.entry.js +57 -32
- package/dist/esm/config-94445cc2.js +7 -0
- package/dist/esm/{form-5e68671c.js → form-9c41f579.js} +14 -1
- package/dist/esm/genexus-ide-ui.js +1 -1
- package/dist/esm/gx-grid-chameleon.entry.js +21 -3
- package/dist/esm/gx-ide-new-kb.entry.js +10 -9
- package/dist/esm/gx-ide-new-object.entry.js +2 -1
- package/dist/esm/gx-ide-share-kb.entry.js +3 -2
- package/dist/esm/gx-ide-ww-images.entry.js +0 -14
- package/dist/esm/gxg-combo-box_2.entry.js +9 -4
- package/dist/esm/gxg-form-checkbox-group.entry.js +1 -1
- package/dist/esm/gxg-form-checkbox.entry.js +2 -2
- package/dist/esm/gxg-form-radio-group.entry.js +1 -1
- package/dist/esm/gxg-form-text.entry.js +19 -4
- package/dist/esm/gxg-form-textarea.entry.js +8 -4
- package/dist/esm/gxg-label_2.entry.js +28 -3
- package/dist/esm/gxg-list-box_2.entry.js +2 -2
- package/dist/esm/gxg-select.entry.js +1 -1
- package/dist/esm/gxg-test.entry.js +1 -16
- package/dist/esm/gxg-tree-view.entry.js +81 -40
- package/dist/esm/loader.js +1 -1
- package/dist/genexus-ide-ui/genexus-ide-ui.css +4 -2
- package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
- package/dist/genexus-ide-ui/icon-assets/gemini-tools/error.svg +1 -1
- package/dist/genexus-ide-ui/icon-assets/gemini-tools/success.svg +1 -1
- package/dist/genexus-ide-ui/icon-assets/gemini-tools/warning.svg +1 -1
- package/dist/genexus-ide-ui/{p-afe9515e.entry.js → p-0268cc45.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-0aa11d6f.entry.js +1 -0
- package/dist/genexus-ide-ui/p-0f4fe7ad.js +1 -0
- package/dist/genexus-ide-ui/{p-a440a73f.entry.js → p-1294d220.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-1f3a81e3.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-4eaffd02.entry.js → p-2096031c.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-f3a1dc7c.entry.js → p-2537b4d6.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-3657924a.entry.js +1 -0
- package/dist/genexus-ide-ui/p-3ec2f036.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4923cffa.entry.js +1 -0
- package/dist/genexus-ide-ui/p-4e81926d.entry.js +1 -0
- package/dist/genexus-ide-ui/p-5669baf5.entry.js +1 -0
- package/dist/genexus-ide-ui/p-60b2bd2f.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-522ebadf.entry.js → p-750c726a.entry.js} +1 -1
- package/dist/genexus-ide-ui/{p-e586d05e.entry.js → p-875e5979.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-9e428123.entry.js +1 -0
- package/dist/genexus-ide-ui/p-a8b8baf9.entry.js +1 -0
- package/dist/genexus-ide-ui/p-dd2e0590.entry.js +1 -0
- package/dist/genexus-ide-ui/{p-5cb871e3.entry.js → p-ebcdef37.entry.js} +1 -1
- package/dist/genexus-ide-ui/p-ed5cf480.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f1ff6b48.entry.js +1 -0
- package/dist/genexus-ide-ui/p-f82f25e2.js +1 -0
- package/dist/genexus-ide-ui/p-f9f1d95d.entry.js +1 -0
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/checkbox/checkbox.css +3 -3
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css +1 -47
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x/tree-x.css +2 -2
- package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list-item/tree-x-list-item.css +5 -3
- package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.css +5 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +18 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +37 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +22 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +18 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +18 -0
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.css +47 -3
- package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +10 -1
- package/dist/types/common/config.d.ts +3 -0
- package/package.json +3 -3
- package/dist/cjs/ch-paginator-pages.cjs.entry.js +0 -156
- package/dist/genexus-ide-ui/p-01406cbc.js +0 -1
- package/dist/genexus-ide-ui/p-03efca69.entry.js +0 -1
- package/dist/genexus-ide-ui/p-1d7c22d5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-395a65de.entry.js +0 -1
- package/dist/genexus-ide-ui/p-3b4fca51.entry.js +0 -1
- package/dist/genexus-ide-ui/p-447c3a31.entry.js +0 -1
- package/dist/genexus-ide-ui/p-58f882c6.entry.js +0 -1
- package/dist/genexus-ide-ui/p-60bea19c.entry.js +0 -1
- package/dist/genexus-ide-ui/p-64cbe277.entry.js +0 -1
- package/dist/genexus-ide-ui/p-9a6cb543.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a2fa3132.entry.js +0 -1
- package/dist/genexus-ide-ui/p-a708db45.entry.js +0 -1
- package/dist/genexus-ide-ui/p-c0edbeb5.entry.js +0 -1
- package/dist/genexus-ide-ui/p-cd5482fa.entry.js +0 -1
- package/dist/genexus-ide-ui/p-d312fe25.entry.js +0 -1
- package/dist/genexus-ide-ui/p-e6ae0460.entry.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as r,h as e,H as o,g as i}from"./p-976c3a09.js";import{a}from"./p-01406cbc.js";import{f as n,c as s}from"./p-e7e4f76c.js";import{r as l}from"./p-925cb9fe.js";import{s as c}from"./p-e46e26a6.js";import{e as g}from"./p-d8501cb4.js";import"./p-6a84b339.js";const h=class{constructor(e){t(this,e),this.selectionChanged=r(this,"selectionChanged",7),this.checkedChanged=r(this,"checkedChanged",7),this.checkboxes=!1,this.singleSelection=!1,this.allowsEmpty=!1,this.noBorder=!1,this.emitEmptySelection=!1,this.keyboardSuggestions={checkCheckbox:"to check a checkbox press (shift + space)",uncheckCheckbox:"to uncheck a checkbox press (shift + ctrl + space)"},this.disableSuggestions=!1,this.selectedItems=[],this.checkedItems=[],this.hideKeyboardSuggestions=!0,this.userUsedKeyboard=!1,this.headerHeight=0,this.firstChange=!0,this.disabled=!1,this.formMessageLogic=a,this.required=!1,this.validationStatus="indeterminate",this.initialSetup=()=>{const t=this.getAllItems();(null==t?void 0:t.length)&&t.forEach(((t,r)=>{t.index=r}));const r=!this.allowsEmpty&&0===this.selectedItemsLength(),e=this.singleSelection&&this.selectedItemsLength()>1,o=this.checkboxes,i=this.disabled;if(r||o||e||i){const t=this.getEnabledItems(),a=this.getSelectedItemsFunc();if(r){const r=t.find((t=>!t.selected));r&&(r.selected=!0)}else e&&(null==a?void 0:a.length)&&a.forEach(((t,r)=>{0!==r&&(t.selected=!1)}));o&&t.forEach((t=>{t.checkbox=!0,!this.disableSuggestions&&(t.emitCheckboxChange=!0)})),i&&t.forEach((t=>{t.disabled=!0}))}this.selectedItemsLength()>0&&this.updateSelectedItems()},this.setInitialActive=()=>{const t=this.getFirstSelectedItem();t&&this.setActiveItem(t)},this.handleKeyDown=t=>{this.userUsedKeyboard=!0;const r=t.ctrlKey,e=t.metaKey,o=t.shiftKey,i=this.getIndexByElement(this.activeItem);if("ArrowDown"!==t.code&&"ArrowUp"!==t.code&&"Space"!==t.code&&"Enter"!==t.code&&"Backspace"!==t.code&&"Delete"!==t.code&&"KeyA"!==t.code||t.preventDefault(),"ArrowDown"===t.code||"ArrowUp"===t.code)this.HandleArrow(t.code,o,i);else if("Space"===t.code||"Enter"===t.code){if(o&&r)this.setCheckboxState(this.getHighlightedItems(),!1)>0&&(this.hideKeyboardSuggestions=!0);else if(o&&!r)this.setCheckboxState(this.getHighlightedItems(),!0)>0&&(this.hideKeyboardSuggestions=!0);else if(!o&&(r||e)&&this.selectedItemsLength()>=1)this.unselectHighlightedItems();else if(!r&&!e)if(this.singleSelection){if(this.activeItem===this.getSelectedItemsFunc()[0])return;this.clearSelectedItems(),this.selectItems(this.activeItem)}else r||e?this.clearHighlightedItems():this.selectHighlightedItems()}else"KeyA"!==t.code||!r&&!e||this.singleSelection?"Delete"!==t.code&&"Backspace"!==t.code||this.unselectHighlightedItems():this.highlightAll()},this.HandleArrow=(t,r,e)=>{let o;e>=0?o="ArrowDown"===t?this.getNextItem(e):this.getPrevItem(e):"ArrowDown"===t&&(o=this.getFirstEnabledItem()),o&&(this.singleSelection&&!this.allowsEmpty&&o!==this.getSelectedItemsFunc()[0]&&this.clearSelectedItems(),r&&!this.singleSelection&&(!this.activeItem.selected&&this.selectItems(this.activeItem),!o.selected&&this.selectItems(o)),this.unhighlightAll(),this.setActiveItem(o),this.highlightItem(o),!(this.singleSelection||!this.singleSelection&&r)||o.selected||this.allowsEmpty||this.selectItems(o),l(this.main,o,t))},this.setSiblingSelected=async()=>{const t=this.getAllItems();t.forEach(((r,e)=>{r.siblingIsSelected=e!==t.length-1&&!!t[e+1].selected}))},this.selectedItemsLength=()=>this.getSelectedItemsFunc().length,this.getIndexByElement=t=>{let r;const e=this.getEnabledItems();if(null==e?void 0:e.length){const o=e.find((r=>r===t));o&&(r=o.index)}return r},this.updateSelectedItems=()=>{const t=[];this.getSelectedItemsFunc().forEach((r=>{t.push({active:r.active,selected:r.selected,checked:r.checked,index:r.index,value:r.value||r.textContent})})),this.selectedItems=[...t]},this.getAllItems=()=>{const t=[],r=this.el.querySelectorAll("gxg-list-box-item");return(null==r?void 0:r.length)&&r.forEach((r=>{t.push(r)})),t}}async getSelectedItems(){if(this.disabled)return null;const t=this.getSelectedItemsFunc(),r=[];return t.forEach((t=>{r.push({active:t.active,selected:t.selected,checked:t.checked,index:t.index,value:t.value})})),r}componentDidRender(){this.theTitle&&(this.headerHeight=this.header.clientHeight)}componentWillLoad(){this.initialSetup()}componentDidLoad(){this.setInitialActive()}itemLoadedHandler(){}itemClickedHandler(t){this.containerEl.focus();const{clickedItem:r,ctrlKey:e,cmdKey:o,shiftKey:i,index:a}=t.detail;if(this.singleSelection){if(this.activeItem===r&&!this.allowsEmpty)return;this.allowsEmpty&&(e||o)?this.unselectItems(r):(this.clearHighlightedItems(),this.clearSelectedItems(),this.selectItems(r),this.highlightItem(r))}else if(!i&&e||(this.clearHighlightedItems(),this.clearSelectedItems()),i){if(this.activeItem===r)return;let t;const e=a;if(this.activeItem){const r=this.getIndexByElement(this.activeItem);if(a===r)return;t=r}else t=0;this.selectMultipleItems(t,e)}else if(e){if(!this.allowsEmpty&&1===this.selectedItemsLength()&&r.selected)return;this.unhighlightItem(this.activeItem),this.toggleItem(r),this.highlightItem(r)}else this.selectItems(r),this.highlightItem(r);this.setActiveItem(r)}selectedItemsHandler(t){!this.firstChange&&(t.length>0||this.emitEmptySelection)&&this.selectionChanged.emit({items:t}),this.firstChange=!1}checkedItemsHandler(t){this.checkedChanged.emit(t)}disabledHandler(t){if(t){const t=this.getEnabledItems();null==t||t.forEach((t=>{t.disabled=!0}))}}hideKeyboardSuggestionsHandler(t,r){!0===t&&!1===r&&localStorage.setItem("gxg-list-box-hide-keyboard-suggestions","true")}itemSelectedHandler(){this.setSiblingSelected()}checkboxStateChangedHandler(t){const r=t.detail.checkedItem,e=t.detail.checked,o=[],i=this.getEnabledItems();(null==i?void 0:i.length)&&(i.forEach((t=>{let i;i=t===r?r:t;const a=t===r?e:i.checked;i&&a&&o.push({active:i.active,selected:i.selected,checked:a,index:i.index,value:i.value||i.textContent})})),this.checkedItems=o),localStorage.getItem("gxg-list-box-hide-keyboard-suggestions")||this.disableSuggestions||!this.userUsedKeyboard||(this.hideKeyboardSuggestions=!1)}clearSelectedItems(t=!1){const r=this.el.querySelectorAll(t?"gxg-list-box-item[selected]:not([highlighted])":"gxg-list-box-item[selected]");r.length>0&&r.forEach((t=>{this.unselectItems(t)}))}getSelectedItemsFunc(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{!r.disabled&&r.selected&&t.push(r)})),t}highlightItem(t,r=!1){t&&(this.singleSelection&&this.clearHighlightedItems(),t.highlighted=!0,!r&&(this.activeItem=t))}unhighlightItem(t){t&&(t.highlighted=!1)}unhighlightAll(t=!1){const r=this.getEnabledItems();return(null==r?void 0:r.length)?(r.forEach((r=>{(!t||r!==this.activeItem)&&(r.highlighted=!1)})),r.length):0}toggleHighlightedItems(){this.getHighlightedItems().forEach((t=>{this.toggleItem(t)}))}selectHighlightedItems(){return this.selectItems(this.getHighlightedItems())}unselectHighlightedItems(){return this.unselectItems(this.getHighlightedItems())}clearHighlightedItems(){const t=this.getEnabledItems();(null==t?void 0:t.length)&&t.forEach((t=>{t.highlighted&&this.unhighlightItem(t)}))}getHighlightedItems(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{r.highlighted&&t.push(r)})),t}getHighlightedItemsLength(){return this.getHighlightedItems().length}highlightAll(){let t=0;const r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{this.highlightItem(r,!0),t++})),t}getItemByIndex(t){const r=this.getEnabledItems();let e;return(null==r?void 0:r.length)&&(e=r.find((r=>r.index===t))),e}getNextItem(t){const r=this.getAllItems();if(-1===t)return r[0];const e=r.length;let o=t+1;for(;o<e&&r[o].disabled;)o++;return o<e&&!r[o].disabled?r[o]:null}getPrevItem(t){const r=this.getAllItems();let e=t-1;for(;e>-1&&r[e].disabled;)e--;return e>-1&&!r[e].disabled?r[e]:null}selectItems(t){let r=0;return t&&Array.isArray(t)&&t.length>0?t.forEach((t=>{t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)),this.updateSelectedItems(),r}unselectItems(t){let r=0,e=this.selectedItemsLength();return t&&Array.isArray(t)&&t.length>0&&e>0?t.forEach((t=>{t.selected&&!t.disabled&&(this.allowsEmpty?(t.selected=!1,r++):e>1&&(t.selected=!1,r++,e--)),this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected&&!t.disabled&&(t.selected=!1,r++),this.activeItem!==t&&this.unhighlightItem(t)),r>0&&this.updateSelectedItems(),r}toggleItem(t){(null==t?void 0:t.selected)?this.unselectItems(t):this.selectItems(t)}getActiveItem(){return this.getEnabledItems().find((t=>t.active))}setActiveItem(t){return!!t&&(this.clearActiveItem(),t.active=!0,this.activeItem=t,!0)}clearActiveItem(){const t=this.getActiveItem();return!!t&&(t.active=!1,!0)}getEnabledItems(){const t=[];return this.el.querySelectorAll("gxg-list-box-item").forEach((r=>{!r.disabled&&t.push(r)})),t}setCheckboxState(t,r=!0){if(t&&Array.isArray(t)&&0!==t.length){let e=0;return t.forEach((t=>{!t.checked&&r?(t.checked=!0,e++):t.checked&&!r&&(t.checked=!1,e++)})),e}if(!t||!Array.isArray(t)){const e=t;if(!e.checked&&r)return e.checked=!0,1;if(e.checked&&!r)return e.checked=!1,1}return 0}getFirstEnabledItem(){return this.getEnabledItems()[0]||null}getFirstSelectedItem(){const t=this.getEnabledItems();if((null==t?void 0:t.length)&&t[0].selected)return t[0]}selectMultipleItems(t,r){let e=r;const o=[];if(t!==r){if(t>r){const o=t;t=r,r=o,e=t}for(let i=t;i<=r;i++){const t=this.getItemByIndex(i);t&&o.push(t),i===e&&this.highlightItem(t)}(null==o?void 0:o.length)>0&&this.selectItems(o)}}renderKeyboardSuggestions(){if(Object.keys(this.keyboardSuggestions).length){const t=[];for(const r in this.keyboardSuggestions){const o=e("li",{class:"suggestions-__list-item"},this.keyboardSuggestions[r]);t.push(o)}return e("div",{class:"suggestions suggestions__container"},e("ul",{class:"suggestions__list"},t),e("gxg-button",{class:"suggestions__button",type:"secondary-icon-only",icon:"gemini-tools/close",onClick:()=>this.hideKeyboardSuggestions=!0}))}}render(){return e(o,{class:{large:c.large,"has-title":!!this.theTitle,[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,[s.DISABLED_CLASS]:this.disabled},onKeyDown:this.handleKeyDown},e("div",{class:{container:!0,"form-element":!0},tabindex:this.disabled?"-1":"0",ref:t=>this.containerEl=t},this.theTitle?e("header",{class:{header:!0},ref:t=>this.header=t},this.theTitle):null,this.disableSuggestions||this.hideKeyboardSuggestions?null:this.renderKeyboardSuggestions(),e("main",{class:{main:!0},style:{height:`calc(100% - ${this.headerHeight}px)`},ref:t=>this.main=t},e("slot",null))),a(this))}get el(){return i(this)}static get watchers(){return{selectedItems:["selectedItemsHandler"],checkedItems:["checkedItemsHandler"],disabled:["disabledHandler"],hideKeyboardSuggestions:["hideKeyboardSuggestionsHandler"]}}};h.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}: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)}:host{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background);height:100%}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gray-02)}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-01);border-bottom:var(--gxg-border-common-styles);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:capitalize;font-size:inherit;font-weight:var(--font-weight-semibold);color:var(--color-on-background)}:host .main{overflow-y:auto;}:host .main::-webkit-scrollbar{width:6px;height:6px}:host .main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main--no-border{border:none}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.container:focus-within{outline:none}.container:not(:focus-within){--gxg-border-color--focused:transparent}:host([no-border]) .container{border:none}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";const m=class{constructor(e){t(this,e),this.itemClicked=r(this,"itemClicked",7),this.itemLoaded=r(this,"itemLoaded",7),this.itemSelected=r(this,"itemSelected",7),this.checkboxStateChanged=r(this,"checkboxStateChanged",7),this.parts={checkbox:"checkbox"},this.icon=void 0,this.selected=!1,this.siblingIsSelected=!1,this.highlighted=!1,this.active=!1,this.index=null,this.emitCheckboxChange=!1,this.value=void 0,this.checkbox=!1,this.checked=!1,this.mouseOver=!1,this.handleCheckboxClick=t=>{t.stopPropagation(),this.checked=!!t.target.checked},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=g(t,this.parts);r.length&&(this.exportparts=r)}}watchPropHandler(){this.itemSelected.emit()}checkboxChangedHandler(t){this.emitCheckboxChange&&this.checkboxStateChanged.emit({checkedItem:this.el,checked:t.detail.value})}iconColor(){return this.disabled?"disabled":this.selected?"primary-enabled":"auto"}componentWillLoad(){this.attachExportParts()}componentDidLoad(){this.itemLoaded.emit()}itemClickedFunc(t){this.itemClicked.emit({clickedItem:this.el,ctrlKey:t.ctrlKey,cmdKey:t.metaKey,shiftKey:t.shiftKey,index:this.index})}onMouseOver(){this.mouseOver=!0}onMouseOut(){this.mouseOver=!1}render(){return e(o,{class:{"has-icon":void 0!==this.icon,"no-checkbox":!this.checkbox,large:c.large,[s.DISABLED_CLASS]:this.disabled},onClick:this.itemClickedFunc.bind(this),exportParts:this.exportparts?this.exportparts:null},e("div",{class:{container:!0,"form-element":!0}},this.checkbox&&!this.disabled?e("gxg-form-checkbox",{tabindex:"-1",checked:this.checked,onClick:this.handleCheckboxClick,disabled:this.disabled,part:this.parts.checkbox}):null,void 0!==this.icon?e("gxg-icon",{class:"icon",color:this.iconColor(),size:"regular",type:this.icon}):null,e("div",{class:"description"},e("slot",null))))}get el(){return i(this)}static get watchers(){return{selected:["watchPropHandler"]}}};m.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}: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;font-family:var(--font-family-primary);font-size:inherit;color:inherit;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none;border-bottom:1px solid transparent}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%;height:var(--gxg-list-item-height--spaced);box-sizing:border-box}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:not([disabled])){cursor:pointer !important}:host([disabled]){pointer-events:none}:host(:hover:not([selected])){background-color:var(--gxg-background-color--hover)}:host(.has-icon.no-checkbox) .container{padding-inline-start:var(--spacing-comp-01)}.description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}:host([active]){outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px;background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}:host([selected]){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected);border-bottom-color:var(--color-secondary-hover)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(:not([sibling-is-selected])){border-bottom-color:transparent}:host(.large) .container{padding:var(--spacing-comp-01)}";export{h as gxg_list_box,m as gxg_list_box_item}
|
|
1
|
+
import{r as t,c as r,h as e,H as o,g as i}from"./p-976c3a09.js";import{a}from"./p-0f4fe7ad.js";import{f as n,c as s}from"./p-e7e4f76c.js";import{r as l}from"./p-925cb9fe.js";import{s as c}from"./p-e46e26a6.js";import{e as g}from"./p-d8501cb4.js";import"./p-6a84b339.js";const h=class{constructor(e){t(this,e),this.selectionChanged=r(this,"selectionChanged",7),this.checkedChanged=r(this,"checkedChanged",7),this.checkboxes=!1,this.singleSelection=!1,this.allowsEmpty=!1,this.noBorder=!1,this.emitEmptySelection=!1,this.keyboardSuggestions={checkCheckbox:"to check a checkbox press (shift + space)",uncheckCheckbox:"to uncheck a checkbox press (shift + ctrl + space)"},this.disableSuggestions=!1,this.selectedItems=[],this.checkedItems=[],this.hideKeyboardSuggestions=!0,this.userUsedKeyboard=!1,this.headerHeight=0,this.firstChange=!0,this.disabled=!1,this.formMessageLogic=a,this.required=!1,this.validationStatus="indeterminate",this.initialSetup=()=>{const t=this.getAllItems();(null==t?void 0:t.length)&&t.forEach(((t,r)=>{t.index=r}));const r=!this.allowsEmpty&&0===this.selectedItemsLength(),e=this.singleSelection&&this.selectedItemsLength()>1,o=this.checkboxes,i=this.disabled;if(r||o||e||i){const t=this.getEnabledItems(),a=this.getSelectedItemsFunc();if(r){const r=t.find((t=>!t.selected));r&&(r.selected=!0)}else e&&(null==a?void 0:a.length)&&a.forEach(((t,r)=>{0!==r&&(t.selected=!1)}));o&&t.forEach((t=>{t.checkbox=!0,!this.disableSuggestions&&(t.emitCheckboxChange=!0)})),i&&t.forEach((t=>{t.disabled=!0}))}this.selectedItemsLength()>0&&this.updateSelectedItems()},this.setInitialActive=()=>{const t=this.getFirstSelectedItem();t&&this.setActiveItem(t)},this.handleKeyDown=t=>{this.userUsedKeyboard=!0;const r=t.ctrlKey,e=t.metaKey,o=t.shiftKey,i=this.getIndexByElement(this.activeItem);if("ArrowDown"!==t.code&&"ArrowUp"!==t.code&&"Space"!==t.code&&"Enter"!==t.code&&"Backspace"!==t.code&&"Delete"!==t.code&&"KeyA"!==t.code||t.preventDefault(),"ArrowDown"===t.code||"ArrowUp"===t.code)this.HandleArrow(t.code,o,i);else if("Space"===t.code||"Enter"===t.code){if(o&&r)this.setCheckboxState(this.getHighlightedItems(),!1)>0&&(this.hideKeyboardSuggestions=!0);else if(o&&!r)this.setCheckboxState(this.getHighlightedItems(),!0)>0&&(this.hideKeyboardSuggestions=!0);else if(!o&&(r||e)&&this.selectedItemsLength()>=1)this.unselectHighlightedItems();else if(!r&&!e)if(this.singleSelection){if(this.activeItem===this.getSelectedItemsFunc()[0])return;this.clearSelectedItems(),this.selectItems(this.activeItem)}else r||e?this.clearHighlightedItems():this.selectHighlightedItems()}else"KeyA"!==t.code||!r&&!e||this.singleSelection?"Delete"!==t.code&&"Backspace"!==t.code||this.unselectHighlightedItems():this.highlightAll()},this.HandleArrow=(t,r,e)=>{let o;e>=0?o="ArrowDown"===t?this.getNextItem(e):this.getPrevItem(e):"ArrowDown"===t&&(o=this.getFirstEnabledItem()),o&&(this.singleSelection&&!this.allowsEmpty&&o!==this.getSelectedItemsFunc()[0]&&this.clearSelectedItems(),r&&!this.singleSelection&&(!this.activeItem.selected&&this.selectItems(this.activeItem),!o.selected&&this.selectItems(o)),this.unhighlightAll(),this.setActiveItem(o),this.highlightItem(o),!(this.singleSelection||!this.singleSelection&&r)||o.selected||this.allowsEmpty||this.selectItems(o),l(this.main,o,t))},this.setSiblingSelected=async()=>{const t=this.getAllItems();t.forEach(((r,e)=>{r.siblingIsSelected=e!==t.length-1&&!!t[e+1].selected}))},this.selectedItemsLength=()=>this.getSelectedItemsFunc().length,this.getIndexByElement=t=>{let r;const e=this.getEnabledItems();if(null==e?void 0:e.length){const o=e.find((r=>r===t));o&&(r=o.index)}return r},this.updateSelectedItems=()=>{const t=[];this.getSelectedItemsFunc().forEach((r=>{t.push({active:r.active,selected:r.selected,checked:r.checked,index:r.index,value:r.value||r.textContent})})),this.selectedItems=[...t]},this.getAllItems=()=>{const t=[],r=this.el.querySelectorAll("gxg-list-box-item");return(null==r?void 0:r.length)&&r.forEach((r=>{t.push(r)})),t}}async getSelectedItems(){if(this.disabled)return null;const t=this.getSelectedItemsFunc(),r=[];return t.forEach((t=>{r.push({active:t.active,selected:t.selected,checked:t.checked,index:t.index,value:t.value})})),r}componentDidRender(){this.theTitle&&(this.headerHeight=this.header.clientHeight)}componentWillLoad(){this.initialSetup()}componentDidLoad(){this.setInitialActive()}itemLoadedHandler(){}itemClickedHandler(t){this.containerEl.focus();const{clickedItem:r,ctrlKey:e,cmdKey:o,shiftKey:i,index:a}=t.detail;if(this.singleSelection){if(this.activeItem===r&&!this.allowsEmpty)return;this.allowsEmpty&&(e||o)?this.unselectItems(r):(this.clearHighlightedItems(),this.clearSelectedItems(),this.selectItems(r),this.highlightItem(r))}else if(!i&&e||(this.clearHighlightedItems(),this.clearSelectedItems()),i){if(this.activeItem===r)return;let t;const e=a;if(this.activeItem){const r=this.getIndexByElement(this.activeItem);if(a===r)return;t=r}else t=0;this.selectMultipleItems(t,e)}else if(e){if(!this.allowsEmpty&&1===this.selectedItemsLength()&&r.selected)return;this.unhighlightItem(this.activeItem),this.toggleItem(r),this.highlightItem(r)}else this.selectItems(r),this.highlightItem(r);this.setActiveItem(r)}selectedItemsHandler(t){!this.firstChange&&(t.length>0||this.emitEmptySelection)&&this.selectionChanged.emit({items:t}),this.firstChange=!1}checkedItemsHandler(t){this.checkedChanged.emit(t)}disabledHandler(t){if(t){const t=this.getEnabledItems();null==t||t.forEach((t=>{t.disabled=!0}))}}hideKeyboardSuggestionsHandler(t,r){!0===t&&!1===r&&localStorage.setItem("gxg-list-box-hide-keyboard-suggestions","true")}itemSelectedHandler(){this.setSiblingSelected()}checkboxStateChangedHandler(t){const r=t.detail.checkedItem,e=t.detail.checked,o=[],i=this.getEnabledItems();(null==i?void 0:i.length)&&(i.forEach((t=>{let i;i=t===r?r:t;const a=t===r?e:i.checked;i&&a&&o.push({active:i.active,selected:i.selected,checked:a,index:i.index,value:i.value||i.textContent})})),this.checkedItems=o),localStorage.getItem("gxg-list-box-hide-keyboard-suggestions")||this.disableSuggestions||!this.userUsedKeyboard||(this.hideKeyboardSuggestions=!1)}clearSelectedItems(t=!1){const r=this.el.querySelectorAll(t?"gxg-list-box-item[selected]:not([highlighted])":"gxg-list-box-item[selected]");r.length>0&&r.forEach((t=>{this.unselectItems(t)}))}getSelectedItemsFunc(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{!r.disabled&&r.selected&&t.push(r)})),t}highlightItem(t,r=!1){t&&(this.singleSelection&&this.clearHighlightedItems(),t.highlighted=!0,!r&&(this.activeItem=t))}unhighlightItem(t){t&&(t.highlighted=!1)}unhighlightAll(t=!1){const r=this.getEnabledItems();return(null==r?void 0:r.length)?(r.forEach((r=>{(!t||r!==this.activeItem)&&(r.highlighted=!1)})),r.length):0}toggleHighlightedItems(){this.getHighlightedItems().forEach((t=>{this.toggleItem(t)}))}selectHighlightedItems(){return this.selectItems(this.getHighlightedItems())}unselectHighlightedItems(){return this.unselectItems(this.getHighlightedItems())}clearHighlightedItems(){const t=this.getEnabledItems();(null==t?void 0:t.length)&&t.forEach((t=>{t.highlighted&&this.unhighlightItem(t)}))}getHighlightedItems(){const t=[],r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{r.highlighted&&t.push(r)})),t}getHighlightedItemsLength(){return this.getHighlightedItems().length}highlightAll(){let t=0;const r=this.getEnabledItems();return(null==r?void 0:r.length)&&r.forEach((r=>{this.highlightItem(r,!0),t++})),t}getItemByIndex(t){const r=this.getEnabledItems();let e;return(null==r?void 0:r.length)&&(e=r.find((r=>r.index===t))),e}getNextItem(t){const r=this.getAllItems();if(-1===t)return r[0];const e=r.length;let o=t+1;for(;o<e&&r[o].disabled;)o++;return o<e&&!r[o].disabled?r[o]:null}getPrevItem(t){const r=this.getAllItems();let e=t-1;for(;e>-1&&r[e].disabled;)e--;return e>-1&&!r[e].disabled?r[e]:null}selectItems(t){let r=0;return t&&Array.isArray(t)&&t.length>0?t.forEach((t=>{t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected||t.disabled||(t.selected=!0)&&r++,this.activeItem!==t&&this.unhighlightItem(t)),this.updateSelectedItems(),r}unselectItems(t){let r=0,e=this.selectedItemsLength();return t&&Array.isArray(t)&&t.length>0&&e>0?t.forEach((t=>{t.selected&&!t.disabled&&(this.allowsEmpty?(t.selected=!1,r++):e>1&&(t.selected=!1,r++,e--)),this.activeItem!==t&&this.unhighlightItem(t)})):t&&!Array.isArray(t)&&(t.selected&&!t.disabled&&(t.selected=!1,r++),this.activeItem!==t&&this.unhighlightItem(t)),r>0&&this.updateSelectedItems(),r}toggleItem(t){(null==t?void 0:t.selected)?this.unselectItems(t):this.selectItems(t)}getActiveItem(){return this.getEnabledItems().find((t=>t.active))}setActiveItem(t){return!!t&&(this.clearActiveItem(),t.active=!0,this.activeItem=t,!0)}clearActiveItem(){const t=this.getActiveItem();return!!t&&(t.active=!1,!0)}getEnabledItems(){const t=[];return this.el.querySelectorAll("gxg-list-box-item").forEach((r=>{!r.disabled&&t.push(r)})),t}setCheckboxState(t,r=!0){if(t&&Array.isArray(t)&&0!==t.length){let e=0;return t.forEach((t=>{!t.checked&&r?(t.checked=!0,e++):t.checked&&!r&&(t.checked=!1,e++)})),e}if(!t||!Array.isArray(t)){const e=t;if(!e.checked&&r)return e.checked=!0,1;if(e.checked&&!r)return e.checked=!1,1}return 0}getFirstEnabledItem(){return this.getEnabledItems()[0]||null}getFirstSelectedItem(){const t=this.getEnabledItems();if((null==t?void 0:t.length)&&t[0].selected)return t[0]}selectMultipleItems(t,r){let e=r;const o=[];if(t!==r){if(t>r){const o=t;t=r,r=o,e=t}for(let i=t;i<=r;i++){const t=this.getItemByIndex(i);t&&o.push(t),i===e&&this.highlightItem(t)}(null==o?void 0:o.length)>0&&this.selectItems(o)}}renderKeyboardSuggestions(){if(Object.keys(this.keyboardSuggestions).length){const t=[];for(const r in this.keyboardSuggestions){const o=e("li",{class:"suggestions-__list-item"},this.keyboardSuggestions[r]);t.push(o)}return e("div",{class:"suggestions suggestions__container"},e("ul",{class:"suggestions__list"},t),e("gxg-button",{class:"suggestions__button",type:"secondary-icon-only",icon:"gemini-tools/close",onClick:()=>this.hideKeyboardSuggestions=!0}))}}render(){return e(o,{class:{large:c.large,"has-title":!!this.theTitle,[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,[s.DISABLED_CLASS]:this.disabled},onKeyDown:this.handleKeyDown},e("div",{class:{container:!0,"form-element":!0},tabindex:this.disabled?"-1":"0",ref:t=>this.containerEl=t},this.theTitle?e("header",{class:{header:!0},ref:t=>this.header=t},this.theTitle):null,this.disableSuggestions||this.hideKeyboardSuggestions?null:this.renderKeyboardSuggestions(),e("main",{class:{main:!0},style:{height:`calc(100% - ${this.headerHeight}px)`},ref:t=>this.main=t},e("slot",null))),a(this))}get el(){return i(this)}static get watchers(){return{selectedItems:["selectedItemsHandler"],checkedItems:["checkedItemsHandler"],disabled:["disabledHandler"],hideKeyboardSuggestions:["hideKeyboardSuggestionsHandler"]}}};h.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}: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)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important}:host{display:block;font-size:var(--font-size-sm);font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-on-background);height:100%}:host .container{height:100%;border:var(--border-radius-xs) var(--border-style-regular) var(--gray-02)}:host .header{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;background-color:var(--gray-01);border-bottom:var(--gxg-border-common-styles);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:capitalize;font-size:inherit;font-weight:var(--font-weight-semibold);color:var(--color-on-background)}:host .main{overflow-y:auto;}:host .main::-webkit-scrollbar{width:6px;height:6px}:host .main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main--no-border{border:none}:host .icon{margin-inline-end:var(--spacing-comp-01)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host.selected{background-color:var(--color-secondary-active);color:var(--color-always-white)}.container:focus-within{outline:none}.container:not(:focus-within){--gxg-border-color--focused:transparent}:host([no-border]) .container{border:none}.suggestions__container{background-color:var(--gray-01);color:var(--gray-06);font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-comp-01) var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);align-items:center}.suggestions__list{margin:0;padding:0;list-style-type:none;flex-grow:1}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large){font-size:var(--font-size-lg)}";const m=class{constructor(e){t(this,e),this.itemClicked=r(this,"itemClicked",7),this.itemLoaded=r(this,"itemLoaded",7),this.itemSelected=r(this,"itemSelected",7),this.checkboxStateChanged=r(this,"checkboxStateChanged",7),this.parts={checkbox:"checkbox"},this.icon=void 0,this.selected=!1,this.siblingIsSelected=!1,this.highlighted=!1,this.active=!1,this.index=null,this.emitCheckboxChange=!1,this.value=void 0,this.checkbox=!1,this.checked=!1,this.mouseOver=!1,this.handleCheckboxClick=t=>{t.stopPropagation(),this.checked=!!t.target.checked},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=g(t,this.parts);r.length&&(this.exportparts=r)}}watchPropHandler(){this.itemSelected.emit()}checkboxChangedHandler(t){this.emitCheckboxChange&&this.checkboxStateChanged.emit({checkedItem:this.el,checked:t.detail.value})}iconColor(){return this.disabled?"disabled":this.selected?"primary-enabled":"auto"}componentWillLoad(){this.attachExportParts()}componentDidLoad(){this.itemLoaded.emit()}itemClickedFunc(t){this.itemClicked.emit({clickedItem:this.el,ctrlKey:t.ctrlKey,cmdKey:t.metaKey,shiftKey:t.shiftKey,index:this.index})}onMouseOver(){this.mouseOver=!0}onMouseOut(){this.mouseOver=!1}render(){return e(o,{class:{"has-icon":void 0!==this.icon,"no-checkbox":!this.checkbox,large:c.large,[s.DISABLED_CLASS]:this.disabled},onClick:this.itemClickedFunc.bind(this),exportParts:this.exportparts?this.exportparts:null},e("div",{class:{container:!0,"form-element":!0}},this.checkbox&&!this.disabled?e("gxg-form-checkbox",{tabindex:"-1",checked:this.checked,onClick:this.handleCheckboxClick,disabled:this.disabled,part:this.parts.checkbox}):null,void 0!==this.icon?e("gxg-icon",{class:"icon",color:this.iconColor(),size:"regular",type:this.icon}):null,e("div",{class:"description"},e("slot",null))))}get el(){return i(this)}static get watchers(){return{selected:["watchPropHandler"]}}};m.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}: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;font-family:var(--font-family-primary);font-size:inherit;color:inherit;display:flex;box-sizing:border-box;align-items:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;outline:none;border-bottom:1px solid transparent}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-02);width:100%;height:var(--gxg-list-item-height--spaced);box-sizing:border-box}:host .icon{margin-inline-end:var(--spacing-comp-01);flex-shrink:0}:host gxg-form-checkbox{margin-inline-end:var(--spacing-comp-01)}:host gxg-form-checkbox::part(box){outline:none}:host(:not([disabled])){cursor:pointer !important}:host([disabled]){pointer-events:none}:host(:hover:not([selected])){background-color:var(--gxg-background-color--hover)}:host(.has-icon.no-checkbox) .container{padding-inline-start:var(--spacing-comp-01)}.description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}:host([active]){outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px;background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}:host([selected]){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected);border-bottom-color:var(--color-secondary-hover)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(:not([sibling-is-selected])){border-bottom-color:transparent}:host(.large) .container{padding:var(--spacing-comp-01)}";export{h as gxg_list_box,m as gxg_list_box_item}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,c as t,h as o,H as a,g as e}from"./p-976c3a09.js";import{a as i}from"./p-
|
|
1
|
+
import{r,c as t,h as o,H as a,g as e}from"./p-976c3a09.js";import{a as i}from"./p-0f4fe7ad.js";import{f as n}from"./p-e7e4f76c.js";const l=class{constructor(o){r(this,o),this.groupValuesChanged=t(this,"groupValuesChanged",7),this.disabled=!1,this.validationStatus="indeterminate",this.getCheckboxesInfo=()=>{const r=[];return this.el.querySelectorAll("gxg-form-checkbox").forEach((t=>{r.push({id:t.checkboxId,value:t.checked,disabled:t.disabled})})),r},this.disableGroup=()=>{this.el.querySelectorAll("gxg-form-checkbox").forEach((r=>{r.disabled=!0}))},this.enableGroup=()=>{this.el.querySelectorAll("gxg-form-checkbox").forEach((r=>{r.disabled=!1}))}}watchDisabledHandler(r){r?this.disableGroup():this.enableGroup()}async getValues(){return this.getCheckboxesInfo()}componentWillLoad(){this.disabled&&this.disableGroup()}changeHandler(r){if(!r.detail.disabled){const r=this.getCheckboxesInfo();this.groupValuesChanged.emit(r)}}render(){return o(a,null,o("div",{class:{"checkboxes-wrapper":!0,"checkboxes-wrapper--row":this.row,[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}},o("slot",null)),i(this))}get el(){return e(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};l.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}.checkboxes-wrapper{display:flex;flex-direction:column;gap:var(--gxg-form-control-gap--vertical)}.checkboxes-wrapper--row{flex-direction:row;gap:var(--gxg-form-control-gap--horizontal)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}";export{l as gxg_form_checkbox_group}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as i,h as o,H as e,g as r}from"./p-976c3a09.js";import{a as n,b as s}from"./p-0f4fe7ad.js";import{r as a}from"./p-925cb9fe.js";import{K as l}from"./p-6a84b339.js";import{e as c}from"./p-d8501cb4.js";import{s as h}from"./p-e46e26a6.js";import{c as g}from"./p-e7e4f76c.js";const d=class{constructor(o){t(this,o),this.valueChanged=i(this,"valueChanged",7),this.opened=i(this,"opened",7),this.closed=i(this,"closed",7),this.toggled=i(this,"toggled",7),this.parts={input:"input",clearButton:"clear-button",toggleButton:"toggle-button"},this.componentDidLoadFlag=!1,this.toolTip=!1,this.disabled=!1,this.label=void 0,this.labelPosition="above",this.minWidth="0",this.maxWidth="100%",this.listMaxHeight="244px",this.placeholder="Search item",this.disableFilter=!1,this.disableClear=!1,this.strict=!1,this.caseSensitive=!1,this.listPosition="below",this.centerLabel=!1,this.required=!1,this.validationStatus="indeterminate",this.cursorEnd=!1,this.userTyped=!1,this.formMessageLogic=n,this.inputTextValue="",this.listIsOpen=!1,this.inputTextIcon=void 0,this.noMatch=!1,this.lastAllowedValue=void 0,this.slottedContent=null,this.selectionProgramatic=!0,this.myObserver=null,this.detectClickOutsideCombo=this.detectClickOutsideComboFunc.bind(this),this.detectMouseScroll=this.detectMouseScrollFunc.bind(this),this.attachExportParts=()=>{const t=this.el.getAttribute("part"),i=c(t,this.parts);i.length&&(this.exportparts=i)},this.mutationRemoveObserver=()=>{this._mo=function(t,i){const o=new MutationObserver((t=>{for(const o of t)if("childList"===o.type){const t=Array.from(o.removedNodes);for(const o of t)o.nodeType===Node.ELEMENT_NODE&&(i.removedItem=o)}}));return o.observe(t,{childList:!0}),o}(this.el,this)},this.inputHandler=t=>{this.userTyped=!0;const i=this.sanitizeString(t.detail),o=this.filterList(i);this.strict?1===o.length&&(this.value=o[0].value):this.value=i},this.keyDownHandler=t=>{let i;t.code!==l.ARROW_DOWN&&t.code!==l.ARROW_UP||t.preventDefault(),t.code===l.ARROW_DOWN?(i=this.getNewItem("next"),(null==i?void 0:i.value)&&(this.value=null==i?void 0:i.value),a(this.itemsContainer,this.selectedItem,l.ARROW_DOWN),t.altKey&&this.showList()):t.code===l.ARROW_UP?(i=this.getNewItem("prev"),(null==i?void 0:i.value)&&(this.value=null==i?void 0:i.value),a(this.itemsContainer,this.selectedItem,l.ARROW_UP)):t.code===l.ENTER?(this.hideList(),this.showAllItems()):t.code===l.SPACE?this.showList():t.code===l.ESCAPE?(this.showAllItems(),this.hideList()):t.code===l.TAB&&this.showList&&this.hideList()},this.handleValueChangeFormText=t=>{this.value=t.detail},this.filterList=t=>{t=this.sanitizeString(t),!this.caseSensitive&&(t=t.toLowerCase());const i=this.getEnabledItems(),o=[];return i.length&&i.forEach((i=>{const e=this.caseSensitive?i.textContent:i.textContent.toLocaleLowerCase();!i.disabled&&e.includes(t)?(o.push(i),i.hidden=!1):i.hidden=!0})),o.length>=1?this.showList():this.hideList(),o},this.showAllItems=()=>{const t=this.getEnabledItems();null==t||t.forEach((t=>{(null==t?void 0:t.hidden)&&(t.hidden=!1)}))},this.cleanup=()=>{this.myObserver.unobserve(document.body),document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0),this._mo.disconnect()},this.setup=()=>{this.setIndexes(),this.setInitialValue()},this.setIndexes=()=>{this.getAllItems().forEach(((t,i)=>{t.index=i}))},this.getEnabledItems=()=>{const t=[];return this.getAllItems().forEach((i=>{!i.disabled&&t.push(i)})),t},this.getFilteredItems=()=>{const t=this.getEnabledItems(),i=[];return t.forEach((t=>{!t.hidden&&i.push(t)})),i},this.getAllItems=()=>{const t=[];return this.el.querySelectorAll("gxg-combo-box-item").forEach((i=>{t.push(i)})),t},this.getItemByValue=t=>{let i;return t&&(i=this.getEnabledItems().find((i=>!i.disabled&&(null==i?void 0:i.value)&&i.value===t))),i},this.clearSelectedItem=()=>{const t=this.getEnabledItems();null==t||t.forEach((t=>{t.selected&&(t.selected=!1)})),this.selectedItem=void 0,this.clearIcon()},this.getValueByText=t=>{!this.caseSensitive&&(t=t.toLowerCase());const i=this.getEnabledItems(),o=null==i?void 0:i.find((i=>{const o=this.caseSensitive?i.textContent:i.textContent.toLocaleLowerCase();return!i.disabled&&o===t}));return null==o?void 0:o.value},this.getNewItem=t=>{const i=this.getFilteredItems(),o=null==i?void 0:i.findIndex((t=>t.selected));return"next"===t?-1===o?i[0]:i[o+1]:"prev"===t&&-1!==o?i[o-1]:void 0},this.setSelectedItem=t=>!!t&&(this.selectedItem&&(this.selectedItem.selected=!1),t.selected=!0,this.selectedItem=t,!0),this.sanitizeString=t=>"string"==typeof t?t.replace(/\s+/g," ").trim():t,this.setInitialValue=()=>{const t=this.getEnabledItems()[0];if(this.value&&void 0===this.removedItem){const t=this.getItemByValue(this.value);t?(this.text=t.innerText,this.inputTextIcon=t.icon,t.selected=!0):this.strict?this.value=void 0:this.text=this.value.toString()}else t?(this.value=t.value,this.text=t.innerText):this.strict&&(this.value=void 0)},this.toggleListButtonClickHandler=()=>{this.disabled||(this.showAllItems(),this.toggleList(),this.focus())},this.inputTextClickHandler=()=>{this.disabled||this.disableFilter&&this.toggleList()},this.toggleList=()=>{this.disabled||(this.listIsOpen=!this.listIsOpen)},this.showList=()=>{this.disabled||(this.listIsOpen=!0)},this.hideList=()=>{this.disabled||(this.listIsOpen=!1)},this.clearIcon=()=>{this.disabled||(this.inputTextIcon=null)}}disabledHandler(t){!0===t?(this.valueBeforeDisabled=this.value,this.textBeforeDisabled=this.text,this.iconBeforeDisabled=this.inputTextIcon,this.value=null,this.inputTextIcon=null):(this.value=this.valueBeforeDisabled,this.text=this.textBeforeDisabled,this.inputTextIcon=this.iconBeforeDisabled)}componentDidUpdate(){const t=this.itemsContainerBottomOverflows();this.listPosition=t?"above":"below"}componentWillLoad(){this.setup(),this.attachExportParts(),this.mutationRemoveObserver()}componentDidLoad(){this.resizeObserver(),this.componentDidLoadFlag=!0}disconnectedCallback(){this.cleanup()}async open(){this.listIsOpen=!0}async close(){this.listIsOpen=!1}async getValueByIndex(t){const i=this.getEnabledItems().filter((i=>i.index===t))[0];return null==i?void 0:i.value}async setValueByIndex(t){const i=this.getEnabledItems().filter((i=>i.index===t))[0];return!(!i||!i.value||(this.value=i.value,0))}async selectInputText(){this.inputText.selectInputText()}itemSelectedHandler(t){this.value=t.detail.value,this.inputText.focus()}itemDidLoadHandler(){this.setIndexes()}keyDownComboItemHandler(t){t.stopPropagation(),"ArrowUp"===t.detail?this.inputText.focus():"Tab"!==t.detail&&"Escape"!==t.detail||(this.listIsOpen=!1,this.inputText.focus())}onValueChanged(t,i){setTimeout((()=>{let i,o;this.componentDidLoadFlag&&this.valueChanged.emit(t),this.clearSelectedItem(),this.userTyped?i=this.getValueByText(t):(!this.listIsOpen&&this.showAllItems(),i=t),o=this.getItemByValue(i),o?(this.setSelectedItem(o),this.setIcon(o.icon),(null==o?void 0:o.textContent)&&(this.text=o.textContent)):this.strict?(this.text=void 0,this.value=void 0):this.text=t,this.userTyped=!1}),20)}listIsOpenHandler(t){let i=!1;t?(i=!0,document.addEventListener("click",this.detectClickOutsideCombo,!0),document.addEventListener("scroll",this.detectMouseScroll,!0),this.opened.emit(),this.repositionItemsContainer()):(document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0),this.closed.emit()),this.toggled.emit(i)}selectedItemHandler(t){t&&(t.selected=!0)}removedItemHandler(t){t.value===this.value&&this.setup()}setIcon(t){this.inputTextIcon=t||null}focus(){this.inputText.focus()}detectClickOutsideComboFunc(t){const i=this.el.shadowRoot.querySelector(".main-container"),o=t.x,e=t.y,r=i.getBoundingClientRect();o>r.left&&o<r.right&&e>r.top&&e<r.bottom||0===t.screenX&&0===t.screenY&&0===t.clientX&&0===t.clientY||(this.listIsOpen=!1)}detectMouseScrollFunc(){this.listIsOpen=!1}clearCombo(){this.disabled||(this.value=void 0,this.listIsOpen=!0,this.focus())}resizeObserver(){this.myObserver=new ResizeObserver((t=>{t.forEach((()=>{this.repositionItemsContainer()}))})),this.myObserver.observe(document.body),this.myObserver.observe(this.el)}repositionItemsContainer(){const t=this.inputText;this.itemsContainer.style.width=t.clientWidth+"px";const i=t.getBoundingClientRect();this.itemsContainer.style.top=i.y+i.height+"px"}itemsContainerBottomOverflows(){const t=window.innerHeight;return this.el.getBoundingClientRect().bottom+this.itemsContainer.clientHeight>t}render(){const t=this.value&&!this.disableFilter&&!this.disableClear;return o(e,{class:{"gxg-combo-box--disabled":this.disableFilter,tooltip:this.toolTip,large:h.large},style:{maxWidth:this.maxWidth,minWidth:this.minWidth},exportParts:this.exportparts?this.exportparts:null},o("div",{class:{"main-container":!0},ref:t=>this.mainContainer=t},this.label?o("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label):null,o("div",{class:"outer-wrapper"},o("div",{class:"search-and-items-container",ref:t=>this.searchItemsContainer=t},o("div",{class:{"search-container":!0}},o("gxg-form-text",{placeholder:this.placeholder,onInput:this.inputHandler.bind(this),onKeyDown:this.keyDownHandler,onClick:this.inputTextClickHandler,value:this.text,icon:this.fixedIcon||this.inputTextIcon,iconPosition:"start",readonly:this.disableFilter,ref:t=>this.inputText=t,validationStatus:this.validationStatus,disabled:this.disabled,onValueChanged:this.handleValueChangeFormText,cursorEnd:this.cursorEnd,preventValueChangedEmit:!0,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.toolTip?s(this):null)),this.toolTip?null:n(this))}static get delegatesFocus(){return!0}get el(){return r(this)}static get watchers(){return{disabled:["disabledHandler"],value:["onValueChanged"],listIsOpen:["listIsOpenHandler"],selectedItem:["selectedItemHandler"],removedItem:["removedItemHandler"]}}};d.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width: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 .outer-wrapper{display:flex;gap:var(--spacing-comp-01);align-items:center}:host .main-container .label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lay-xs)}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;top:2px;height:calc(100% - 4px);display:flex;align-items:center;padding-inline-start:var(--spacing-comp-01);inset-inline-end:2px}:host .main-container .search-container .buttons-wrapper .button-icon{height:20px;width:20px}:host .main-container .items-container{border:var(--border-width-sm) solid var(--gxg-border-color--regular);border-radius:var(--border-radius-md);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-background);position:fixed;width:inherit;box-sizing:border-box;z-index:999;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 m=class{constructor(o){t(this,o),this.itemSelected=i(this,"itemSelected",7),this.itemDidLoad=i(this,"itemDidLoad",7),this.keyDownPressed=i(this,"keyDownPressed",7),this.icon=void 0,this.disabled=!1,this.selected=!1,this.exactMatch=!1,this.hidden=!1,this.setup=()=>{this.value||(this.value=this.el.innerHTML)},this.clickHandler=()=>{this.itemSelected.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}}componentWillLoad(){this.setup(),this.iconColor=this.disabled?"ondisabled":"auto"}componentDidLoad(){this.itemDidLoad.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}iconColorHandler(){return this.disabled?"disabled":this.selected?"primary-enabled":"auto"}render(){return o(e,{onClick:this.clickHandler,class:{large:h.large,"no-icon":!this.icon,[g.DISABLED_CLASS]:this.disabled}},o("div",{class:{container:!0,"form-element":!0}},this.icon?o("gxg-icon",{color:this.iconColorHandler(),size:h.large?"regular":"small",type:this.icon}):null,o("div",{class:"description"},o("slot",null))))}get el(){return r(this)}};m.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-family:var(--font-family-primary);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-on-background);opacity:1;overflow:hidden}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-01);width:100%;height:var(--gxg-list-item-height);box-sizing:border-box;}:host gxg-icon{flex-shrink:0}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-left:var(--spacing-comp-02)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--gxg-background-color--hover)}:host([selected]){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(.large){font-size:var(--font-size-lg);min-height:auto}:host(.large) gxg-icon{margin-right:var(--spacing-comp-01)}";export{d as gxg_combo_box,m as gxg_combo_box_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,c as r,h as a,H as i,g as t}from"./p-976c3a09.js";import{L as o}from"./p-26957490.js";import{c as s}from"./p-f82f25e2.js";import{f as l}from"./p-daf4eb69.js";import{r as n}from"./p-b8d5c561.js";const d=["GeneXus Account","Local"],g=class{constructor(a){e(this,a),this.componentDidRenderEvent=r(this,"componentDidRenderEvent",7),this.createKBCallbackHandler=async()=>{this.createKBCallback({name:this.kbNameEl.value,serverUrl:this.serverUrlEl.value,authenticationType:this.authTypeEl.value,user:this.userNameEl.value,password:this.passwordEl.value}).then((e=>{l(e,this)}))},this.kbName=void 0,this.serverUrls=void 0,this.enableCustomServer=void 0,this.createKBCallback=void 0}async componentWillLoad(){this._componentLocale=await o.getComponentStrings(this.el)}componentDidRender(){this.componentDidRenderEvent.emit(this._componentLocale.componentName)}render(){return a(i,{class:"gx-ide-component"},a("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},a("gxg-container",{footerJustify:"end"},a("main",{class:"main grid"},a("gxg-label",{labelPosition:"start",class:"kb-label",noMargin:!0},this._componentLocale.main.kbName),a("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,toolTip:s.tooltip,ref:e=>this.kbNameEl=e,part:"kb-name",class:"kb-input"}),a("gxg-label",{labelPosition:"start",class:"server-url-label",noMargin:!0},this._componentLocale.main.serverUrl),a("gxg-combo-box",{disableFilter:!this.enableCustomServer,labelPosition:"start",placeholder:"https://myexampleserver.com",strict:!0,toolTip:s.tooltip,"max-width":"100%",value:this.serverUrls[0],ref:e=>this.serverUrlEl=e,part:"server-url",class:"server-url-input"},n("gxg-combo-box-item",this.serverUrls.map((e=>({id:e,label:e}))),"server-url")),a("gxg-combo-box",{labelPosition:"start",placeholder:"https://myexampleserver.com","max-width":"100%",value:d[0],ref:e=>this.authTypeEl=e,part:"auth-type",class:"auth-type-input"},n("gxg-combo-box-item",d.map((e=>({id:e,label:e}))),"auth-type")),a("gxg-label",{labelPosition:"start",class:"user-name-label",noMargin:!0},this._componentLocale.main.userName),a("gxg-form-text",{labelPosition:"start",placeholder:"My User","max-width":"100%",toolTip:s.tooltip,ref:e=>this.userNameEl=e,part:"user-name",class:"user-name-input"}),a("gxg-label",{labelPosition:"start",class:"password-label",noMargin:!0},this._componentLocale.main.password),a("gxg-form-text",{labelPosition:"start",password:!0,toolTip:s.tooltip,"max-width":"100%",ref:e=>this.passwordEl=e,part:"password",class:"password-input"})),a("gxg-button",{slot:"footer",type:"primary-text-only",onClick:this.createKBCallbackHandler},this._componentLocale.footer.shareBtn))))}static get assetsDirs(){return["gx-ide-assets/share-kb"]}get el(){return t(this)}};g.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);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{grid-template-columns:auto 1fr;grid-template-areas:"kb-label kb-input " "server-label server-input" "auth-type-input auth-type-input" "user-name-label user-name-input" "password-label password-input"}.main .kb-input{grid-area:kb-input}.main .kb-name-label{grid-area:kb-label}.main .server-url-input{grid-area:server-input}.main .server-url-label{grid-area:server-label}.main .auth-type-input{grid-area:auth-type-input}.main .user-name-input{grid-area:user-name-input}.main .user-name-label{grid-area:user-name-label}.main .password-input{grid-area:password-input}.main .password-label{grid-area:password-label}';export{g as gx_ide_share_kb}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as t,h as o,H as e,g as a}from"./p-976c3a09.js";import{a as i,b as n,r as l}from"./p-0f4fe7ad.js";import{s}from"./p-e46e26a6.js";import{f as g,c}from"./p-e7e4f76c.js";import{e as m}from"./p-d8501cb4.js";const f=class{constructor(o){r(this,o),this.input=t(this,"input",7),this.change=t(this,"change",7),this.parts={textarea:"textarea"},this.toolTip=!1,this.error=!1,this.labelPosition="above",this.centerLabel=!1,this.maxWidth="100%",this.height="auto",this.rows=4,this.warning=!1,this.hideValidationMessage=!1,this.disabled=!1,this.formMessageLogic=i,this.required=!1,this.validationStatus="indeterminate",this.resize=!1,this.attachExportParts=()=>{const r=this.el.getAttribute("part"),t=m(r,this.parts);t.length&&(this.exportparts=t)}}disabledHandler(r){!0===r?(this.valueBeforeDisabled=this.value,this.value=null):this.value=this.valueBeforeDisabled}componentWillLoad(){this.attachExportParts()}updateTextareaValue(){this.value=this.textArea.value}handleInput(r){this.value=r.target.value,this.input.emit(this.value)}handleChange(){this.change.emit(this.value)}render(){return o(e,{role:"textbox","aria-label":this.label,style:{maxWidth:this.maxWidth},class:{textarea:!0,large:s.large,[g.VALIDATION_INDETERMINATE_CLASS]:"indeterminate"===this.validationStatus,[g.VALIDATION_WARNING_CLASS]:"warning"===this.validationStatus,[g.VALIDATION_ERROR_CLASS]:"error"===this.validationStatus,[g.VALIDATION_SUCCESS_CLASS]:"success"===this.validationStatus,[c.DISABLED_CLASS]:this.disabled},exportParts:this.exportparts?this.exportparts:null},this.label?o("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label,l(this)):null,o("div",{class:"textarea-wrapper"},o("textarea",{ref:r=>this.textArea=r,class:{"form-element":!0,textarea:!0,"textarea--resize":this.resize},placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput.bind(this),onChange:this.handleChange.bind(this),value:this.disabled?null:this.value,rows:this.rows,required:this.required,style:{height:this.height},part:this.parts.textarea}),this.toolTip?n(this):null),this.toolTip?null:i(this))}get el(){return a(this)}static get watchers(){return{disabled:["disabledHandler"]}}};f.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.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)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important}:host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:flex;flex-direction:column;width:100%}:host .form-element-wrapper{position:relative;width:100%}:host 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}:host label .required{padding-left:2px}:host textarea{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}:host .textarea-wrapper{display:flex;gap:var(--spacing-comp-01)}:host textarea{resize:none;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-radius:var(--border-radius-sm);padding-left:var(--spacing-comp-01);padding-right:var(--spacing-comp-01);color:var(--color-on-background);background-color:var(--color-background)}:host textarea:focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}:host textarea--resize{resize:both}:host textarea[disabled]{background-color:var(--gray-01);color:var(--color-on-disabled)}:host textarea.textarea--error{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host textarea.textarea--error:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host textarea.textarea--warning{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host textarea.textarea--warning:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) label,:host(.large) textarea{font-size:var(--font-size-lg)}:host(.large) textarea{padding:var(--spacing-comp-01) var(--spacing-comp-02)}";export{f as gxg_form_textarea}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as r,g as o,a as e,H as i}from"./p-976c3a09.js";const a=new Map,n=new Map,l=class{constructor(r){t(this,r),this.lazy=!1,this.autoColor=!1,this.src="",this.size="regular",this.isVisible=!1}connectedCallback(){this.waitUntilVisible(this.element,"50px",(()=>{this.isVisible=!0,this.getIcon()}))}disconnectedCallback(){void 0!==this.io&&(this.io.disconnect(),this.io=void 0)}waitUntilVisible(t,r,o){if(this.lazy&&"undefined"!=typeof window&&window.IntersectionObserver){const e=this.io=new window.IntersectionObserver((t=>{t[0].isIntersecting&&(e.disconnect(),this.io=void 0,o())}),{rootMargin:r});e.observe(t)}else o()}async getIcon(){if(this.isVisible){if(!this.src)return void(this.svgContent="");this.svgContent=a.has(this.src)?a.get(this.src):await function(t){let r=n.get(t);return r||(r=fetch(t).then((r=>{if(r.ok)return r.text().then((r=>(a.set(t,r),r)));a.set(t,"")})),n.set(t,r)),r}(this.src)}}render(){return r("div",{innerHTML:this.svgContent})}static get assetsDirs(){return["ch-icon-assets"]}get element(){return o(this)}static get watchers(){return{src:["getIcon"]}}};l.style=":host(:not([auto-color])){}:host(:not([auto-color])) svg *{fill:var(--icon-color) !important}:host(:not([auto-color])) path.icons01{fill:var(--icons01-enabled)}:host(:not([auto-color])) path.icons02{fill:var(--icons02-enabled)}:host(:not([auto-color])) path.icons03{fill:var(--icons03-enabled)}:host(:not([auto-color])) path.icons04{fill:var(--icons04-enabled)}:host(:not([auto-color])) path.icons05{fill:var(--icons05-enabled)}:host(:not([auto-color])) path.icons06{fill:var(--icons06-enabled)}:host(:not([auto-color])) path.icons07{fill:var(--icons07-enabled)}:host(:not([auto-color])) path.icons08{fill:var(--icons08-enabled)}:host(:not([auto-color])) path.icons09{fill:var(--icons09-enabled)}:host{display:inline-flex;line-height:0}:host svg{width:var(--icon-size);height:var(--icon-size)}";const s={alwaysblack:"color-always-black",disabled:"color-primary-disabled",ondisabled:"color-on-disabled",error:"color-error-dark",negative:"color-on-primary",onbackground:"color-on-background",indeterminate:"color-primary-active","primary-enabled":"color-primary-enabled","primary-active":"color-primary-active","primary-hover":"color-primary-hover",success:"color-success-dark",warning:"color-warning-dark"},c=class{constructor(r){t(this,r),this.size="regular"}getSrcPath(){return e(`./icon-assets/${this.type}.svg`)}iconSize(){return"regular"===this.size?"16px":"small"===this.size?"12px":void 0}render(){return r(i,null,r("ch-icon",{style:{"--icon-color":this.mapColorToCssVar(s[this.color]),"--icon-size":this.iconSize()},"auto-color":"auto"===this.color,src:this.getSrcPath(),part:"ch-icon"}))}mapColorToCssVar(t){return t?`var(--${t})`:"var(--color-on-background)"}static get assetsDirs(){return["icon-assets"]}get element(){return o(this)}};c.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{display:inline-block;line-height:0;height:20px;width:20px;display:inline-flex;align-items:center;justify-content:center}";export{l as ch_icon,c as gxg_icon}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,c as e,h as i,H as s,g as n,w as a}from"./p-976c3a09.js";import{D as h}from"./p-bac6580b.js";import{f as r,m as d}from"./p-b374d112.js";const o="checkbox",l=class{constructor(i){t(this,i),this.click=e(this,"click",7),this.input=e(this,"input",7),this.disabled=!1,this.highlightable=!1,this.indeterminate=!1,this.readonly=!1,this.getValue=t=>t?this.checkedValue:this.unCheckedValue,this.handleClick=t=>{this.readonly||this.disabled||t.stopPropagation()},this.handleChange=t=>{t.stopPropagation();const e=t.target,i=e.checked,s=this.getValue(i);this.checked=i,this.value=s,e.value=s,this.input.emit(t),this.highlightable&&this.click.emit()}}valueChanged(){this.checked=this.value===this.checkedValue}componentWillLoad(){this.checked=this.value===this.checkedValue}render(){var t;const e=`${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`;return i(s,{class:{[h]:this.disabled,"ch-checkbox--actionable":!this.readonly&&!this.disabled||this.readonly&&this.highlightable}},i("div",{class:{container:!0,"container--checked":this.checked},part:`container${e}`},i("input",{"aria-label":""!==(null===(t=this.accessibleName)||void 0===t?void 0:t.trim())&&this.accessibleName!==this.caption?this.accessibleName:null,id:this.caption?o:null,class:"input",part:"input",type:"checkbox",checked:this.checked,disabled:this.disabled||this.readonly,indeterminate:this.indeterminate,value:this.value,onClick:this.handleClick,onInput:this.handleChange}),i("div",{class:{option:!0,"option--checked":this.checked&&!this.indeterminate,"option--indeterminate":this.indeterminate},part:`option${e}`,"aria-hidden":"true"})),this.caption&&i("label",{class:"label",part:"label",htmlFor:o,onClick:this.handleClick},this.caption))}get element(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};l.style="*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, currentColor);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px color-mix(in srgb, currentColor 25%, transparent)}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:currentColor;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";const c="ch-tree-x-list-item",p="text/plain",g=t=>t.tagName.toLowerCase()===c,x=()=>r().find(g),b=t=>t&&!t.editing,u=(t,e)=>`"newContainerId":"${t}","metadata":"${JSON.stringify(e)}"`,m=class{constructor(i){t(this,i),this.droppableZoneEnter=e(this,"droppableZoneEnter",7),this.expandedItemChange=e(this,"expandedItemChange",7),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.itemsDropped=e(this,"itemsDropped",7),this.keyDownEvents={ArrowDown:t=>{const e=x();b(e)&&(t.preventDefault(),e.focusNextItem(d(t)))},ArrowUp:t=>{const e=x();b(e)&&(t.preventDefault(),e.focusPreviousItem(d(t)))},F2:t=>{const e=x();e&&(t.preventDefault(),e.editing=!0)}},this.draggingSelectedItems=!1,this.needForRAF=!0,this.selectedItemsInfo=new Map,this.validDroppableZoneCache=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingInTheDocument=!1,this.draggingInTree=!1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.scrollToEdgeOnDrag=!0,this.waitDropProcessing=!1,this.trackItemDrag=t=>{t.preventDefault(),this.lastDragEvent=t,this.updateDropEffect(t),this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-x-dragging-item-x",`${this.lastDragEvent.pageX}px`),this.el.style.setProperty("--ch-tree-x-dragging-item-y",`${this.lastDragEvent.pageY}px`)})))},this.fixScrollPositionOnDrag=()=>{this.draggingInTree&&this.lastDragEvent&&requestAnimationFrame((()=>{((t,e)=>{const i=this.lastDragEvent.clientY-e.getBoundingClientRect().top,s=e.clientHeight,n=i<=30;(n||i>s-30)&&(e.scrollTop+=(n?i-30:i-(s-30))/10)})(0,this.el),requestAnimationFrame(this.fixScrollPositionOnDrag)}))}}handleKeyDownEvents(t){const e=this.keyDownEvents[t.key];e&&e(t)}handleDragStart(t){this.validDroppableZoneCache.clear(),this.draggingInTheDocument=!0,this.dragStartTimestamp=(new Date).getTime(),this.draggedItems=JSON.parse(t.dataTransfer.getData(p))}handleDragEnd(){this.draggingInTheDocument=!1}handleDragEnter(t){this.cancelSubTreeOpening(null,!0),t.stopPropagation();const e=t.target;e.tagName.toLowerCase()===c&&(this.lastOpenSubTreeItem=e,this.openSubTreeAfterCountdown(e),"valid"===this.validDroppableZone(t)&&(e.dragState="enter"))}handleDragLeave(t){const e=t.target;if(e.tagName.toLowerCase()!==c)return;const i=e;i.dragState="none",this.cancelSubTreeOpening(i)}cancelSubTreeOpening(t,e=!1){(this.lastOpenSubTreeItem===t||e)&&(clearTimeout(this.openSubTreeTimeout),this.lastOpenSubTreeItem=null)}handleItemDrop(t){t.stopPropagation(),this.cancelSubTreeOpening(null,!0);const e=t.target,i=JSON.parse(t.dataTransfer.getData(p));"valid"===this.validDroppableZone(t)&&this.itemsDropped.emit({newContainer:{id:e.id,metadata:e.metadata},draggingSelectedItems:this.draggingSelectedItems,draggedItems:i,dropInTheSameTree:this.draggingInTree})}handleItemDragStart(t){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=t.target,this.checkDragValidityAndUpdateDragInfo(t.detail)?(this.draggingInTree=!0,this.scrollToEdgeOnDrag&&this.fixScrollPositionOnDrag()):t.detail.dragEvent.dataTransfer.effectAllowed="none"}handleItemDragEnd(){this.draggingInTree=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.resetVariables()}handleSelectedItemSync(t){t.stopPropagation();const e=t.detail;e.selected?this.selectedItemsInfo.set(e.id,e):this.selectedItemsInfo.delete(e.id)}handleSelectedItemChange(t){t.stopPropagation(),this.handleItemSelection(t.target,t.detail)}async clearSelectedItemsInfo(){this.clearSelectedItems()}async scrollIntoVisible(t){const e=this.el.querySelector(`${c}#${t}`);if(!e)return;let i=e.parentElement.parentElement;for(;i.tagName.toLowerCase()===c;)i.expanded=!0,i=i.parentElement.parentElement;requestAnimationFrame((()=>{e.scrollIntoView()}))}async updateValidDropZone(t,e,i,s){var n;if(!this.draggingInTheDocument||t<=this.dragStartTimestamp)return;const a=u(e,i);this.validDroppableZoneCache.set(a,s?"valid":"invalid"),(null===(n=this.lastOpenSubTreeItem)||void 0===n?void 0:n.id)===e&&(this.lastOpenSubTreeItem.dragState="enter")}validDroppableZone(t){const e=t.target,i=u(e.id,this.draggedItems),s=this.validDroppableZoneCache.get(i);return null!=s?s:"none"===t.dataTransfer.effectAllowed||e.dropDisabled||this.draggingInTree&&(this.draggedIds.includes(e.id)||this.draggedParentIds.includes(e.id))?(this.validDroppableZoneCache.set(i,"invalid"),"invalid"):(this.validDroppableZoneCache.set(i,"checking"),this.droppableZoneEnter.emit({newContainer:{id:e.id,metadata:e.metadata},draggedItems:this.draggedItems}),"checking")}openSubTreeAfterCountdown(t){t.leaf||t.expanded||(this.openSubTreeTimeout=setTimeout((()=>{t.expanded=!0,this.expandedItemChange.emit({id:t.id,expanded:!0})}),this.openSubTreeCountdown))}updateDropEffect(t){const e=t.target;if(e.tagName.toLowerCase()!==c||e.closest("ch-tree-x")!==this.el)return;const i=u(e.id,this.draggedItems);"invalid"===this.validDroppableZoneCache.get(i)&&(t.dataTransfer.dropEffect="none")}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}checkDragValidityAndUpdateDragInfo(t){const e=t.elem,i=this.selectedItemsInfo.has(e.id);this.draggingSelectedItems=i;let s,n=[];if(i){const t=[...this.selectedItemsInfo.keys()],i=[...this.selectedItemsInfo.values()],a=t.length;s=i.every((t=>!t.itemRef.dragDisabled)),this.draggedIds=t,n=i.map((t=>({id:t.id,metadata:t.metadata}))),this.dragInfo=1===a?e.caption:a.toString()}else s=!e.dragDisabled,n=[{id:e.id,metadata:e.metadata}],this.draggedIds=[e.id],this.dragInfo=e.caption;this.getDirectParentsOfDraggableItems(i);const a=JSON.stringify(n);return t.dragEvent.dataTransfer.setData(p,a),s}getDirectParentsOfDraggableItems(t){if(t)this.selectedItemsInfo.forEach((t=>{const e=t.parentId;""!==e&&this.draggedParentIds.push(e)}));else{const t=this.currentDraggedItem.parentElement.parentElement;t.tagName.toLowerCase()===c&&this.draggedParentIds.push(t.id)}}handleItemSelection(t,e){e.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.delete(e.id),this.selectedItemsInfo.forEach((t=>{t.itemRef.selected=!1})),this.clearSelectedItems(),t.selected=e.selected),e.selected&&this.selectedItemsInfo.set(e.id,e),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}disconnectedCallback(){this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-x-dragging-item":this.draggingInTheDocument,"ch-tree-x-not-dragging-item":!this.draggingInTheDocument,"ch-tree-x--dragging-selected-items":this.draggingInTree&&this.draggingSelectedItems,"ch-tree-x-waiting-drop-processing":this.waitDropProcessing}},i("div",{role:"tree","aria-multiselectable":this.multiSelection.toString(),class:"ch-tree-x-container"},i("slot",null)),this.draggingInTree&&i("span",{"aria-hidden":"true",class:"ch-tree-x-drag-info"},this.dragInfo))}get el(){return n(this)}};m.style="ch-tree-x{display:flex;position:relative;width:100%;overflow:auto}ch-tree-x>.ch-tree-x-container{position:absolute;inset:0}ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list-item{pointer-events:var(--ch-tree-x-pointer-events, all)}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--deny-drop,ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list{pointer-events:none}ch-tree-x.ch-tree-x--dragging-selected-items ch-tree-x-list-item[selected]{--ch-tree-x-pointer-events:none}ch-tree-x.ch-tree-x-waiting-drop-processing{cursor:wait}ch-tree-x.ch-tree-x-waiting-drop-processing>ch-tree-x-list{pointer-events:none}.ch-tree-x-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));pointer-events:none;z-index:1;animation:ch-tree-x-drag-info-fade-in 10ms}@keyframes ch-tree-x-drag-info-fade-in{0%,100%{opacity:0}}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";const v=class{constructor(e){t(this,e)}render(){return i(s,{role:"group"},i("slot",null))}get el(){return n(this)}};v.style=":host{display:grid;grid-auto-rows:min-content;position:relative;width:100%}";const f=new Image,w="ch-tree-x-list-item",k=`:scope>*>${w}`,y=`${w}:not([disabled])`,C=`:scope>*>${w}:last-child`,I="expandable",D="Enter",S=["container","input","option","checked","indeterminate"].map((t=>`${t}:checkbox__${t}`)).join(","),$=class{constructor(s){t(this,s),this.checkboxChange=e(this,"checkboxChange",7),this.itemDragStart=e(this,"itemDragStart",7),this.itemDragEnd=e(this,"itemDragEnd",7),this.loadLazyContent=e(this,"loadLazyContent",7),this.modifyCaption=e(this,"modifyCaption",7),this.selectedItemChange=e(this,"selectedItemChange",7),this.selectedItemSync=e(this,"selectedItemSync",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.customRender=!1,this.disabled=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines="none",this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=t=>{t.stopPropagation(),(t.code===D||"Escape"===t.code)&&(t.preventDefault(),this.removeEditMode(!0,t.code===D)())},this.removeEditModeOnClick=t=>{!t.composedPath().includes(this.inputRef)&&t.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(t,e=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;e&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),t&&this.headerRef.focus()},this.toggleExpand=t=>{t.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(d(t),!1,!0))},this.getSelectedInfo=(t,e,i)=>({ctrlKeyPressed:t,expanded:this.expanded,goToReference:e,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.parentElement.id,selected:i}),this.handleActionDblClick=t=>{t.stopPropagation(),d(t)?this.toggleSelected():this.toggleExpand(t)},this.handleActionClick=t=>{t.stopPropagation(),this.editing||(t.preventDefault(),t.pointerType?this.toggleOrSelect(t):this.toggleExpand(t))},this.handleActionKeyDown=t=>{d(t)&&t.code===D&&(t.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=t=>{t.stopPropagation();const e=t.target.checked;this.checked=e,this.checkboxChange.emit(e)},this.renderImg=(t,e)=>i("img",{"aria-hidden":"true",class:t,part:t,alt:"",src:e,loading:"lazy"}),this.handleDragStart=t=>{if(this.editing)return t.preventDefault(),void t.stopPropagation();t.dataTransfer.setDragImage(f,0,0),t.dataTransfer.effectAllowed="move",this.dragState="start",this.itemDragStart.emit({elem:this.el,dragEvent:t})},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=()=>{this.dragState="none"}}updateChildrenCheckedValue(t){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((e=>{e.checked=t}))}handleEditingChange(t){t&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),a((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(t){this.lazyLoadItems(t)}handleLasItemChange(t){t&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleSelectedChange(t){this.selectedItemSync.emit(this.getSelectedInfo(!0,!1,t))}handleShowLinesChange(t){t&&this.lastItem?this.setResizeObserver():this.disconnectObserver()}updateCheckboxValue(t){if(!this.toggleCheckboxes)return;const e=t.detail,i=this.getDirectTreeItems().every((t=>t.checked===e));this.ignoreCheckboxChange=this.checked!==e,this.checked=e,this.indeterminate=!i}async focusNextItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(y);if(e)return void e.setFocus(t)}this.focusNextSibling(t)}async focusNextSibling(t){const e=this.el.nextElementSibling;e?e.disabled?e.focusNextItem(t):e.setFocus(t):0!==this.level&&this.el.parentElement.parentElement.focusNextSibling(t)}async focusPreviousItem(t){const e=this.el.previousElementSibling;if(e)return void e.focusLastItem(t);if(0===this.level)return;const i=this.el.parentElement.parentElement;i.disabled?i.focusPreviousItem(t):i.setFocus(t)}async focusLastItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(C);if(e)return void e.focusLastItem(t)}this.disabled?this.focusPreviousItem(t):this.setFocus(t)}async setFocus(t){this.headerRef.focus(),t||this.setSelected(!1)}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(k))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const t=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--distance-to-checkbox",t+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(t){this.lazyLoad&&t&&(this.lazyLoad=!1,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const t=!this.selected;this.selected=t,this.selectedItemChange.emit(this.getSelectedInfo(!0,!1,t))}setSelected(t){this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(!1,t,!0))}toggleOrSelect(t){d(t)?this.toggleSelected():this.setSelected(!0)}componentWillLoad(){const t=this.el.parentElement;if(this.lazyLoadItems(this.expanded),this.selected&&this.selectedItemChange.emit(this.getSelectedInfo(!0,!1,!0)),0===this.level)return;const e=t.parentElement;e.checkbox&&(this.checked=e.checked)}componentDidLoad(){this.lastItem&&this.showLines&&this.setResizeObserver()}disconnectedCallback(){this.editing&&this.removeEditMode(!1),this.disconnectObserver()}render(){const t=this.level%2==0,e=!this.leaf&&this.showExpandableButton,n=!this.leaf&&!this.showExpandableButton,a=!this.leaf&&!this.lazyLoad,h="all"===this.showLines&&0!==this.level,r="last"===this.showLines&&0!==this.level&&this.lastItem;return i(s,{role:"treeitem","aria-level":this.level+1,"aria-selected":this.selected?"true":null,class:{[w+"--downloading"]:this.downloading,[w+"--editing"]:this.editing,[w+"--not-editing"]:!this.editing,[w+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[w+"--deny-drop"]:this.leaf},style:{"--level":`${this.level}`},onDrop:this.dropDisabled||this.leaf||"start"===this.dragState?null:this.handleDrop},i("button",{"aria-controls":a?I:null,"aria-expanded":a?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":e,"header--checkbox-offset":n&&this.checkbox,"header--even":t,"header--odd":!t,"header--even-expandable":t&&e,"header--odd-expandable":!t&&e,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!this.dragDisabled,onDragStart:this.handleDragStart,onDragEnd:this.dragDisabled?null:this.handleDragEnd,ref:t=>this.headerRef=t},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",exportparts:S,part:`checkbox${this.disabled?" disabled":""}${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`,checkedValue:"true",disabled:this.disabled,indeterminate:this.indeterminate,unCheckedValue:"false",value:`${this.checked}`,onInput:this.handleCheckedChange}),this.customRender?i("slot",{name:"custom-content"}):[i("div",{class:{action:!0,"readonly-mode":!this.editing},part:"action "+(this.editing?"":"readonly-mode"),onDblClick:this.leaf||this.editing?null:this.handleActionDblClick},this.leftImgSrc&&this.renderImg("left-img",this.leftImgSrc),this.editing?i("input",{class:"edit-name",part:"edit-name",disabled:this.disabled,type:"text",value:this.caption,onBlur:this.removeEditMode(!1),onKeyDown:this.checkIfShouldRemoveEditMode,ref:t=>this.inputRef=t}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"})],(h||r)&&i("div",{class:{"dashed-line":!0,"last-all-line":h&&this.lastItem,"last-line":r},part:"dashed-line"+(this.lastItem?" last-all-line":"")})),a&&i("div",{"aria-busy":this.downloading.toString(),"aria-live":this.downloading?"polite":null,id:I,class:{expandable:!0,expanded:this.expanded},part:"expandable"+(this.expanded?" expanded":"")},i("slot",{name:"tree"})))}get el(){return n(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],selected:["handleSelectedChange"],showLines:["handleShowLinesChange"]}}};$.style=':where(button){all:unset;display:flex;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--checkbox-size:1em;--expandable-button-width:0.75em;--ch-tree-x-list-item-dashed-line--offset:0px;--tab-width:calc(\n var(--checkbox-size) + var(--expandable-button-width) +\n (5px * 2)\n );display:grid;grid-template-rows:min-content;overflow:hidden}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:var(--padding-inline-start)}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--even-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--odd-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n var(--expandable-button-width) + 5px\n )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(var(--expandable-button-width) / 2)}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(var(--checkbox-size) / 2);--parent-negative-checkbox-offset:calc(var(--checkbox-size) / 2)}.dashed-line{position:absolute;inset-inline-start:calc( var(--inset-inline-start) + var(--ch-tree-x-list-item-dashed-line--offset) );height:1px;width:calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-x-list-item-dashed-line--offset) - 4px );border:0 dashed color-mix(in srgb, currentColor 65%, transparent);border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button{display:grid;place-items:center;width:var(--expandable-button-width);height:var(--expandable-button-width);margin-inline-end:5px;z-index:1;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto var(--expandable-button-width)}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc(var(--expandable-button-width) - 2px)}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{margin-inline-end:5px}.checkbox::part(container){width:var(--checkbox-size);height:var(--checkbox-size)}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1;cursor:pointer}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em;content-visibility:auto;contain-intrinsic-size:auto 0.875em}.left-img{grid-area:left-img;margin-inline-end:5px}.right-img{grid-area:right-img;margin-inline-start:5px}.edit-name{grid-area:text;width:100%;height:100%;padding:0;margin:0;background-color:unset;color:unset;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-template-rows:0fr;content-visibility:auto;contain-intrinsic-size:auto 100px}.expanded{grid-template-rows:1fr}:not(.expanded) ::slotted([slot=tree]){display:none;overflow:hidden;content-visibility:hidden}';export{l as ch_checkbox,m as ch_tree_x,v as ch_tree_x_list,$ as ch_tree_x_list_item}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r,c as t,h as o,H as e,g as i}from"./p-976c3a09.js";import{s as a}from"./p-e46e26a6.js";import{a as s}from"./p-0f4fe7ad.js";import{f as n,c as l}from"./p-e7e4f76c.js";const g="ArrowDown",c="ArrowUp",h=class{constructor(o){r(this,o),this.valueChanged=t(this,"valueChanged",7),this.selectionChanged=t(this,"selectionChanged",7),this.keyEventsDictionary={ArrowDown:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,g),o=this.getNewFocusedItem(t,g);t&&t.focus(),o||this.scrollListToBottom()},ArrowUp:r=>{const t=this.getNewFocusedItem(r.currentFocusedItem,c),o=this.getNewFocusedItem(t,c);t&&t.focus(),o||this.scrollListToTop()}},this.windowHidden=!0,this.debounce=300,this.labelPosition="start",this.showLabel=!0,this.showHeader=!1,this.cursorEnd=!1,this.evaluateSlotIsEmpty=()=>{this.chWindow.hidden=!this.el.firstElementChild},this.setFocusOnFirstItem=()=>{const r=this.el.querySelector("ch-suggest-list-item");r&&r.focus()},this.getChSuggestListItems=()=>Array.from(this.el.querySelectorAll("ch-suggest-list-item")),this.getNewFocusedItem=(r,t)=>{const o=r=>{const o=r.querySelectorAll("ch-suggest-list-item");let e=o&&o[o.length-1];if(t===g)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===g?r.nextElementSibling:r.previousElementSibling;if("CH-SUGGEST-LIST"===(null==e?void 0:e.nodeName))e=o(e);else if(!e){const i=r.parentElement,a=t===g?i.nextElementSibling:i.previousElementSibling,s="CH-SUGGEST-LIST"===i.nodeName;if(s&&a&&"CH-SUGGEST-LIST-ITEM"===a.nodeName)e=t===g?i.nextElementSibling:i.previousElementSibling;else if(s&&a&&"CH-SUGGEST-LIST"===a.nodeName){const r=t===g?i.nextElementSibling:i.previousElementSibling;let a;a=t===g?r.querySelector("ch-suggest-list-item"):o(r),e=a||null}}return e},this.handleInput=r=>{const t=r.target.value;this.value=t,this.timeoutReference&&clearTimeout(this.timeoutReference),this.timeoutReference=setTimeout((()=>{this.processInputEvent(t)}),this.debounce)},this.handleKeyDown=r=>{r.key===g&&(r.preventDefault(),this.setFocusOnFirstItem())},this.evaluateWindowMaxHeight=()=>{const r=window.innerHeight,t=document.body.scrollHeight,o=t>=r?t:r,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.valueChanged.emit(r),this.evaluateWindowMaxHeight()},this.closeWindow=()=>{this.chWindow.hidden=!0},this.onFocusHandler=()=>{this.cursorEnd&&this.textInput.setSelectionRange(this.textInput.value.length,this.textInput.value.length)}}itemSelectedHandler(r){r.stopPropagation(),this.value=r.detail.value,this.closeWindow(),this.selectionChanged.emit(r.detail)}focusChangeAttemptHandler(r){const t=this.keyEventsDictionary[r.detail.code];if(t){const o=r.detail.el,e=this.getChSuggestListItems(),i=e.findIndex((r=>r===o));t({event:r.detail,currentFocusedItem:o,chSuggestListItemsArray:e,currentFocusedItemIndex:i,newItemToSetFocusOn:null})}}windowClosedHandler(){this.textInput.focus(),this.windowHidden=!0,this.el.innerHTML=""}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.value,autocomplete:"off","aria-controls":"ch-window","aria-label":!this.showLabel&&this.label?this.label:void 0,"aria-labelledby":this.showLabel&&this.label?"label":void 0,"aria-expanded":this.windowHidden.toString()})),o("ch-window",{id:"ch-window",container:this.textInput,"close-on-outside-click":!0,"close-on-escape":!0,xAlign:"inside-start",yAlign:"outside-end",ref:r=>this.chWindow=r,showHeader:this.showHeader,caption:this.suggestTitle,exportparts:"\n header:header, \n caption:title, \n close:close-button,\n window:dropdown"},o("slot",{onSlotchange:this.evaluateSlotIsEmpty}))))}static get delegatesFocus(){return!0}get el(){return i(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.getItemIndexes=()=>{const r=this.el.parentElement;if("CH-SUGGEST"===r.nodeName){let t=-1;const o=Array.from(r.querySelectorAll(":scope > ch-suggest-list-item"));for(let r=0;r<o.length;r++)if(o[r]===this.el){t=r;break}return{itemIndex:t,listIndex:void 0}}if("CH-SUGGEST-LIST"===r.nodeName){const t=r,o=Array.from(t.parentElement.querySelectorAll(":scope > ch-suggest-list")).findIndex((r=>r===t));if(-1!==o)return{itemIndex:Array.from(t.querySelectorAll("ch-suggest-list-item")).findIndex((r=>r===this.el)),listIndex:o}}},this.handleClick=()=>{const r=this.getItemIndexes();this.itemSelected.emit({value:this.value||this.el.innerText,description:this.el.innerText,icon:this.iconSrc,indexes:r})},this.handleKeyDown=r=>{"ArrowUp"!==r.code&&"ArrowDown"!==r.code||(r.preventDefault(),this.focusChangeAttempt.emit({el:this.el,code:r.code}))}}render(){return o(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))))}static get delegatesFocus(){return!0}get el(){return i(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:a.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)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important}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(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px}ch-suggest::part(input):focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);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(--gxg-border-color--focused);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(--gxg-border-color--focused);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--hover)}';export{h as ch_suggest,p as ch_suggest_list,d as ch_suggest_list_item,u as gxg_suggest}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,H as l,g as s}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{r}from"./p-b8d5c561.js";import{F as o}from"./p-6010dc9d.js";import{f as h}from"./p-c63d5b08.js";import{g as d}from"./p-c6a7b93c.js";const n=class{constructor(l){i(this,l),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.renderFilter=()=>{var i,t,l,s,a;return e("gxg-container",{displayBorder:!0,containerTitle:this._componentLocale.filter.title,part:"filters-container"},e("div",{class:"grid filter-grid"},e("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.name,ref:i=>this.filterNameEl=i,part:"filter-name"}),e("gx-ide-entity-selector",{label:this._componentLocale.filter.moduleFolder,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i,part:"filter-module-folder"}),e("div",null,e("gxg-button",{id:"button-more-less",type:"primary-text-only",onClick:this.showMoreFilter,part:"gxg-button gxg-button--more-less"},this.filterMore?this._componentLocale.filter.btnLess:this._componentLocale.filter.btnMore)),e("gxg-form-text",{class:{hide:!this.filterMore},"label-position":"above",label:this._componentLocale.filter.search,ref:i=>this.filterSearchContentsEl=i,part:"filter-search"}),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,ref:i=>this.filterCategoryEl=i,part:"filter-category"},r("gxg-combo-box-item",null!==(i=this.categories)&&void 0!==i?i:[])),e("div",{class:{hide:!this.filterMore}},e("gxg-form-checkbox",{label:this._componentLocale.filter.allDescendants,class:"align-center",ref:i=>this.filterAllDescendantsEl=i,part:"filter-all-descendants"})),e("div",{class:{flex:!0,"with-gap":!0,hide:!this.filterMore}},e("gxg-form-checkbox",{label:this._componentLocale.filter.modified,class:"align-center",ref:i=>this.filterModifiedEl=i,part:"filter-modified"}),e("gxg-combo-box",{class:{hide:!this.filterModified},"disable-filter":!0,value:this.filterAfterType,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},r("gxg-combo-box-item",[{id:o.NONE,label:this._componentLocale.filter.afterNone,value:o.NONE},{id:o.DATE_TIME,label:this._componentLocale.filter[o.DATE_TIME],value:o.DATE_TIME},{id:o.IMPORT,label:this._componentLocale.filter[o.IMPORT],value:o.IMPORT},{id:o.LAST_BUILD,label:this._componentLocale.filter[o.LAST_BUILD],value:o.LAST_BUILD}])),e("gxg-form-text",{class:{hide:!this.filterModified},"label-position":"start",label:this._componentLocale.filter.user,"max-width":"150px",ref:i=>this.filterUserEl=i,part:"filter-user"}),e("div",{class:{flex:!0,hide:!this.filterModified||this.filterAfterType!==o.DATE_TIME},part:"filter-datetime"},e("gxg-label",{"label-position":"start"},this._componentLocale.filter.dateTime),e("gxg-date-picker",{ref:i=>this.filterModifiedDateEl=i}))),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.style,disabled:!this.styles,ref:i=>this.filterStyleEl=i,part:"filter-style"},r("gxg-combo-box-item",null!==(t=this.styles)&&void 0!==t?t:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.language,disabled:!this.languages,ref:i=>this.filterLanguageEl=i,part:"filter-language"},r("gxg-combo-box-item",null!==(l=this.languages)&&void 0!==l?l:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.density,disabled:!this.densities,ref:i=>this.filterDensityEl=i,part:"filter-density"},r("gxg-combo-box-item",null!==(s=this.densities)&&void 0!==s?s:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.layer,disabled:!this.layers,ref:i=>this.filterLayerEl=i,part:"filter-layer"},r("gxg-combo-box-item",null!==(a=this.layers)&&void 0!==a?a:[]))))},this.renderImages=()=>e("gxg-grid",{part:"images-table","ellipsis-cell-wrapper":!0},e("ch-grid",{"row-selection-mode":"multiple",ref:i=>this.chGridEl=i,part:"ch-grid-images"},e("ch-grid-columnset",null,e("ch-grid-column",{columnName:"",columnNamePosition:"text",settingable:!1,size:d.colSize.auto}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.name,columnNamePosition:"text",settingable:!1,size:d.colSize.common}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.module,columnNamePosition:"text",settingable:!1,size:d.colSize.common}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.description,columnNamePosition:"text",settingable:!1,size:d.colSize.common}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.modifiedDate,columnNamePosition:"text",settingable:!1,size:d.colSize.auto}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.lastUser,columnNamePosition:"text",settingable:!1,size:d.colSize.auto}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.importDate,columnNamePosition:"text",settingable:!1,size:d.colSize.auto}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.lastBuildDate,columnNamePosition:"text",settingable:!1,size:d.colSize.auto})),this.images.map((i=>e("ch-grid-row",{rowid:i.id},e("ch-grid-cell",null,e("span",{class:"cell-wrapper"}),e("gxg-icon",{type:i.icon,color:"auto"})),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},i.name)),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},i.module)),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},i.description)," "),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},`${h(i.modifiedDate)}`)),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},i.lastUser)," "),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},`${h(i.importDate)}`)),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},`${h(i.lastBuildDate)}`))))))),this.renderImageData=()=>e("gxg-container",{displayBorder:!0,containerTitle:this._componentLocale.imageDataTitle,part:"image-data-container"},e("div",{class:"grid images-data-flex"},this.imagesSelectedItems.map((i=>e("div",{class:"image-item"},e("div",{class:"img"},e("img",{src:i.url,alt:i.id})),e("gxg-text",{type:"text-regular"},i.name)))))),this.getImages=()=>{let i={name:this.filterNameEl.value,parent:this.filterModuleEl.value?this.filterModuleEl.value.id:null};if(this.filterMore){const t=this.filterModifiedEl.checked,e=this.filterAfterTypeEl.value;i=Object.assign(Object.assign({},i),{searchContents:this.filterSearchContentsEl.value,category:this.filterCategoryEl.value,allDescendants:this.filterAllDescendantsEl.checked,modifiedAfter:t?e:null,modifiedBy:t?this.filterUserEl.value:null,modifiedDate:t&&e===o.DATE_TIME?this.filterModifiedDateEl.value:null,style:this.filterStyleEl.value,language:this.filterLanguageEl.value,density:this.filterDensityEl.value,layer:this.filterLayerEl.value})}this.loadCallback(i).then((i=>{this.images=i,this.selectedObjectsIds=[],this.deselectAll()}))},this.newObjectCallbackHandler=()=>{this.newObjectCallback()},this.openSelectionCallBackHandler=()=>{this.openSelectionCallback(this.selectedObjectsIds)},this.deleteSelectionCallbackHandler=()=>{this.deleteSelectionCallback(this.selectedObjectsIds)},this.showMoreFilter=()=>{this.filterMore=!this.filterMore},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.listenChanges=()=>{this.filterNameEl.addEventListener("change",(()=>{this.getImages()})),this.filterSearchContentsEl.addEventListener("change",(()=>{this.getImages()})),this.filterAllDescendantsEl.addEventListener("change",(()=>{this.getImages()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getImages()})),this.filterUserEl.addEventListener("change",(()=>{this.getImages()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getImages()})),this.chGridEl.addEventListener("rowClicked",(i=>{this.loadImageItemsCallback(i.detail.rowId).then((i=>{this.imagesSelectedItems=i}))})),this.chGridEl.addEventListener("rowDoubleClicked",(()=>{this.openSelectionCallBackHandler()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId,this.selectionObjectChangedCallback(this.selectedObjectsIds)})),this.chGridEl.addEventListener("rowContextMenu",(i=>{i.preventDefault(),i.stopPropagation(),this.contextMenuCallback({selection:i.detail.selectedRowsId,clientX:i.detail.clientX,clientY:i.detail.clientY})}))},this.filterAfterType="",this.filterModified=!1,this.filterMore=!1,this.images=[],this.imagesSelectedItems=[],this.selectedObjectsIds=[],this.categories=void 0,this.densities=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.defaultType=void 0,this.filterModules=void 0,this.languages=void 0,this.layers=void 0,this.contextMenuCallback=void 0,this.deleteSelectionCallback=void 0,this.loadCallback=void 0,this.loadImageItemsCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0,this.selectModuleCallback=void 0,this.selectionObjectChangedCallback=void 0,this.shadow=!1,this.styles=void 0,this.types=void 0}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getImages()}keyDownHandler(i){if(document.activeElement===this.el)switch(i.key){case"Enter":this.openSelectionCallBackHandler();break;case"Delete":this.deleteSelectionCallbackHandler()}}async validate(){return!0}async reload(){this.filterUserEl.value=null,this.filterAfterTypeEl.value=null,this.filterAfterType=null,this.filterModifiedEl.checked=!1,this.filterAllDescendantsEl.checked=!1,this.filterModuleEl.value=null,this.filterCategoryEl.value=null,this.filterSearchContentsEl.value=null,this.filterNameEl.value=null,this.filterStyleEl.value=null,this.filterLanguageEl.value=null,this.filterDensityEl.value=null,this.filterLayerEl.value=null,this.filterMore=!1,this.getImages()}render(){return e(l,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},this.renderFilter(),e("gxg-container",null,e("div",{class:"grid images-grid"},this.renderImages(),this.renderImageData())),e("gxg-container",null,e("div",{class:"grid objects-count"},e("div",{class:"flex with-gap"},e("gxg-button",{id:"button-select-all",type:"primary-text-only",onClick:this.selectAll,part:"gxg-button gxg-button--select-all"},this._componentLocale.footer.btnSelectAll),e("gxg-button",{id:"button-new-file",type:"primary-text-only",onClick:this.newObjectCallbackHandler,part:"gxg-button gxg-button--new-file"},this._componentLocale.footer.btnNew)),e("gxg-text",{class:"align-end",part:"objects-matching"},`${this.images.length} ${this._componentLocale.objCount.matching}`)))))}static get assetsDirs(){return["gx-ide-assets/ww-images"]}get el(){return s(this)}};n.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);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;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(2, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";export{n as gx_ide_ww_images}
|
|
1
|
+
import{r as i,c as t,h as e,H as l,g as s}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{r}from"./p-b8d5c561.js";import{F as o}from"./p-6010dc9d.js";import{f as h}from"./p-c63d5b08.js";import{g as d}from"./p-c6a7b93c.js";const g=class{constructor(l){i(this,l),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.renderFilter=()=>{var i,t,l,s,a;return e("gxg-container",{displayBorder:!0,containerTitle:this._componentLocale.filter.title,part:"filters-container"},e("div",{class:"grid filter-grid"},e("gxg-form-text",{"label-position":"above",label:this._componentLocale.filter.name,ref:i=>this.filterNameEl=i,part:"filter-name"}),e("gx-ide-entity-selector",{label:this._componentLocale.filter.moduleFolder,"label-position":"above",value:this.defaultModule,defaultValue:this.defaultModule,selectEntityCallback:this.selectModuleCallback,ref:i=>this.filterModuleEl=i,part:"filter-module-folder"}),e("div",null,e("gxg-button",{id:"button-more-less",type:"primary-text-only",onClick:this.showMoreFilter,part:"gxg-button gxg-button--more-less"},this.filterMore?this._componentLocale.filter.btnLess:this._componentLocale.filter.btnMore)),e("gxg-form-text",{class:{hide:!this.filterMore},"label-position":"above",label:this._componentLocale.filter.search,ref:i=>this.filterSearchContentsEl=i,part:"filter-search"}),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.category,value:this.defaultCategory,disabled:!this.categories,ref:i=>this.filterCategoryEl=i,part:"filter-category"},r("gxg-combo-box-item",null!==(i=this.categories)&&void 0!==i?i:[])),e("div",{class:{hide:!this.filterMore}},e("gxg-form-checkbox",{label:this._componentLocale.filter.allDescendants,class:"align-center",ref:i=>this.filterAllDescendantsEl=i,part:"filter-all-descendants"})),e("div",{class:{flex:!0,"with-gap":!0,hide:!this.filterMore}},e("gxg-form-checkbox",{label:this._componentLocale.filter.modified,class:"align-center",ref:i=>this.filterModifiedEl=i,part:"filter-modified"}),e("gxg-combo-box",{class:{hide:!this.filterModified},"disable-filter":!0,value:this.filterAfterType,ref:i=>this.filterAfterTypeEl=i,part:"filter-after-type"},r("gxg-combo-box-item",[{id:o.NONE,label:this._componentLocale.filter.afterNone,value:o.NONE},{id:o.DATE_TIME,label:this._componentLocale.filter[o.DATE_TIME],value:o.DATE_TIME},{id:o.IMPORT,label:this._componentLocale.filter[o.IMPORT],value:o.IMPORT},{id:o.LAST_BUILD,label:this._componentLocale.filter[o.LAST_BUILD],value:o.LAST_BUILD}])),e("gxg-form-text",{class:{hide:!this.filterModified},"label-position":"start",label:this._componentLocale.filter.user,"max-width":"150px",ref:i=>this.filterUserEl=i,part:"filter-user"}),e("div",{class:{flex:!0,hide:!this.filterModified||this.filterAfterType!==o.DATE_TIME},part:"filter-datetime"},e("gxg-label",{"label-position":"start"},this._componentLocale.filter.dateTime),e("gxg-date-picker",{ref:i=>this.filterModifiedDateEl=i}))),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.style,disabled:!this.styles,ref:i=>this.filterStyleEl=i,part:"filter-style"},r("gxg-combo-box-item",null!==(t=this.styles)&&void 0!==t?t:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.language,disabled:!this.languages,ref:i=>this.filterLanguageEl=i,part:"filter-language"},r("gxg-combo-box-item",null!==(l=this.languages)&&void 0!==l?l:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.density,disabled:!this.densities,ref:i=>this.filterDensityEl=i,part:"filter-density"},r("gxg-combo-box-item",null!==(s=this.densities)&&void 0!==s?s:[])),e("gxg-combo-box",{class:{hide:!this.filterMore},"disable-filter":!0,label:this._componentLocale.filter.layer,disabled:!this.layers,ref:i=>this.filterLayerEl=i,part:"filter-layer"},r("gxg-combo-box-item",null!==(a=this.layers)&&void 0!==a?a:[]))))},this.renderImages=()=>e("gxg-grid",{part:"images-table","ellipsis-cell-wrapper":!0},e("ch-grid",{"row-selection-mode":"multiple",ref:i=>this.chGridEl=i,part:"ch-grid-images"},e("ch-grid-columnset",null,e("ch-grid-column",{columnName:"",columnNamePosition:"text",settingable:!1,size:d.colSize.auto}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.name,columnNamePosition:"text",settingable:!1,size:d.colSize.common}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.module,columnNamePosition:"text",settingable:!1,size:d.colSize.common}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.description,columnNamePosition:"text",settingable:!1,size:d.colSize.common}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.modifiedDate,columnNamePosition:"text",settingable:!1,size:d.colSize.auto}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.lastUser,columnNamePosition:"text",settingable:!1,size:d.colSize.auto}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.importDate,columnNamePosition:"text",settingable:!1,size:d.colSize.auto}),e("ch-grid-column",{columnName:this._componentLocale.tableHead.lastBuildDate,columnNamePosition:"text",settingable:!1,size:d.colSize.auto})),this.images.map((i=>e("ch-grid-row",{rowid:i.id},e("ch-grid-cell",null,e("span",{class:"cell-wrapper"}),e("gxg-icon",{type:i.icon,color:"auto"})),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},i.name)),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},i.module)),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},i.description)," "),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},`${h(i.modifiedDate)}`)),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},i.lastUser)," "),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},`${h(i.importDate)}`)),e("ch-grid-cell",null," ",e("span",{class:"cell-wrapper"},`${h(i.lastBuildDate)}`))))))),this.renderImageData=()=>e("gxg-container",{displayBorder:!0,containerTitle:this._componentLocale.imageDataTitle,part:"image-data-container"},e("div",{class:"grid images-data-flex"},this.imagesSelectedItems.map((i=>e("div",{class:"image-item"},e("div",{class:"img"},e("img",{src:i.url,alt:i.id})),e("gxg-text",{type:"text-regular"},i.name)))))),this.getImages=()=>{let i={name:this.filterNameEl.value,parent:this.filterModuleEl.value?this.filterModuleEl.value.id:null};if(this.filterMore){const t=this.filterModifiedEl.checked,e=this.filterAfterTypeEl.value;i=Object.assign(Object.assign({},i),{searchContents:this.filterSearchContentsEl.value,category:this.filterCategoryEl.value,allDescendants:this.filterAllDescendantsEl.checked,modifiedAfter:t?e:null,modifiedBy:t?this.filterUserEl.value:null,modifiedDate:t&&e===o.DATE_TIME?this.filterModifiedDateEl.value:null,style:this.filterStyleEl.value,language:this.filterLanguageEl.value,density:this.filterDensityEl.value,layer:this.filterLayerEl.value})}this.loadCallback(i).then((i=>{this.images=i,this.selectedObjectsIds=[],this.deselectAll()}))},this.newObjectCallbackHandler=()=>{this.newObjectCallback()},this.openSelectionCallBackHandler=()=>{this.openSelectionCallback(this.selectedObjectsIds)},this.deleteSelectionCallbackHandler=()=>{this.deleteSelectionCallback(this.selectedObjectsIds)},this.showMoreFilter=()=>{this.filterMore=!this.filterMore},this.selectAll=()=>{this.chGridEl.selectAllRows()},this.deselectAll=()=>{this.chGridEl.selectAllRows(!1)},this.listenChanges=()=>{this.filterNameEl.addEventListener("change",(()=>{this.getImages()})),this.filterSearchContentsEl.addEventListener("change",(()=>{this.getImages()})),this.filterAllDescendantsEl.addEventListener("change",(()=>{this.getImages()})),this.filterModifiedEl.addEventListener("change",(i=>{this.filterModified=i.detail.value,this.getImages()})),this.filterUserEl.addEventListener("change",(()=>{this.getImages()})),this.filterCategoryEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterModuleEl.addEventListener("valueChanged",(()=>{this.getImages()})),this.filterAfterTypeEl.addEventListener("valueChanged",(()=>{this.filterAfterType=this.filterAfterTypeEl.value,this.getImages()})),this.chGridEl.addEventListener("rowClicked",(i=>{this.loadImageItemsCallback(i.detail.rowId).then((i=>{this.imagesSelectedItems=i}))})),this.chGridEl.addEventListener("rowDoubleClicked",(()=>{this.openSelectionCallBackHandler()})),this.chGridEl.addEventListener("selectionChanged",(i=>{this.selectedObjectsIds=i.detail.rowsId,this.selectionObjectChangedCallback(this.selectedObjectsIds)})),this.chGridEl.addEventListener("rowContextMenu",(i=>{i.preventDefault(),i.stopPropagation(),this.contextMenuCallback({selection:i.detail.selectedRowsId,clientX:i.detail.clientX,clientY:i.detail.clientY})}))},this.filterAfterType="",this.filterModified=!1,this.filterMore=!1,this.images=[],this.imagesSelectedItems=[],this.selectedObjectsIds=[],this.categories=void 0,this.densities=void 0,this.defaultCategory=void 0,this.defaultModule=void 0,this.defaultType=void 0,this.filterModules=void 0,this.languages=void 0,this.layers=void 0,this.contextMenuCallback=void 0,this.deleteSelectionCallback=void 0,this.loadCallback=void 0,this.loadImageItemsCallback=void 0,this.newObjectCallback=void 0,this.openSelectionCallback=void 0,this.selectModuleCallback=void 0,this.selectionObjectChangedCallback=void 0,this.shadow=!1,this.styles=void 0,this.types=void 0}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0)}componentDidLoad(){this.listenChanges(),this.getImages()}keyDownHandler(i){if(document.activeElement===this.el)switch(i.key){case"Enter":this.openSelectionCallBackHandler();break;case"Delete":this.deleteSelectionCallbackHandler()}}async validate(){return!0}async reload(){this.getImages()}render(){return e(l,{class:"gx-ide-component"},e("div",{class:"gx-ide-main-wrapper gx-ide-overflow"},this.renderFilter(),e("gxg-container",null,e("div",{class:"grid images-grid"},this.renderImages(),this.renderImageData())),e("gxg-container",null,e("div",{class:"grid objects-count"},e("div",{class:"flex with-gap"},e("gxg-button",{id:"button-select-all",type:"primary-text-only",onClick:this.selectAll,part:"gxg-button gxg-button--select-all"},this._componentLocale.footer.btnSelectAll),e("gxg-button",{id:"button-new-file",type:"primary-text-only",onClick:this.newObjectCallbackHandler,part:"gxg-button gxg-button--new-file"},this._componentLocale.footer.btnNew)),e("gxg-text",{class:"align-end",part:"objects-matching"},`${this.images.length} ${this._componentLocale.objCount.matching}`)))))}static get assetsDirs(){return["gx-ide-assets/ww-images"]}get el(){return s(this)}};g.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);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;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-object-selector--shadow){border:none;box-shadow:var(--box-shadow-01)}.filter-grid{grid-template-columns:repeat(4, 1fr)}.filter-grid>:nth-child(3),.filter-grid>:nth-child(6){display:flex;flex-direction:row;align-items:flex-end}.filter-grid>:nth-child(4){grid-area:2/1/3/4}.filter-grid>:nth-child(5){grid-area:3/1/4/2}.filter-grid>:nth-child(6){grid-area:3/4/4/5}.filter-grid>:nth-child(7){grid-area:4/1/5/4}.filter-grid>:nth-child(8){grid-area:5/1/6/2}.filter-grid>:nth-child(9){grid-area:5/2/6/3}.filter-grid>:nth-child(10){grid-area:5/3/6/4}.filter-grid>:nth-child(11){grid-area:5/4/6/5}.flex{display:flex;flex-direction:row;align-items:center}.with-gap{gap:var(--gx-ide-grid-row-gap)}.hide{display:none !important}.images-grid{grid-template-columns:repeat(2, 1fr);grid-column-gap:0}.images-grid>:nth-child(1){grid-area:1/1/1/3}.images-data-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gx-ide-grid-row-gap);text-overflow:ellipsis;overflow:hidden}.images-data-flex .image-item{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:120px}.images-data-flex .image-item .img{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gxg-border-color--regular);padding:var(--gx-ide-grid-row-gap)}.images-data-flex .image-item .img img{max-width:100%;max-height:100%}.objects-count{grid-template-columns:repeat(2, 1fr)}.objects-count *:nth-child(2){justify-content:flex-end;align-items:flex-start}";export{g as gx_ide_ww_images}
|