@genexus/genexus-ide-ui 0.0.56 → 0.0.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/dist/cjs/{ch-checkbox_4.cjs.entry.js → ch-checkbox_3.cjs.entry.js} +90 -65
  2. package/dist/cjs/{ch-grid-action-refresh_6.cjs.entry.js → ch-grid-action-refresh_7.cjs.entry.js} +168 -4
  3. package/dist/cjs/ch-icon_2.cjs.entry.js +1 -0
  4. package/dist/cjs/ch-suggest_4.cjs.entry.js +7 -3
  5. package/dist/cjs/ch-test-suggest.cjs.entry.js +84 -0
  6. package/dist/cjs/ch-test-tree-x.cjs.entry.js +83 -43
  7. package/dist/cjs/ch-tooltip.cjs.entry.js +85 -0
  8. package/dist/cjs/config-082c7c76.js +9 -0
  9. package/dist/cjs/{form-a22de8f3.js → form-a2de5b1c.js} +14 -0
  10. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  11. package/dist/cjs/gx-grid-chameleon.cjs.entry.js +21 -3
  12. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +10 -9
  13. package/dist/cjs/gx-ide-new-object.cjs.entry.js +2 -1
  14. package/dist/cjs/gx-ide-references.cjs.entry.js +76 -116
  15. package/dist/cjs/gx-ide-share-kb.cjs.entry.js +3 -2
  16. package/dist/cjs/gx-ide-test.cjs.entry.js +51 -5
  17. package/dist/cjs/gxg-combo-box_2.cjs.entry.js +9 -4
  18. package/dist/cjs/gxg-form-checkbox-group.cjs.entry.js +1 -1
  19. package/dist/cjs/gxg-form-checkbox.cjs.entry.js +2 -2
  20. package/dist/cjs/gxg-form-radio-group.cjs.entry.js +1 -1
  21. package/dist/cjs/gxg-form-text.cjs.entry.js +19 -4
  22. package/dist/cjs/gxg-form-textarea.cjs.entry.js +8 -4
  23. package/dist/cjs/gxg-label_2.cjs.entry.js +40 -2
  24. package/dist/cjs/gxg-list-box_2.cjs.entry.js +2 -2
  25. package/dist/cjs/gxg-select.cjs.entry.js +1 -1
  26. package/dist/cjs/gxg-test.cjs.entry.js +1 -16
  27. package/dist/cjs/gxg-tree-view.cjs.entry.js +108 -45
  28. package/dist/cjs/loader.cjs.js +1 -1
  29. package/dist/collection/collection-manifest.json +2 -1
  30. package/dist/collection/common/config.js +5 -0
  31. package/dist/collection/common/helpers.js +3 -0
  32. package/dist/collection/components/new-kb/new-kb.js +10 -9
  33. package/dist/collection/components/new-object/new-object.js +2 -1
  34. package/dist/collection/components/references/helpers.js +16 -19
  35. package/dist/collection/components/references/references.css +8 -0
  36. package/dist/collection/components/references/references.js +60 -98
  37. package/dist/collection/components/share-kb/share-kb.js +3 -2
  38. package/dist/components/ch-paginator-pages.js +1 -171
  39. package/dist/{esm/ch-paginator-pages.entry.js → components/ch-paginator-pages2.js} +29 -8
  40. package/dist/components/ch-paginator2.js +18 -4
  41. package/dist/components/ch-suggest2.js +6 -2
  42. package/dist/components/ch-test-suggest.js +119 -0
  43. package/dist/components/ch-test-tree-x.js +96 -58
  44. package/dist/components/ch-tooltip.js +115 -0
  45. package/dist/components/checkbox.js +1 -1
  46. package/dist/components/combo-box.js +10 -4
  47. package/dist/components/config.js +7 -0
  48. package/dist/components/form-checkbox.js +1 -1
  49. package/dist/components/form-text.js +20 -4
  50. package/dist/components/form-textarea.js +9 -4
  51. package/dist/components/form.js +14 -1
  52. package/dist/components/gx-grid-chameleon.js +52 -28
  53. package/dist/components/gx-ide-new-kb.js +10 -9
  54. package/dist/components/gx-ide-new-object.js +2 -1
  55. package/dist/components/gx-ide-references.js +122 -150
  56. package/dist/components/gx-ide-share-kb.js +3 -2
  57. package/dist/components/gx-ide-test.js +48 -2
  58. package/dist/components/gxg-test.js +25 -22
  59. package/dist/components/gxg-tree-view.js +2 -389
  60. package/dist/components/icon2.js +1 -0
  61. package/dist/components/index.js +2 -1
  62. package/dist/components/list-box.js +1 -1
  63. package/dist/components/suggest.js +1 -1
  64. package/dist/components/tooltip.js +45 -3
  65. package/dist/components/tree-view.js +453 -0
  66. package/dist/components/tree-x-list-item.js +59 -32
  67. package/dist/components/tree-x.js +34 -17
  68. package/dist/esm/{ch-checkbox_4.entry.js → ch-checkbox_3.entry.js} +92 -66
  69. package/dist/esm/{ch-grid-action-refresh_6.entry.js → ch-grid-action-refresh_7.entry.js} +168 -5
  70. package/dist/esm/ch-icon_2.entry.js +1 -0
  71. package/dist/esm/ch-suggest_4.entry.js +7 -3
  72. package/dist/esm/ch-test-suggest.entry.js +80 -0
  73. package/dist/esm/ch-test-tree-x.entry.js +84 -44
  74. package/dist/esm/ch-tooltip.entry.js +81 -0
  75. package/dist/esm/config-94445cc2.js +7 -0
  76. package/dist/esm/{form-5e68671c.js → form-9c41f579.js} +14 -1
  77. package/dist/esm/genexus-ide-ui.js +1 -1
  78. package/dist/esm/gx-grid-chameleon.entry.js +21 -3
  79. package/dist/esm/gx-ide-new-kb.entry.js +10 -9
  80. package/dist/esm/gx-ide-new-object.entry.js +2 -1
  81. package/dist/esm/gx-ide-references.entry.js +76 -116
  82. package/dist/esm/gx-ide-share-kb.entry.js +3 -2
  83. package/dist/esm/gx-ide-test.entry.js +48 -2
  84. package/dist/esm/gxg-combo-box_2.entry.js +9 -4
  85. package/dist/esm/gxg-form-checkbox-group.entry.js +1 -1
  86. package/dist/esm/gxg-form-checkbox.entry.js +2 -2
  87. package/dist/esm/gxg-form-radio-group.entry.js +1 -1
  88. package/dist/esm/gxg-form-text.entry.js +19 -4
  89. package/dist/esm/gxg-form-textarea.entry.js +8 -4
  90. package/dist/esm/gxg-label_2.entry.js +41 -3
  91. package/dist/esm/gxg-list-box_2.entry.js +2 -2
  92. package/dist/esm/gxg-select.entry.js +1 -1
  93. package/dist/esm/gxg-test.entry.js +1 -16
  94. package/dist/esm/gxg-tree-view.entry.js +109 -46
  95. package/dist/esm/loader.js +1 -1
  96. package/dist/genexus-ide-ui/genexus-ide-ui.css +4 -2
  97. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  98. package/dist/genexus-ide-ui/icon-assets/gemini-tools/error.svg +1 -1
  99. package/dist/genexus-ide-ui/icon-assets/gemini-tools/success.svg +1 -1
  100. package/dist/genexus-ide-ui/icon-assets/gemini-tools/warning.svg +1 -1
  101. package/dist/genexus-ide-ui/{p-afe9515e.entry.js → p-0268cc45.entry.js} +1 -1
  102. package/dist/genexus-ide-ui/p-0aa11d6f.entry.js +1 -0
  103. package/dist/genexus-ide-ui/p-0f4fe7ad.js +1 -0
  104. package/dist/genexus-ide-ui/p-109209dc.entry.js +1 -0
  105. package/dist/genexus-ide-ui/p-123b8351.entry.js +1 -0
  106. package/dist/genexus-ide-ui/{p-a440a73f.entry.js → p-1294d220.entry.js} +1 -1
  107. package/dist/genexus-ide-ui/{p-4eaffd02.entry.js → p-2096031c.entry.js} +1 -1
  108. package/dist/genexus-ide-ui/{p-f3a1dc7c.entry.js → p-2537b4d6.entry.js} +1 -1
  109. package/dist/genexus-ide-ui/p-3657924a.entry.js +1 -0
  110. package/dist/genexus-ide-ui/p-3ec2f036.entry.js +1 -0
  111. package/dist/genexus-ide-ui/p-4923cffa.entry.js +1 -0
  112. package/dist/genexus-ide-ui/p-4e81926d.entry.js +1 -0
  113. package/dist/genexus-ide-ui/p-71c6da54.entry.js +1 -0
  114. package/dist/genexus-ide-ui/p-86b98a99.entry.js +1 -0
  115. package/dist/genexus-ide-ui/{p-e586d05e.entry.js → p-875e5979.entry.js} +1 -1
  116. package/dist/genexus-ide-ui/p-9e428123.entry.js +1 -0
  117. package/dist/genexus-ide-ui/p-a8b8baf9.entry.js +1 -0
  118. package/dist/genexus-ide-ui/p-cd00ba19.entry.js +1 -0
  119. package/dist/genexus-ide-ui/p-ce9fef1a.entry.js +1 -0
  120. package/dist/genexus-ide-ui/p-d47ed4e3.entry.js +1 -0
  121. package/dist/genexus-ide-ui/p-d7b452ef.entry.js +1 -0
  122. package/dist/genexus-ide-ui/{p-5cb871e3.entry.js → p-ebcdef37.entry.js} +1 -1
  123. package/dist/genexus-ide-ui/p-f1ff6b48.entry.js +1 -0
  124. package/dist/genexus-ide-ui/p-f62d9b6d.entry.js +1 -0
  125. package/dist/genexus-ide-ui/p-f82f25e2.js +1 -0
  126. package/dist/genexus-ide-ui/p-f9f1d95d.entry.js +1 -0
  127. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/checkbox/checkbox.css +3 -3
  128. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-suggest/test-suggest.css +114 -0
  129. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css +1 -47
  130. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tooltip/tooltip.css +120 -0
  131. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/{tree-x → tree-view/tree-x}/tree-x.css +4 -5
  132. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/{tree-x-list-item → tree-view/tree-x-list-item}/tree-x-list-item.css +8 -9
  133. package/dist/node_modules/@genexus/gemini/dist/collection/components/combo-box/combo-box.css +5 -0
  134. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-checkbox/form-checkbox.css +18 -0
  135. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-text/form-text.css +37 -0
  136. package/dist/node_modules/@genexus/gemini/dist/collection/components/form-textarea/form-textarea.css +22 -0
  137. package/dist/node_modules/@genexus/gemini/dist/collection/components/list-box/list-box.css +18 -0
  138. package/dist/node_modules/@genexus/gemini/dist/collection/components/suggest/styles.css +18 -0
  139. package/dist/node_modules/@genexus/gemini/dist/collection/components/tooltip/tooltip.css +58 -3
  140. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +68 -13
  141. package/dist/types/common/config.d.ts +3 -0
  142. package/dist/types/common/helpers.d.ts +1 -0
  143. package/dist/types/components/references/helpers.d.ts +3 -3
  144. package/dist/types/components/references/references.d.ts +7 -19
  145. package/package.json +3 -3
  146. package/dist/cjs/ch-paginator-pages.cjs.entry.js +0 -156
  147. package/dist/cjs/update-tree-model-8b154db1.js +0 -53
  148. package/dist/components/ch-tree-x-list.js +0 -6
  149. package/dist/components/tree-x-list.js +0 -37
  150. package/dist/components/update-tree-model.js +0 -50
  151. package/dist/esm/update-tree-model-6c612f05.js +0 -50
  152. package/dist/genexus-ide-ui/p-01406cbc.js +0 -1
  153. package/dist/genexus-ide-ui/p-03efca69.entry.js +0 -1
  154. package/dist/genexus-ide-ui/p-1d7c22d5.entry.js +0 -1
  155. package/dist/genexus-ide-ui/p-395a65de.entry.js +0 -1
  156. package/dist/genexus-ide-ui/p-3b4fca51.entry.js +0 -1
  157. package/dist/genexus-ide-ui/p-447c3a31.entry.js +0 -1
  158. package/dist/genexus-ide-ui/p-46d393f5.entry.js +0 -1
  159. package/dist/genexus-ide-ui/p-58f882c6.entry.js +0 -1
  160. package/dist/genexus-ide-ui/p-60bea19c.entry.js +0 -1
  161. package/dist/genexus-ide-ui/p-64cbe277.entry.js +0 -1
  162. package/dist/genexus-ide-ui/p-71ecc7fd.js +0 -1
  163. package/dist/genexus-ide-ui/p-9a6cb543.entry.js +0 -1
  164. package/dist/genexus-ide-ui/p-a2fa3132.entry.js +0 -1
  165. package/dist/genexus-ide-ui/p-a708db45.entry.js +0 -1
  166. package/dist/genexus-ide-ui/p-c0edbeb5.entry.js +0 -1
  167. package/dist/genexus-ide-ui/p-c7425416.entry.js +0 -1
  168. package/dist/genexus-ide-ui/p-cd5482fa.entry.js +0 -1
  169. package/dist/genexus-ide-ui/p-d312fe25.entry.js +0 -1
  170. package/dist/genexus-ide-ui/p-e6ae0460.entry.js +0 -1
  171. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-x-list/tree-x-list.css +0 -6
@@ -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-01406cbc.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}
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,h as o,H as r,g as e}from"./p-976c3a09.js";import{s as i}from"./p-e46e26a6.js";const a=class{constructor(o){t(this,o),this.labelPosition="start",this.disabled=!1,this.noMargin=!1,this.center=void 0,this.width="auto"}componentWillLoad(){(void 0===this.center&&"start"===this.labelPosition||void 0===this.center&&"end"===this.labelPosition)&&(this.center=!0)}render(){return o(r,{class:{large:i.large,"gxg-label--no-margin":this.noMargin,"gxg-label--center":this.center,[`position-${this.labelPosition}`]:!0},style:{width:this.width}},o("label",{htmlFor:this.for},this.tooltip?o("gxg-tooltip",{label:this.tooltip},o("slot",null)):null,o("slot",null)))}};a.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:flex;align-items:baseline}: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(.position-above){margin-block-end:var(--gxg-label-margin-vertical)}:host(.position-end){margin-inline-start:var(--gxg-label-margin-horizontal)}:host(.position-below){margin-block-start:var(--gxg-label-margin-vertical)}:host(.position-start){margin-inline-end:var(--gxg-label-margin-horizontal)}:host(.gxg-label--no-margin){margin:0 !important}:host(.position-above.gxg-label--center),:host(.position-below.gxg-label--center){justify-content:center}:host(.position-start.gxg-label--center),:host(.position-end.gxg-label--center){align-items:center}:host([disabled]) label{color:var(--gxg-color--disabled)}:host(.large) label{font-size:var(--font-size-lg)}";const n=class{constructor(o){t(this,o),this.position="top",this.alignEnd=!1,this.fixed=!1,this.flex=!1,this.noBorder=!1,this.visible=!1,this.mouseEnterHandler=()=>{const t=this.el.getBoundingClientRect(),o=window.innerWidth-t.right;this.tooltipTextEl.style.top=`${t.top}px`,this.tooltipTextEl.style.right=`${o}px`,this.visible=!0},this.mouseLeaveHandler=()=>{this.visible=!1},this.documentScrollHandler=()=>{this.visible=!1}}componentWillLoad(){this.fixed&&(this.el.addEventListener("mouseenter",this.mouseEnterHandler),this.el.addEventListener("mouseleave",this.mouseLeaveHandler),document.addEventListener("scroll",this.documentScrollHandler))}render(){return o(r,{role:"tooltip"},o("span",{class:{tooltip:!0,"tooltip--visible":this.visible}},o("slot",null),o("div",{class:"tooltiptext",ref:t=>this.tooltipTextEl=t},o("span",{class:"tooltiptext__content"},this.label))))}get el(){return e(this)}};n.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-flex}:host .tooltip{cursor:pointer;position:relative;border-bottom:1px dotted var(--color-on-secondary);text-decoration:none}:host .tooltip .tooltiptext{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);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-size:var(--font-size-xs);visibility:hidden;opacity:0;transition-property:opacity;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease;position:absolute;z-index:1;width:250px;text-align:center}:host .tooltip .tooltiptext__content{width:fit-content;background-color:var(--gray-07);padding:var(--spacing-comp-01) var(--spacing-comp-02);border-radius:var(--border-width-md);color:var(--color-on-primary);display:inline-block;text-align:left}:host .tooltip .tooltiptext:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute}:host .tooltip:hover .tooltiptext{visibility:visible;opacity:1}:host([position=top]) .tooltip .tooltiptext{bottom:27px;left:50%;transform:translateX(-50%)}:host([position=top]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%) rotate(180deg);bottom:-4px}:host([position=right]) .tooltip .tooltiptext{top:0;left:111%;text-align:left}:host([position=right]) .tooltip .tooltiptext:after{left:-7px;transform:rotate(-90deg);top:8px}:host([position=bottom]) .tooltip .tooltiptext{top:25px;left:50%;transform:translateX(-50%)}:host([position=bottom]) .tooltip .tooltiptext:after{left:50%;transform:translateX(-50%);top:-4px}:host([position=left]) .tooltip .tooltiptext{text-align:right;top:0;right:105%}:host([position=left]) .tooltip .tooltiptext:after{right:-7px;transform:rotate(90deg);top:8px}:host([width-auto]) .tooltip .tooltiptext{width:auto;white-space:nowrap}:host([no-border]) .tooltip{border-bottom:none}:host([align-end]) .tooltiptext{transform:none !important;inset-inline-end:0;left:auto !important;max-width:180px;width:max-content}:host([align-end]) .tooltiptext:after{inset-inline-end:-1px;left:auto !important}:host([flex]){display:flex}:host([flex]) .tooltip{display:flex}:host([fixed]){border:1px solid black}:host([fixed]) .tooltip:hover .tooltiptext{visibility:hidden;opacity:0}:host([fixed]) .tooltip .tooltiptext{position:fixed;height:0}:host([fixed]) .tooltip .tooltiptext__content{transform:translateY(calc(-100% - 5px))}:host([fixed]) .tooltip .tooltiptext__content:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid var(--gray-07);position:absolute;right:0;transform:translateX(-3px) rotate(180deg);bottom:-3px}:host([fixed]) .tooltip .tooltiptext:after{display:none}:host([fixed]) .tooltip--visible .tooltiptext{visibility:visible !important;opacity:1 !important}';export{a as gxg_label,n as gxg_tooltip}
@@ -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.slot.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,ref:r=>this.slot=r}))))}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 e,c as t,h as r,H as o,g as a}from"./p-976c3a09.js";import{f as i,r as l}from"./p-01406cbc.js";import{s}from"./p-e46e26a6.js";const n=class{constructor(r){e(this,r),this.change=t(this,"change",7),this.disabled=!1,this.error=!1,this.labelPosition="above",this.minimal=!0,this.required=!1,this.initialValue=void 0,this.warning=!1,this.maxWidth="100%",this.rtl=!1,this.rerender=!1}todoCompletedHandler(e){this.value=e.detail}clickTest(e,t,r){let o,a,i;const l=e.srcElement,s=l.parentNode.parentNode.getElementsByTagName("select")[0],n=l.parentNode.previousSibling;for(a=0;a<t.length;a++)if(t[a].innerHTML==l.innerHTML){for(r(l.getAttribute("value")),s.selectedIndex=a,n.innerHTML=l.innerHTML,o=l.parentNode.getElementsByClassName("same-as-selected"),i=0;i<o.length;i++)o[i].removeAttribute("class");l.setAttribute("class","same-as-selected"),l.setAttribute("aria-selected","true");break}n.click()}componentDidLoad(){this.el.shadowRoot.querySelectorAll("slot")[0].addEventListener("slotchange",function(){this.el.shadowRoot.querySelector(".select-selected").remove(),this.el.shadowRoot.querySelector(".select-items").remove(),this.selectCore()}.bind(this));const e=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==e&&"rtl"!==t||(this.rtl=!0),this.selectCore(),this.setInitialValue()}setInitialValue(){void 0!==this.initialValue&&this.updateSelectedOption(this.initialValue)}selectCore(){const e=e=>{this.value=e};let t,r,o,a,i;const l=this.el.shadowRoot.querySelectorAll(".custom-select");for(this.el.shadowRoot.querySelector(".select-items"),t=0;t<l.length;t++){o=document.createElement("DIV"),o.setAttribute("class","select-selected"),o.setAttribute("tabindex","0"),o.setAttribute("role","listbox"),o.addEventListener("keydown",(e=>{const t=this.el.shadowRoot.querySelector(".select-items");let r=t.querySelector(".same-as-selected");if(13===e.keyCode){t.classList.toggle("select-hide");const e=t.querySelector(".same-as-selected").getAttribute("value");this.change.emit(e)}else 38===e.keyCode?null!==r&&(t.classList.contains("select-hide")?t.classList.remove("select-hide"):null!==r.previousElementSibling&&(r.classList.remove("same-as-selected"),r.previousElementSibling.classList.add("same-as-selected"))):40===e.keyCode?null!==r?t.classList.contains("select-hide")?t.classList.remove("select-hide"):null!==r.nextElementSibling&&(r.classList.remove("same-as-selected"),r.nextElementSibling.classList.add("same-as-selected")):(r=t.querySelector("div[role='option']:first-child"),r.classList.add("same-as-selected")):27===e.keyCode&&t.classList.add("select-hide");if(null!==r){const e=this.el.shadowRoot.querySelector(".select-items .same-as-selected");this.el.shadowRoot.querySelector(".select-selected").textContent=e.textContent}}));const s=this.el.querySelectorAll("gxg-option");let n=s[0];this.disabled&&o.setAttribute("disabled","disabled");for(let e=0;e<s.length;e++)!0===s[e].selected&&(n=s[e]);o.innerHTML=n.innerHTML,this.value=n.value;const c=this.el.querySelectorAll("gxg-option");for(l[t].appendChild(o),a=document.createElement("DIV"),a.setAttribute("class","select-items select-hide"),r=0;r<c.length;r++){i=document.createElement("DIV"),i.setAttribute("role","option"),i.innerHTML=c[r].innerHTML;const t=document.createAttribute("value");t.value=c[r].value,i.setAttributeNode(t),i.addEventListener("click",(t=>this.clickTest(t,c,e))),a.appendChild(i)}l[t].appendChild(a),o.addEventListener("click",(function(e){document.querySelectorAll("gxg-select").forEach((e=>{const t=e.shadowRoot.querySelector(".select-items");t.classList.contains(".select-hide")||t.classList.add("select-hide")})),e.stopPropagation(),this.nextSibling.classList.toggle("select-hide"),this.classList.toggle("select-arrow-active")})),this.el.shadowRoot.querySelector(".select-items div[role='option'][value='"+this.value+"']").classList.add("same-as-selected")}document.addEventListener("click",function(e){let t;const r=[],o=this.el.shadowRoot.querySelectorAll(".select-items"),a=this.el.shadowRoot.querySelectorAll(".select-selected");for(t=0;t<a.length;t++)e==a[t]?r.push(t):a[t].classList.remove("select-arrow-active");for(t=0;t<o.length;t++)r.indexOf(t)&&o[t].classList.add("select-hide")}.bind(this))}async isOpen(){return!this.el.shadowRoot.querySelector(".select-items").classList.contains("select-hide")}valueHandler(e,t){this.el.querySelector("gxg-option[value='"+e+"']")?(void 0!==t&&this.change.emit(e),void 0!==t&&this.updateSelectedOption(e)):this.value=t}updateSelectedOption(e){const t=this.el.querySelector("gxg-option[value='"+e+"']");if(t){this.el.shadowRoot.querySelector(".select-selected").innerHTML=t.innerHTML;const r=this.el.shadowRoot.querySelector(".select-items"),o=r.querySelector(".same-as-selected");o&&o.classList.remove("same-as-selected"),r.querySelector("div[value='"+e+"']").classList.add("same-as-selected"),this.value=e}}handlerOnKeyDown(e){9==e.keyCode&&e.shiftKey&&this.el.previousSibling.previousSibling.focus()}render(){return r(o,{style:{maxWidth:this.maxWidth,"--size":this.size},class:{rtl:this.rtl,large:s.large},onKeyDown:this.handlerOnKeyDown.bind(this)},r("div",{class:"outer-wrapper"},this.label?r("gxg-label",{class:{label:!0}},this.label,l(this)):"",r("div",{class:{"custom-select":!0,select:!0,"select--error":!0===this.error,"select--warning":!0===this.warning},ref:e=>this.select=e},r("select",{id:"original"},r("slot",null)))),i())}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{value:["valueHandler"]}}};n.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{--size:3;display:block}:host .outer-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{}:host .custom-select{position:relative;font-family:var(--font-family-primary)}:host .custom-select select{display:none;}:host .select-selected{background-color:var(--color-on-primary);border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);height:10px}:host .select-selected:focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px;border-color:transparent}:host .select-selected:after,:host .select-selected:before{position:absolute;content:"";right:6px;width:0;height:0;border:4px solid transparent;border-color:var(--gray-06) transparent transparent transparent}:host .select-selected:after{top:12px}:host .select-selected:before{top:1px;transform:rotate(180deg)}:host .select-selected:hover:after,:host .select-selected:hover:before{border-color:var(--gray-04) transparent transparent transparent}:host .select-items div,:host .select-selected{color:var(--color-on-background);padding:var(--spacing-comp-01);cursor:pointer;font-size:var(--font-size-sm);line-height:0.95em}:host .select-items div{border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent;border:1px solid transparent}:host .select-items{color:var(--color-on-background);position:absolute;background-color:var(--color-on-primary);top:100%;left:0;right:0;z-index:99;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-top:0;overflow-y:scroll;border-bottom-right-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);max-height:calc( var(--size) * 20px )}:host .select-items div{height:10px}:host .select-hide{display:none}:host .select-items div:hover{background-color:var(--color-secondary-enabled);color:var(--color-on-secondary)}:host .select-items div.same-as-selected{background-color:var(--color-secondary-hover);color:var(--color-on-secondary)}:host([disabled]) .select-selected{pointer-events:none;background-color:var(--gray-01);color:var(--color-on-disabled)}:host([disabled]) .custom-select{cursor:not-allowed}:host(.rtl) .select-selected:after,:host(.rtl) .select-selected:before{left:6px;right:auto}:host([minimal]) .select-selected:not(:focus){border-color:transparent;background-color:transparent}:host{}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .select--error .select-selected{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host .select--error .select-selected:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host .select--warning .select-selected{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host .select--warning .select-selected:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host([label-position=start]) .outer-wrapper{display:flex;align-items:center}:host([label-position=start]) .custom-select{width:100%}:host([label-position=start]) .label{margin-bottom:0;margin-inline-end:var(--spacing-comp-02);flex-shrink:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) .select-selected{height:var(--spacing-comp-05);box-sizing:border-box;display:flex;align-items:center;font-size:var(--font-size-lg)}:host(.large) .select-selected:before{top:3px}:host(.large) .select-selected:after{top:14px}:host(.large) .select-items{max-height:calc(var(--size) * var(--spacing-comp-05))}:host(.large) .select-items div{height:14px;display:flex;align-items:center;font-size:var(--font-size-lg)}';export{n as gxg_select}
1
+ import{r as e,c as t,h as r,H as o,g as a}from"./p-976c3a09.js";import{f as i,r as l}from"./p-0f4fe7ad.js";import{s}from"./p-e46e26a6.js";const n=class{constructor(r){e(this,r),this.change=t(this,"change",7),this.disabled=!1,this.error=!1,this.labelPosition="above",this.minimal=!0,this.required=!1,this.initialValue=void 0,this.warning=!1,this.maxWidth="100%",this.rtl=!1,this.rerender=!1}todoCompletedHandler(e){this.value=e.detail}clickTest(e,t,r){let o,a,i;const l=e.srcElement,s=l.parentNode.parentNode.getElementsByTagName("select")[0],n=l.parentNode.previousSibling;for(a=0;a<t.length;a++)if(t[a].innerHTML==l.innerHTML){for(r(l.getAttribute("value")),s.selectedIndex=a,n.innerHTML=l.innerHTML,o=l.parentNode.getElementsByClassName("same-as-selected"),i=0;i<o.length;i++)o[i].removeAttribute("class");l.setAttribute("class","same-as-selected"),l.setAttribute("aria-selected","true");break}n.click()}componentDidLoad(){this.el.shadowRoot.querySelectorAll("slot")[0].addEventListener("slotchange",function(){this.el.shadowRoot.querySelector(".select-selected").remove(),this.el.shadowRoot.querySelector(".select-items").remove(),this.selectCore()}.bind(this));const e=document.getElementsByTagName("html")[0].getAttribute("dir"),t=document.getElementsByTagName("body")[0].getAttribute("dir");"rtl"!==e&&"rtl"!==t||(this.rtl=!0),this.selectCore(),this.setInitialValue()}setInitialValue(){void 0!==this.initialValue&&this.updateSelectedOption(this.initialValue)}selectCore(){const e=e=>{this.value=e};let t,r,o,a,i;const l=this.el.shadowRoot.querySelectorAll(".custom-select");for(this.el.shadowRoot.querySelector(".select-items"),t=0;t<l.length;t++){o=document.createElement("DIV"),o.setAttribute("class","select-selected"),o.setAttribute("tabindex","0"),o.setAttribute("role","listbox"),o.addEventListener("keydown",(e=>{const t=this.el.shadowRoot.querySelector(".select-items");let r=t.querySelector(".same-as-selected");if(13===e.keyCode){t.classList.toggle("select-hide");const e=t.querySelector(".same-as-selected").getAttribute("value");this.change.emit(e)}else 38===e.keyCode?null!==r&&(t.classList.contains("select-hide")?t.classList.remove("select-hide"):null!==r.previousElementSibling&&(r.classList.remove("same-as-selected"),r.previousElementSibling.classList.add("same-as-selected"))):40===e.keyCode?null!==r?t.classList.contains("select-hide")?t.classList.remove("select-hide"):null!==r.nextElementSibling&&(r.classList.remove("same-as-selected"),r.nextElementSibling.classList.add("same-as-selected")):(r=t.querySelector("div[role='option']:first-child"),r.classList.add("same-as-selected")):27===e.keyCode&&t.classList.add("select-hide");if(null!==r){const e=this.el.shadowRoot.querySelector(".select-items .same-as-selected");this.el.shadowRoot.querySelector(".select-selected").textContent=e.textContent}}));const s=this.el.querySelectorAll("gxg-option");let n=s[0];this.disabled&&o.setAttribute("disabled","disabled");for(let e=0;e<s.length;e++)!0===s[e].selected&&(n=s[e]);o.innerHTML=n.innerHTML,this.value=n.value;const c=this.el.querySelectorAll("gxg-option");for(l[t].appendChild(o),a=document.createElement("DIV"),a.setAttribute("class","select-items select-hide"),r=0;r<c.length;r++){i=document.createElement("DIV"),i.setAttribute("role","option"),i.innerHTML=c[r].innerHTML;const t=document.createAttribute("value");t.value=c[r].value,i.setAttributeNode(t),i.addEventListener("click",(t=>this.clickTest(t,c,e))),a.appendChild(i)}l[t].appendChild(a),o.addEventListener("click",(function(e){document.querySelectorAll("gxg-select").forEach((e=>{const t=e.shadowRoot.querySelector(".select-items");t.classList.contains(".select-hide")||t.classList.add("select-hide")})),e.stopPropagation(),this.nextSibling.classList.toggle("select-hide"),this.classList.toggle("select-arrow-active")})),this.el.shadowRoot.querySelector(".select-items div[role='option'][value='"+this.value+"']").classList.add("same-as-selected")}document.addEventListener("click",function(e){let t;const r=[],o=this.el.shadowRoot.querySelectorAll(".select-items"),a=this.el.shadowRoot.querySelectorAll(".select-selected");for(t=0;t<a.length;t++)e==a[t]?r.push(t):a[t].classList.remove("select-arrow-active");for(t=0;t<o.length;t++)r.indexOf(t)&&o[t].classList.add("select-hide")}.bind(this))}async isOpen(){return!this.el.shadowRoot.querySelector(".select-items").classList.contains("select-hide")}valueHandler(e,t){this.el.querySelector("gxg-option[value='"+e+"']")?(void 0!==t&&this.change.emit(e),void 0!==t&&this.updateSelectedOption(e)):this.value=t}updateSelectedOption(e){const t=this.el.querySelector("gxg-option[value='"+e+"']");if(t){this.el.shadowRoot.querySelector(".select-selected").innerHTML=t.innerHTML;const r=this.el.shadowRoot.querySelector(".select-items"),o=r.querySelector(".same-as-selected");o&&o.classList.remove("same-as-selected"),r.querySelector("div[value='"+e+"']").classList.add("same-as-selected"),this.value=e}}handlerOnKeyDown(e){9==e.keyCode&&e.shiftKey&&this.el.previousSibling.previousSibling.focus()}render(){return r(o,{style:{maxWidth:this.maxWidth,"--size":this.size},class:{rtl:this.rtl,large:s.large},onKeyDown:this.handlerOnKeyDown.bind(this)},r("div",{class:"outer-wrapper"},this.label?r("gxg-label",{class:{label:!0}},this.label,l(this)):"",r("div",{class:{"custom-select":!0,select:!0,"select--error":!0===this.error,"select--warning":!0===this.warning},ref:e=>this.select=e},r("select",{id:"original"},r("slot",null)))),i())}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{value:["valueHandler"]}}};n.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{--size:3;display:block}:host .outer-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{}:host .custom-select{position:relative;font-family:var(--font-family-primary)}:host .custom-select select{display:none;}:host .select-selected{background-color:var(--color-on-primary);border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);height:10px}:host .select-selected:focus{outline-style:solid;outline-color:var(--gxg-border-color--focused);outline-width:var(--border-width-md);outline-offset:-2px;border-color:transparent}:host .select-selected:after,:host .select-selected:before{position:absolute;content:"";right:6px;width:0;height:0;border:4px solid transparent;border-color:var(--gray-06) transparent transparent transparent}:host .select-selected:after{top:12px}:host .select-selected:before{top:1px;transform:rotate(180deg)}:host .select-selected:hover:after,:host .select-selected:hover:before{border-color:var(--gray-04) transparent transparent transparent}:host .select-items div,:host .select-selected{color:var(--color-on-background);padding:var(--spacing-comp-01);cursor:pointer;font-size:var(--font-size-sm);line-height:0.95em}:host .select-items div{border-color:transparent transparent rgba(0, 0, 0, 0.1) transparent;border:1px solid transparent}:host .select-items{color:var(--color-on-background);position:absolute;background-color:var(--color-on-primary);top:100%;left:0;right:0;z-index:99;border-width:var(--border-width-sm);border-color:var(--gray-02);border-style:var(--border-style-regular);border-top:0;overflow-y:scroll;border-bottom-right-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md);max-height:calc( var(--size) * 20px )}:host .select-items div{height:10px}:host .select-hide{display:none}:host .select-items div:hover{background-color:var(--color-secondary-enabled);color:var(--color-on-secondary)}:host .select-items div.same-as-selected{background-color:var(--color-secondary-hover);color:var(--color-on-secondary)}:host([disabled]) .select-selected{pointer-events:none;background-color:var(--gray-01);color:var(--color-on-disabled)}:host([disabled]) .custom-select{cursor:not-allowed}:host(.rtl) .select-selected:after,:host(.rtl) .select-selected:before{left:6px;right:auto}:host([minimal]) .select-selected:not(:focus){border-color:transparent;background-color:transparent}:host{}:host ::-webkit-scrollbar{width:6px}:host ::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host ::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host ::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .select--error .select-selected{border-color:var(--color-error-dark);background-color:var(--color-error-light);margin-bottom:0}:host .select--error .select-selected:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host .select--warning .select-selected{border-color:var(--color-warning-dark);background-color:var(--color-warning-light);margin-bottom:0}:host .select--warning .select-selected:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host([label-position=start]) .outer-wrapper{display:flex;align-items:center}:host([label-position=start]) .custom-select{width:100%}:host([label-position=start]) .label{margin-bottom:0;margin-inline-end:var(--spacing-comp-02);flex-shrink:0}:host(.large) label{font-size:var(--font-size-lg)}:host(.large) .select-selected{height:var(--spacing-comp-05);box-sizing:border-box;display:flex;align-items:center;font-size:var(--font-size-lg)}:host(.large) .select-selected:before{top:3px}:host(.large) .select-selected:after{top:14px}:host(.large) .select-items{max-height:calc(var(--size) * var(--spacing-comp-05))}:host(.large) .select-items div{height:14px;display:flex;align-items:center;font-size:var(--font-size-lg)}';export{n as gxg_select}
@@ -0,0 +1 @@
1
+ import{r as t,h as s,H as e}from"./p-976c3a09.js";function i(t){t.ParentObject.refreshGrid(t.ControlName)}class n{static load(t,s){var e;this.grid=t,this.state=null!=s?s:{},this.state.Columns=null!==(e=this.state.Columns)&&void 0!==e?e:[],this.loadLocal(),this.apply()}static setColumnSort(t,s){this.state.SortColumnName=t,this.state.SortDirection=s}static setColumnHidden(t,s){this.getColumn(t).Hidden=s,this.saveLocal()}static setColumnSize(t,s){this.getColumn(t).Size=s,this.saveLocal()}static setColumnFreeze(t,s){this.getColumn(t).Freeze=s,this.saveLocal()}static setColumnOrder(t,s){this.getColumn(t).Order=s,this.saveLocal()}static setColumnFilterEqual(t,s){this.getColumnFilter(t).Equal=s,this.updateIsFiltering(t)}static setColumnFilterLess(t,s){this.getColumnFilter(t).Less=s,this.updateIsFiltering(t)}static setColumnFilterGreater(t,s){this.getColumnFilter(t).Greater=s,this.updateIsFiltering(t)}static apply(){var t,s;const e=this.grid.getColumnByHtmlName((null!==(t=this.state.SortColumnName)&&void 0!==t?t:"").toUpperCase());e&&(e.SortDirection=this.state.SortDirection),null===(s=this.state.Columns)||void 0===s||s.forEach((t=>{var s,e,i,n,r,h;const l=this.grid.getColumnByHtmlName(t.Name.toUpperCase());l&&(l.Hidden=t.Hidden?-1:0,t.Size&&(l.Size="length",l.SizeLength=t.Size),t.Order&&(l.order=t.Order),l.filterEqual=null!==(e=(null!==(s=t.Filter)&&void 0!==s?s:{}).Equal)&&void 0!==e?e:l.filterEqual,l.filterLess=null!==(n=(null!==(i=t.Filter)&&void 0!==i?i:{}).Less)&&void 0!==n?n:l.filterLess,l.filterGreater=null!==(h=(null!==(r=t.Filter)&&void 0!==r?r:{}).Greater)&&void 0!==h?h:l.filterGreater,this.updateIsFiltering(l.htmlName))}))}static loadLocal(){this.grid.columns.forEach((t=>{var s;const e=null===(s=localStorage.getItem(`${this.grid.ControlName}-${t.htmlName}`))||void 0===s?void 0:s.split("|");e&&(""!==e[0]&&(this.getColumn(t.htmlName).Hidden="true"===e[0]),""!==e[1]&&(this.getColumn(t.htmlName).Size=e[1]),""!==e[2]&&(this.getColumn(t.htmlName).Order=parseInt(e[2])),""!==e[3]&&(this.getColumn(t.htmlName).Freeze=e[3]))}))}static saveLocal(){this.state.Columns.forEach((t=>{localStorage.setItem(`${this.grid.ControlName}-${t.Name}`,[t.Hidden,t.Size,t.Order,t.Freeze].join("|"))}))}static getColumn(t){let s=this.state.Columns.find((s=>0===s.Name.localeCompare(t)));return s||(s={Name:t},this.state.Columns.push(s)),s}static getColumnFilter(t){const s=this.getColumn(t);return s.Filter||(s.Filter={}),s.Filter}static updateIsFiltering(t){const s=this.grid.getColumnByHtmlName(t);s.isFiltering=!!(s.filterEqual||s.filterGreater||s.filterGreater)}}const r=class{constructor(s){t(this,s)}controlStateHandler(){this.loadState()}componentWillLoad(){this.loadState()}componentWillRender(){this.defineColumnRender()}componentDidLoad(){this.setCurrentRow(),this.notifyResizePopup()}selectionChangedHandler(t){const s=this.getRowIndexByGxId(t.detail.rowsId[0]);s>=0&&(this.grid.execC2VFunctions(),this.grid.selectRow(s))}cellClickedHandler(t){const s=this.getRowIndexByGxId(t.detail.rowId),e=parseInt(t.detail.cellId);s>=0&&this.grid.executeEvent(e,s)}navigateClickedHandler(t){switch(t.detail.type){case"first":(s=this.grid).OnPaginationFirst?s.OnPaginationFirst():s.usePaging&&s.changeGridPage("FIRST");break;case"previous":!function(t){t.OnPaginationPrevious?t.OnPaginationPrevious():t.usePaging&&t.changeGridPage("PREV")}(this.grid);break;case"next":!function(t){t.OnPaginationNext?t.OnPaginationNext():t.usePaging&&t.changeGridPage("NEXT")}(this.grid);break;case"last":!function(t){t.OnPaginationLast?t.OnPaginationLast():t.usePaging&&t.changeGridPage("LAST")}(this.grid);break;case"goto":!function(t,s){1===s?t.changeGridPage("FIRST"):(t.firstRecordOnPage=(t.pageSize*(s-1)-t.pageSize).toString(),t.changeGridPage("NEXT"))}(this.grid,t.detail.page)}var s}refreshClickedHandler(){i(this.grid)}columnHiddenChangedHandler(t){n.setColumnHidden(t.detail.columnId,t.detail.hidden)}columnSizeChangedHandler(t){n.setColumnSize(t.detail.columnId,t.detail.size)}columnFreezeChangedHandler(t){n.setColumnFreeze(t.detail.columnId,t.detail.freeze)}columnSortChangedHandler(t){switch(n.setColumnSort(t.detail.columnId,t.detail.sortDirection),this.grid.SortMode){case"client":!function(t,s,e){const i=t.getColumnByHtmlName(s);t.setSort(i.index,"desc"!==e)}(this.grid,t.detail.columnId,t.detail.sortDirection),this.gridTimestamp=Date.now();break;case"server":i(this.grid)}}columnOrderChangedHandler(t){n.setColumnOrder(t.detail.columnId,t.detail.order)}columnFilterChangedHandler(t){var s,e,r;const h=t.detail.column;h.filterEqual=null!==(s=t.detail.equal)&&void 0!==s?s:"",h.filterLess=null!==(e=t.detail.less)&&void 0!==e?e:"",h.filterGreater=null!==(r=t.detail.greater)&&void 0!==r?r:"",n.setColumnFilterEqual(h.htmlName,h.filterEqual),n.setColumnFilterLess(h.htmlName,h.filterLess),n.setColumnFilterGreater(h.htmlName,h.filterGreater),i(this.grid)}getColumnSize(t){let s;switch(t.Size){case"auto":s="auto";break;case"css":s=`var(--${t.SizeVariableName}, min-content)`;break;case"length":s=t.SizeLength;break;case"max":s="max-content";break;case"min":default:s="min-content";break;case"minmax":s=`minmax(${t.SizeMinLength||"min-content"}, ${t.SizeMaxLength||"auto"})`}return s||"min-content"}defineColumnRender(){const t=this.grid.properties;this.grid.columns.forEach(((s,e)=>{s.render=0===t.length&&s.visible||t.some((t=>t[e].visible))}))}getRowIndexByGxId(t){return this.grid.rows.findIndex((s=>s.gxId===t))}notifyResizePopup(){gx.popup.ispopup()&&gx.fx.obs.notify("gx.onafterevent")}setCurrentRow(){const t=this.grid.rows[0];t&&!gx.fn.currentGridRowImpl(this.grid.gxId)&&gx.fn.setCurrentGridRow(this.grid.gxId,t.gxId)}loadState(){n.load(this.grid,this.state)}renderTitle(){return s("h1",{slot:"header"},this.grid.header)}renderActionbar(t,e){const i=this.grid.ActionRefreshPosition===t,n=this.grid.ActionSettingsPosition===t;if(i||n)return s("ch-grid-actionbar",{slot:t,class:e},i&&this.renderActionRefresh(),n&&this.renderActionSettings())}renderActionRefresh(){return s("ch-grid-action-refresh",{class:this.grid.ActionRefreshClass,title:"title"===this.grid.ActionRefreshTextPosition?gx.getMessage("GX_BtnRefresh"):""},"text"===this.grid.ActionRefreshTextPosition?gx.getMessage("GX_BtnRefresh"):"")}renderActionSettings(){return s("ch-grid-action-settings",{class:this.grid.ActionSettingsClass,title:"title"===this.grid.ActionSettingsTextPosition?gx.getMessage("GXM_Settings"):""},"text"===this.grid.ActionSettingsTextPosition?gx.getMessage("GXM_Settings"):"")}renderColumns(){return s("ch-grid-columnset",{class:this.grid.ColumnsetClass},this.grid.columns.map((t=>{if(gx.lang.gxBoolean(t.render))return s("ch-grid-column",{key:t.htmlName,columnId:t.htmlName,columnIconUrl:t.Icon,columnName:t.title,columnNamePosition:t.NamePosition,size:this.getColumnSize(t),order:t.order?t.order:null,displayObserverClass:t.gxColumnClass,class:`${this.grid.ColumnClass} ${t.HeaderClass} ${t.isFiltering?"grid-column-filtering":""}`,hidden:-1===t.Hidden,hideable:-1===t.Hideable,resizable:-1===t.Resizeable,sortable:-1===t.Sortable,settingable:-1===t.Filterable,sortDirection:t.SortDirection},-1===t.Filterable&&this.renderColumnFilter(t))})))}renderColumnFilter(t){return s("gx-grid-chameleon-column-filter",{key:t.htmlName,class:this.grid.ColumnFilterClass,column:t,equal:t.filterEqual,less:t.filterLess,greater:t.filterGreater,buttonResetText:this.grid.FilterButtonResetText,buttonApplyText:this.grid.FilterButtonApplyText,slot:"settings"})}renderRows(){return this.grid.rows.map(((t,e)=>s("ch-grid-row",{key:t.gxId,rowid:t.gxId,class:e%2==0?`${this.grid.RowClass} ${this.grid.RowEvenClass}`:`${this.grid.RowClass} ${this.grid.RowOddClass}`},this.renderCells(t))))}renderCells(t){return t.gxProps.map(((t,e)=>{const i=this.grid.columns[e];if(gx.lang.gxBoolean(i.render))return s("ch-grid-cell",{key:t[0],class:this.grid.CellClass,cellid:e,innerHTML:this.renderControl(i.gxControl,t)})}))}renderControl(t,s){return t.setProperties.apply(t,s),t.getHtml()}renderPaginator(){var t;const e=null!==(t=this.grid.ParentObject[`sub${this.grid.ControlName}_Recordcount`])&&void 0!==t?t:0,i=!this.grid.isLastPage(),n=Math.ceil((parseInt(this.grid.firstRecordOnPage)+1)/this.grid.pageSize),r=Math.ceil(e/this.grid.pageSize);return s("ch-paginator",{"has-next-page":0===r?i:null,"active-page":n,"total-pages":0!==r?r:null,class:this.grid.pagingBarClass,slot:"footer"},this.renderPaginatorNavigate("first",this.grid.pagingButtonFirstClass,gx.getMessage("GXM_first")),this.renderPaginatorNavigate("previous",this.grid.pagingButtonPreviousClass,gx.getMessage("GXM_previous")),this.grid.PaginatorPagesShow&&s("ch-paginator-pages",{maxSize:this.grid.PaginatorPagesMaxSize}),this.renderPaginatorNavigate("next",this.grid.pagingButtonNextClass,gx.getMessage("GXM_next")),this.renderPaginatorNavigate("last",this.grid.pagingButtonLastClass,gx.getMessage("GXM_last")))}renderPaginatorNavigate(t,e,i){const n=this.grid.PaginatorNavigationButtonTextPosition;return s("ch-paginator-navigate",{type:t,class:e,title:"title"===n?i:""},"text"===n?i:"")}render(){return s(e,null,s("ch-grid",{class:this.grid.Class,rowSelectionMode:this.grid.gxAllowSelection?"single":"none",rowSelectedClass:this.grid.RowSelectedClass.trim(),rowHighlightedClass:this.grid.RowHighlightedClass.trim()},this.grid.header&&this.renderTitle(),this.renderActionbar("header",this.grid.ActionbarHeaderClass),this.renderActionbar("footer",this.grid.ActionbarFooterClass),this.renderColumns(),this.renderRows(),this.grid.PaginatorShow&&this.grid.pageSize>0&&this.renderPaginator()))}static get watchers(){return{state:["controlStateHandler"]}}};r.style="gx-grid-chameleon{display:contents}";export{r as gx_grid_chameleon}