@genexus/genexus-ide-ui 0.0.40 → 0.0.42

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 (112) hide show
  1. package/dist/cjs/ch-icon.cjs.entry.js +116 -0
  2. package/dist/cjs/{form-validation-f8e709d0.js → common-facb7f18.js} +0 -19
  3. package/dist/cjs/constants-e63c0ad9.js +10 -0
  4. package/dist/cjs/form-validation-b7fb4ca8.js +21 -0
  5. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  6. package/dist/cjs/gx-ide-create-kb-from-server.cjs.entry.js +137 -0
  7. package/dist/cjs/{gxg-date-picker.cjs.entry.js → gx-ide-entity-selector_2.cjs.entry.js} +81 -0
  8. package/dist/cjs/gx-ide-new-environment.cjs.entry.js +3 -2
  9. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +7 -6
  10. package/dist/cjs/gx-ide-object-selector.cjs.entry.js +30 -24
  11. package/dist/cjs/gx-ide-ww-images.cjs.entry.js +229 -0
  12. package/dist/cjs/{gxg-button.cjs.entry.js → gxg-button_2.cjs.entry.js} +61 -0
  13. package/dist/cjs/gxg-combo-box_2.cjs.entry.js +705 -0
  14. package/dist/cjs/gxg-form-checkbox-group.cjs.entry.js +91 -0
  15. package/dist/cjs/{gxg-form-checkbox-group_2.cjs.entry.js → gxg-form-radio.cjs.entry.js} +0 -85
  16. package/dist/cjs/gxg-list-box_2.cjs.entry.js +1 -6
  17. package/dist/cjs/{gxg-combo-box_6.cjs.entry.js → gxg-tab_4.cjs.entry.js} +1 -699
  18. package/dist/cjs/loader.cjs.js +1 -1
  19. package/dist/collection/collection-manifest.json +2 -0
  20. package/dist/collection/common/constants.js +6 -0
  21. package/dist/collection/components/create-kb-from-server/create-kb-from-server.css +162 -0
  22. package/dist/collection/components/create-kb-from-server/create-kb-from-server.js +302 -0
  23. package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json +17 -0
  24. package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.ja.json +3 -0
  25. package/dist/collection/components/create-kb-from-server/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.zh.json +3 -0
  26. package/dist/collection/components/new-kb/new-kb.js +1 -1
  27. package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.en.json +1 -1
  28. package/dist/collection/components/object-selector/object-selector.js +33 -26
  29. package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.en.json +47 -0
  30. package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.ja.json +3 -0
  31. package/dist/collection/components/ww-images/gx-ide-assets/ww-images/langs/ww-images.lang.zh.json +3 -0
  32. package/dist/collection/components/ww-images/ww-images.css +229 -0
  33. package/dist/collection/components/ww-images/ww-images.js +674 -0
  34. package/dist/collection/pages/assets/common.js +20 -0
  35. package/dist/components/combo-box.js +0 -1
  36. package/dist/components/common.js +46 -0
  37. package/dist/components/constants.js +8 -0
  38. package/dist/components/form-validation.js +1 -46
  39. package/dist/components/gx-ide-create-kb-from-server.d.ts +11 -0
  40. package/dist/components/gx-ide-create-kb-from-server.js +246 -0
  41. package/dist/components/gx-ide-new-environment.js +2 -1
  42. package/dist/components/gx-ide-new-kb.js +3 -2
  43. package/dist/components/gx-ide-object-selector.js +30 -24
  44. package/dist/components/gx-ide-ww-images.d.ts +11 -0
  45. package/dist/components/gx-ide-ww-images.js +421 -0
  46. package/dist/components/index.d.ts +2 -0
  47. package/dist/components/index.js +2 -0
  48. package/dist/components/list-box-item.js +0 -1
  49. package/dist/components/list-box.js +1 -5
  50. package/dist/esm/ch-icon.entry.js +112 -0
  51. package/dist/esm/{form-validation-cdb16431.js → common-a3df0966.js} +1 -19
  52. package/dist/esm/constants-7882d1a8.js +8 -0
  53. package/dist/esm/form-validation-09bd4504.js +19 -0
  54. package/dist/esm/genexus-ide-ui.js +1 -1
  55. package/dist/esm/gx-ide-create-kb-from-server.entry.js +133 -0
  56. package/dist/esm/{gxg-date-picker.entry.js → gx-ide-entity-selector_2.entry.js} +81 -1
  57. package/dist/esm/gx-ide-new-environment.entry.js +2 -1
  58. package/dist/esm/gx-ide-new-kb.entry.js +3 -2
  59. package/dist/esm/gx-ide-object-selector.entry.js +30 -24
  60. package/dist/esm/gx-ide-ww-images.entry.js +225 -0
  61. package/dist/esm/{gxg-button.entry.js → gxg-button_2.entry.js} +62 -2
  62. package/dist/esm/gxg-combo-box_2.entry.js +700 -0
  63. package/dist/esm/gxg-form-checkbox-group.entry.js +87 -0
  64. package/dist/esm/{gxg-form-checkbox-group_2.entry.js → gxg-form-radio.entry.js} +1 -85
  65. package/dist/esm/gxg-list-box_2.entry.js +1 -6
  66. package/dist/esm/{gxg-combo-box_6.entry.js → gxg-tab_4.entry.js} +3 -699
  67. package/dist/esm/loader.js +1 -1
  68. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  69. package/dist/genexus-ide-ui/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.en.json +17 -0
  70. package/dist/genexus-ide-ui/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.ja.json +3 -0
  71. package/dist/genexus-ide-ui/gx-ide-assets/create-kb-from-server/langs/create-kb-from-server.lang.zh.json +3 -0
  72. package/dist/genexus-ide-ui/gx-ide-assets/object-selector/langs/object-selector.lang.en.json +1 -1
  73. package/dist/genexus-ide-ui/gx-ide-assets/ww-images/langs/ww-images.lang.en.json +47 -0
  74. package/dist/genexus-ide-ui/gx-ide-assets/ww-images/langs/ww-images.lang.ja.json +3 -0
  75. package/dist/genexus-ide-ui/gx-ide-assets/ww-images/langs/ww-images.lang.zh.json +3 -0
  76. package/dist/genexus-ide-ui/p-07e89cdd.entry.js +1 -0
  77. package/dist/genexus-ide-ui/p-35fc1102.entry.js +1 -0
  78. package/dist/genexus-ide-ui/p-44964acf.js +1 -0
  79. package/dist/genexus-ide-ui/p-4b7f7425.entry.js +1 -0
  80. package/dist/genexus-ide-ui/p-4d39c34a.entry.js +1 -0
  81. package/dist/genexus-ide-ui/p-5ad757f4.entry.js +1 -0
  82. package/dist/genexus-ide-ui/p-6010dc9d.js +1 -0
  83. package/dist/genexus-ide-ui/p-764ab316.entry.js +1 -0
  84. package/dist/genexus-ide-ui/p-7a83018d.entry.js +1 -0
  85. package/dist/genexus-ide-ui/p-7a90def4.entry.js +1 -0
  86. package/dist/genexus-ide-ui/p-8bf7f0e1.entry.js +1 -0
  87. package/dist/genexus-ide-ui/p-c6ad49cc.entry.js +1 -0
  88. package/dist/genexus-ide-ui/p-daf4eb69.js +1 -0
  89. package/dist/genexus-ide-ui/p-f305e4d3.entry.js +1 -0
  90. package/dist/genexus-ide-ui/p-f3a1dc7c.entry.js +1 -0
  91. package/dist/genexus-ide-ui/p-fcdcb919.entry.js +1 -0
  92. package/dist/types/common/constants.d.ts +6 -0
  93. package/dist/types/components/create-kb-from-server/create-kb-from-server.d.ts +90 -0
  94. package/dist/types/components/object-selector/object-selector.d.ts +5 -7
  95. package/dist/types/components/ww-images/ww-images.d.ts +191 -0
  96. package/dist/types/components.d.ts +271 -3
  97. package/package.json +3 -3
  98. package/dist/cjs/ch-icon_2.cjs.entry.js +0 -177
  99. package/dist/cjs/gx-ide-entity-selector.cjs.entry.js +0 -87
  100. package/dist/esm/ch-icon_2.entry.js +0 -172
  101. package/dist/esm/gx-ide-entity-selector.entry.js +0 -83
  102. package/dist/genexus-ide-ui/p-2ebd392f.entry.js +0 -1
  103. package/dist/genexus-ide-ui/p-34721f1c.entry.js +0 -1
  104. package/dist/genexus-ide-ui/p-5884a014.entry.js +0 -1
  105. package/dist/genexus-ide-ui/p-5c560dd0.entry.js +0 -1
  106. package/dist/genexus-ide-ui/p-7285d245.entry.js +0 -1
  107. package/dist/genexus-ide-ui/p-a708db45.entry.js +0 -1
  108. package/dist/genexus-ide-ui/p-ad03b1e0.entry.js +0 -1
  109. package/dist/genexus-ide-ui/p-c304345f.entry.js +0 -1
  110. package/dist/genexus-ide-ui/p-c38c6957.entry.js +0 -1
  111. package/dist/genexus-ide-ui/p-db945a17.js +0 -1
  112. package/dist/genexus-ide-ui/p-e1fea866.entry.js +0 -1
@@ -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}from"./p-01406cbc.js";import{r as s}from"./p-925cb9fe.js";import{K as a}from"./p-6a84b339.js";import{e as l}from"./p-d8501cb4.js";import{s as c}from"./p-e46e26a6.js";import{c as h}from"./p-e7e4f76c.js";const g=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.setInitialValueTimes=0,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.inputTextIconPosition=null,this.noMatch=!1,this.lastAllowedValue=void 0,this.slottedContent=null,this.selectionProgramatic=!0,this.myObserver=null,this.detectClickOutsideCombo=this.detectClickOutsideComboFunc.bind(this),this.detectMouseScroll=this.detectMouseScrollFunc.bind(this),this.attachExportParts=()=>{const t=this.el.getAttribute("part"),i=l(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!==a.ARROW_DOWN&&t.code!==a.ARROW_UP||t.preventDefault(),t.code===a.ARROW_DOWN?(i=this.getNewItem("next"),(null==i?void 0:i.value)&&(this.value=null==i?void 0:i.value),s(this.itemsContainer,this.selectedItem,a.ARROW_DOWN),t.altKey&&this.showList()):t.code===a.ARROW_UP?(i=this.getNewItem("prev"),(null==i?void 0:i.value)&&(this.value=null==i?void 0:i.value),s(this.itemsContainer,this.selectedItem,a.ARROW_UP)):t.code===a.ENTER?(this.hideList(),this.showAllItems()):t.code===a.SPACE?this.showList():t.code===a.ESCAPE?(this.showAllItems(),this.hideList()):t.code===a.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===this.selectedItem));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=()=>{this.setInitialValueTimes++;const t=this.getEnabledItems()[0];if(this.value&&void 0===this.removedItem){const t=this.getItemByValue(this.value);t?this.text=t.innerText:this.strict?this.value=void 0:this.text=this.value.toString()}else t?(this.value=t.value,this.text=t.innerText):this.strict&&(this.value=void 0)},this.toggleListButtonClickHandler=()=>{this.disabled||(this.showAllItems(),this.toggleList(),this.focus())},this.inputTextClickHandler=()=>{this.disabled||this.disableFilter&&this.toggleList()},this.toggleList=()=>{this.disabled||(this.listIsOpen=!this.listIsOpen)},this.showList=()=>{this.disabled||(this.listIsOpen=!0)},this.hideList=()=>{this.disabled||(this.listIsOpen=!1)},this.clearIcon=()=>{this.disabled||(this.inputTextIcon=null,this.inputTextIconPosition=null)}}disabledHandler(t){!0===t?(this.valueBeforeDisabled=this.value,this.textBeforeDisabled=this.text,this.iconBeforeDisabled=this.inputTextIcon,this.iconPositionBeforeDisabled=this.inputTextIconPosition,this.value=null,this.inputTextIcon=null,this.inputTextIconPosition=null):(this.value=this.valueBeforeDisabled,this.text=this.textBeforeDisabled,this.inputTextIcon=this.iconBeforeDisabled,this.inputTextIconPosition=this.iconPositionBeforeDisabled)}componentDidUpdate(){const t=this.itemsContainerBottomOverflows();this.listPosition=t?"above":"below"}componentWillLoad(){this.setup(),this.attachExportParts(),this.mutationRemoveObserver()}componentDidLoad(){this.resizeObserver()}disconnectedCallback(){this.cleanup()}async open(){this.listIsOpen=!0}async close(){this.listIsOpen=!1}async getValueByIndex(t){const 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(),this.setInitialValue()}keyDownComboItemHandler(t){t.stopPropagation(),"ArrowUp"===t.detail?this.inputText.focus():"Tab"!==t.detail&&"Escape"!==t.detail||(this.listIsOpen=!1,this.inputText.focus())}onValueChanged(t){let i,o;this.setInitialValueTimes>1&&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}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){t?(this.inputTextIcon=t,this.inputTextIconPosition="start"):(this.inputTextIcon=null,this.inputTextIconPosition=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,large:c.large},style:{maxWidth:this.maxWidth,minWidth:this.minWidth},exportParts:this.exportparts?this.exportparts:null},o("div",{class:{"main-container":!0},ref:t=>this.mainContainer=t},this.label?o("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label):null,o("div",{class:"search-and-items-container",ref:t=>this.searchItemsContainer=t},o("div",{class:{"search-container":!0}},o("gxg-form-text",{placeholder:this.placeholder,onInput:this.inputHandler.bind(this),onKeyDown:this.keyDownHandler,onClick:this.inputTextClickHandler,value:this.text,icon:this.fixedIcon||this.inputTextIcon,iconPosition:this.fixedIcon?"start":this.inputTextIconPosition,readonly:this.disableFilter,ref:t=>this.inputText=t,validationStatus:this.validationStatus,disabled:this.disabled,onValueChanged:this.handleValueChangeFormText,cursorEnd:this.cursorEnd,preventValueChangedEmit:!0,preventValueChangeOnDisabled:!0,class:{"clear-icon":t},part:this.parts.input}),o("div",{class:"buttons-wrapper"},t?o("gxg-button",{class:{"button-icon delete-icon":!0},icon:"menus/delete",type:"tertiary",onClick:()=>this.clearCombo(),tabindex:"-1",fit:!0,disabled:this.disabled,part:this.parts.clearButton}):null,o("gxg-button",{class:{"button-icon":!0},icon:"navigation/arrow-down",type:"secondary-icon-only",onClick:this.toggleListButtonClickHandler,fit:!0,disabled:this.disabled,tabindex:"-1",part:this.parts.toggleButton}))),o("div",{class:{"items-container":!0,"items-container--show":this.listIsOpen,"items-container--no-match":this.noMatch,"items-container--below":"below"===this.listPosition,"items-container--above":"above"===this.listPosition},style:{maxHeight:this.listMaxHeight},ref:t=>this.itemsContainer=t},o("slot",null),this.noMatch&&this.strict?o("div",{class:"no-ocurrences-found"},"No occurrences found",o("span",null,"ctrl/cmd + backspace to erase")):null))),this.formMessageLogic(this))}static get delegatesFocus(){return!0}get el(){return r(this)}static get watchers(){return{disabled:["disabledHandler"],value:["onValueChanged"],listIsOpen:["listIsOpenHandler"],selectedItem:["selectedItemHandler"],removedItem:["removedItemHandler"]}}};g.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:6px;height:6px}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host{font-family:var(--font-family-primary);display:block}:host gxg-form-text::part(input){padding-inline-end:var(--spacing-comp-05)}:host gxg-form-text.clear-icon::part(input){padding-inline-end:calc(var(--spacing-comp-05) * 2)}:host .main-container{width:100%;position:relative;}:host .main-container .label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lay-xs)}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;top:2px;height:calc(100% - 4px);display:flex;align-items:center;padding-inline-start:var(--spacing-comp-01);inset-inline-end:2px}:host .main-container .search-container .buttons-wrapper .button-icon{height:20px;width:20px}:host .main-container .items-container{border:var(--border-width-sm) solid var(--gxg-border-color--regular);border-radius:var(--border-radius-md);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-background);position:fixed;width:inherit;box-sizing:border-box;z-index:999;display:none;}:host .main-container .items-container::-webkit-scrollbar{width:6px;height:6px}:host .main-container .items-container::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}:host .main-container .items-container::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}:host .main-container .items-container::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}:host .main-container .items-container--show{display:block}:host .main-container .items-container--no-match{display:none}:host .main-container .items-container .no-ocurrences-found{font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-on-background);padding:var(--spacing-comp-01);background-color:var(--color-background)}:host .main-container .items-container .no-ocurrences-found span{display:block;color:var(--gray-04)}:host .main-container .items-container.exact-match{overflow-y:hidden}:host .main-container .items-container--above{transform:translateY(calc(-100% - 24px));border-top-width:1px;border-bottom-width:0;border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:0;border-bottom-left-radius:0}:host .search-and-items-container{flex:1}:host([label-position=start]) .main-container{display:flex;flex-direction:row}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) .main-container .label{display:flex;font-size:var(--font-size-lg);margin-bottom:var(--spacing-lay-xs);line-height:1.455em}:host(.large) .main-container .items-container .no-ocurrences-found{font-size:var(--font-size-lg)}";const d=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":"auto"}render(){return o(e,{onClick:this.clickHandler,class:{large:c.large,"no-icon":!this.icon,[h.DISABLED_CLASS]:this.disabled}},o("div",{class:{container:!0,"form-element":!0}},this.icon?o("gxg-icon",{color:this.iconColorHandler(),size:c.large?"regular":"small",type:this.icon}):null,o("div",{class:"description"},o("slot",null))))}get el(){return r(this)}};d.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-family:var(--font-family-primary);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-on-background);opacity:1;overflow:hidden}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-01);width:100%;height:var(--gxg-list-item-height);box-sizing:border-box;}:host gxg-icon{flex-shrink:0}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-left:var(--spacing-comp-02)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--gxg-background-color-item-hover)}:host([selected]){background-color:var(--gxg-background-color-item-selected);color:var(--gxg-color-selected)}:host(.large){font-size:var(--font-size-lg);min-height:auto}:host(.large) gxg-icon{margin-right:var(--spacing-comp-01)}";export{g as gxg_combo_box,d as gxg_combo_box_item}
@@ -0,0 +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.theTitle="",this.minHeight="0",this.height="100%",this.maxHeight="100%",this.checkboxes=!1,this.singleSelection=!1,this.allowsEmpty=!1,this.noBorder=!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.disabled=!1,this.formMessageLogic=a,this.required=!1,this.validationStatus="indeterminate",this.initialSetup=()=>{const t=!this.allowsEmpty&&0===this.selectedItemsLength(),r=this.singleSelection&&this.selectedItemsLength()>1,e=this.checkboxes,o=this.disabled;if(t||e||r||o){const i=this.getEnabledItems(),a=this.getSelectedItemsFunc();if(t){const t=i.find((t=>!t.selected));t&&(t.selected=!0)}else r&&(null==a?void 0:a.length)&&a.forEach(((t,r)=>{0!==r&&(t.selected=!1)}));e&&i.forEach((t=>{t.checkbox=!0,!this.disableSuggestions&&(t.emitCheckboxChange=!0)})),o&&i.forEach((t=>{t.disabled=!0}))}this.selectedItemsLength()>0&&this.updateSelectedItems()},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.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=>{const e=this.getItemIndex(r);t.push({active:r.active,selected:r.selected,checked:r.checked,highlighted:r.highlighted,index:e,value:r.value||r.textContent})})),this.selectedItems=[...t]},this.getItemIndex=t=>{if(t){const r=this.el.querySelectorAll("gxg-list-box-item");return Array.from(r).findIndex((r=>r===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(){return this.disabled?null:this.selectedItems}componentDidRender(){this.theTitle&&(this.headerHeight=this.header.clientHeight)}componentWillLoad(){this.initialSetup()}itemLoadedHandler(){}itemClickedHandler(t){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.selectionChanged.emit({items:t})}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")}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,highlighted:i.highlighted,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,[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,style:{minHeight:this.minHeight,height:this.height,maxHeight:this.maxHeight}},e("div",{class:{container:!0,"form-element":!0},tabindex:this.disabled?"-1":"0"},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,"main--no-border":this.noBorder},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(--color-background-disabled) !important;color:var(--color-on-background--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)}: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-02);padding:var(--spacing-comp-01) var(--spacing-comp-02);text-transform:uppercase;font-size:inherit;font-weight:var(--font-weight-bold);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-style:solid;outline-color:var(--color-primary-active);outline-width:var(--border-width-md);outline-offset:0}.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.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)},this.getIndex=()=>{const t=this.el.parentElement.querySelectorAll("gxg-list-box-item"),r=Array.from(t).findIndex((t=>t===this.el));return-1!==r?r:void 0}}checkboxChangedHandler(t){this.emitCheckboxChange&&this.checkboxStateChanged.emit({checkedItem:this.el,checked:t.detail.value})}iconColor(){return this.disabled?"disabled":this.selected||this.highlighted||this.mouseOver?"negative":"auto"}componentWillLoad(){this.attachExportParts()}componentDidLoad(){this.itemLoaded.emit()}itemClickedFunc(t){const r=this.getIndex();this.itemClicked.emit({clickedItem:this.el,ctrlKey:t.ctrlKey,cmdKey:t.metaKey,shiftKey:t.shiftKey,index:r})}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)}};m.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--color-background-disabled) !important;color:var(--color-on-background--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}: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}: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(:hover:not([selected])){background-color:var(--gxg-background-color-item-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([highlighted]){background-color:var(--gxg-background-color-item-selected);color:var(--color-on-background)}:host([selected]){background-color:var(--gxg-background-color-item-active);color:var(--gxg-color-item-active)}:host(.large) .container{padding:var(--spacing-comp-01)}";export{h as gxg_list_box,m as gxg_list_box_item}
@@ -0,0 +1 @@
1
+ const n=(n,r)=>{var e;null===(e=n.fieldErrors)||void 0===e||e.forEach((n=>{const e=n.message,l=n.hasError,o=r[`${n.key}El`];o&&l&&e.trim()?(o.validationStatus="error",o.validationMessage=e):o&&!l&&(o.validationStatus="indeterminate",o.validationMessage=null)}))};export{n as f}
@@ -0,0 +1 @@
1
+ import{r,c as t,h as o,H as e,g as a}from"./p-976c3a09.js";const i=class{constructor(o){r(this,o),this.radioChecked=t(this,"radioChecked",7),this.keyPressed=t(this,"keyPressed",7),this.error=!1,this.checked=!1,this.disabled=!1,this.clickedHandler=()=>{this.checked=!0}}checkedHandler(r){r&&this.radioChecked.emit({id:this.radioId,value:this.value})}handlerOnKeyDown(r){this.keyPressed.emit(r.key)}render(){return o(e,{class:{"gxg-form-radio--disabled":this.disabled}},o("gxg-label",{noMargin:!0,class:"label",disabled:this.disabled,onClick:this.clickedHandler},o("input",{ref:r=>this.radioInput=r,type:"radio",name:this.name,value:this.value,disabled:this.disabled,onKeyDown:this.handlerOnKeyDown.bind(this),checked:this.checked,class:{checked:this.checked&&!this.disabled}}),o("span",{class:{radiobtn:!0,"radiobtn--error":this.error}}),this.label))}static get delegatesFocus(){return!0}get el(){return a(this)}static get watchers(){return{checked:["checkedHandler"]}}};i.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;cursor:pointer;}:host input:focus+.radiobtn{box-shadow:0px 0px 0px 1px var(--color-primary-active)}:host .label{display:flex;align-items:center;position:relative;cursor:pointer;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}:host .label input{position:absolute;opacity:0;cursor:pointer}:host .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:transparent}:host .label:hover input~.checkmark{background-color:transparent}:host .label input:checked~.checkmark{background-color:#2196f3}:host .checkmark:after{content:"";position:absolute;display:none}:host .label input:checked~.checkmark:after{display:block}:host .label .checkmark:after{left:10px;top:6px;width:7px;height:12px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}:host .radiobtn{display:inline-block;height:var(--spacing-comp-04);width:var(--spacing-comp-04);background-color:transparent;border-radius:50%;border-color:var(--gray-04);border-style:var(--border-style-regular);border-width:var(--border-width-sm);position:relative;margin-inline-end:var(--spacing-comp-02);flex-shrink:0;box-shadow:0px 0px 0px 1px transparent;box-sizing:border-box}:host .radiobtn--error{border-color:var(--color-error-dark) !important;background:var(--color-error-light) !important}:host .radiobtn--error:after{background-color:var(--color-error-dark) !important}:host input:focus+.radiobtn--error{box-shadow:0px 0px 0px 1px var(--color-error-dark)}:host .label:hover input~.radiobtn{background-color:transparent}:host .label input[checked]~.radiobtn{background-color:transparent;border-color:var(--color-primary-active)}:host .radiobtn:after{content:"";position:absolute;display:block;width:8px;height:8px;transition-property:all;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}:host .label input.checked~.radiobtn:after{display:block;transform:translateY(-50%) translateX(-50%);width:8px;height:8px}:host .label .radiobtn:after{height:0;width:0;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);border-radius:50%;background:var(--color-primary-active)}:host([disabled]){pointer-events:none}:host([disabled]) .radiobtn,:host([disabled]) .label input.checked~.radiobtn{border-color:var(--gxg-border-color--disabled)}:host([disabled]) .radiobtn:after{background-color:var(--gxg-border-color--disabled)}';export{i as gxg_form_radio}
@@ -0,0 +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}
@@ -0,0 +1 @@
1
+ import{r as i,c as t,h as e,H as a,g as s}from"./p-976c3a09.js";import{L as r}from"./p-26957490.js";import{r as o}from"./p-44964acf.js";import{f as l}from"./p-daf4eb69.js";const d=class{constructor(e){i(this,e),this.componentDidLoadEvent=t(this,"componentDidLoadEvent",7),this.kbIdSelected=null,this.authenticationTypes=[],this.setAuthenticationTypes=()=>{this.authenticationTypes=[{id:"genexus",value:"genexus",label:this._componentLocale.authenticationTypes.genexusAccount},{id:"local",value:"local",label:this._componentLocale.authenticationTypes.local}]},this.addEventListeners=()=>{this.serverUrlsEl.addEventListener("valueChanged",(()=>{this.reset()})),this.searchKBEl.addEventListener("valueChanged",(i=>{this.kbNameEl.value="",this.kbIdSelected=null,this.kbSearchText=i.detail})),this.listBoxEl.addEventListener("selectionChanged",(i=>{let t;if(i.detail.items.length>0&&(t=i.detail.items[0]),t){this.kbIdSelected=t.value;const i=this.kbs.find((i=>i.id===this.kbIdSelected));i&&(this.kbNameEl.value=i.name)}}))},this.createKbHandler=()=>{this.createKBCallback&&this.createKBCallback({id:this.kbIdSelected,name:this.kbNameEl.value}).then((i=>{l(i,this)}))},this.connectCallbackHandler=()=>{var i,t;this.connectCallback&&this.connectCallback({serverUrl:this.serverUrlsEl.value,authenticationType:this.authenticationTypeEl.value,user:null===(i=this.userNameEl)||void 0===i?void 0:i.value,password:null===(t=this.passwordEl)||void 0===t?void 0:t.value}).then((i=>{l(i.formResult,this),i.formResult.success&&i.kbs&&(this.kbs=i.kbs,this.selectionKbDisabled=!1)}))},this.selectionKbDisabled=!0,this.kbs=[],this.kbSearchText="",this.connectCallback=void 0,this.createKBCallback=void 0,this.enableCustomServer=!1,this.kbName=void 0,this.password=void 0,this.serverUrls=void 0,this.userName=void 0}async componentWillLoad(){this._componentLocale=await r.getComponentStrings(this.el),this.setAuthenticationTypes()}componentDidLoad(){this.serverUrlsEl.focus(),this.addEventListeners()}reset(){this.kbs=[],this.kbIdSelected=null,this.selectionKbDisabled=!0,this.searchKBEl.value="",this.kbSearchText=""}render(){return e(a,{class:{"gx-ide-component":!0}},e("div",{class:"main-wrapper"},e("gxg-container",null,e("div",{class:"flex"},e("gxg-label",{labelPosition:"start",class:"kb-label"},this._componentLocale.label.serverUrl),e("gxg-combo-box",{disableFilter:!this.enableCustomServer,ref:i=>this.serverUrlsEl=i,class:"server-urls-combo-box",part:"server-urls"},this.serverUrls?o("gxg-combo-box-item",this.serverUrls.map((i=>({id:i,label:i,value:i}))),"server-urls"):null)),e("div",{class:"grid grid-data"},e("div",null,e("div",{class:"grid grid-data-account"},e("gxg-combo-box",{disableFilter:!0,value:this.authenticationTypes[0].id,ref:i=>this.authenticationTypeEl=i,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},o("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),e("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.userName}:`),e("gxg-form-text",{ref:i=>this.userNameEl=i,value:this.userName,class:"user-name",part:"user-name"}),e("gxg-label",{labelPosition:"start",class:"kb-label"},`${this._componentLocale.label.password}:`),e("gxg-form-text",{password:!0,ref:i=>this.passwordEl=i,value:this.password,class:"password",part:"password"}),e("div",null,e("gxg-button",{id:"button-connect",type:"primary-text-only",onClick:this.connectCallbackHandler,part:"button-connect"},this._componentLocale.btn.btnConnect)))),e("div",{class:"grid"},e("div",{class:"grid-data-kbs"},e("div",{class:"search-kbs"},e("gxg-form-text",{ref:i=>this.searchKBEl=i,class:"search-kb-input",part:"search-kb",disabled:this.selectionKbDisabled,placeholder:this._componentLocale.label.searchKbs})),e("div",{class:"box-kbs"},e("gxg-list-box",{id:"max-height",height:"100%","min-height":"50%","no-border":!0,"single-selection":!0,disabled:this.selectionKbDisabled,ref:i=>this.listBoxEl=i,part:"kbs",onSelectionChanged:this.kbsOnSelectionChangedHander},this.kbs.filter((i=>i.name.toLowerCase().includes(this.kbSearchText.toLowerCase()))).map((i=>e("gxg-list-box-item",{value:i.id,key:i.id},i.name)))))),e("div",{class:"grid grid-data-kbs-footer"},e("gxg-form-text",{ref:i=>this.kbNameEl=i,value:this.kbName,class:"kb-name",part:"kb-name",disabled:this.selectionKbDisabled}),e("div",null,e("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",disabled:this.selectionKbDisabled},this._componentLocale.btn.btnCreate))))))))}static get assetsDirs(){return["gx-ide-assets/create-kb-from-server"]}get el(){return s(this)}};d.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:6px;height:6px}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-main::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-main .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:6px;height:6px}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gray-02);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb{background:var(--gray-05);border-radius:10px}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background:var(--gray-04);cursor:pointer}.gx-ide-overflow .gxg-scroll{display:block;overflow-y:auto;padding-inline-end:2px}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}.grid-data{grid-template-columns:repeat(2, 1fr)}.grid-data-account{grid-template-columns:auto 1fr}.grid-data-account>:nth-child(1){grid-area:1/1/2/3}.grid-data-account>:nth-child(6){grid-area:4/2/5/3}.grid-data-kbs .search-kbs{width:100%;display:flex}.grid-data-kbs .box-kbs{height:150px}.grid-data-kbs-footer{grid-template-columns:repeat(2, auto)}.flex{display:flex}.flex>:nth-child(2){flex:1}";export{d as gx_ide_create_kb_from_server}
@@ -0,0 +1,6 @@
1
+ export declare const FILTER_AFTER: {
2
+ NONE: string;
3
+ DATE_TIME: string;
4
+ LAST_BUILD: string;
5
+ IMPORT: string;
6
+ };
@@ -0,0 +1,90 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ import { FormSubmitResult } from "../../common/types";
3
+ export declare class GxIdeCreateKbFromServer {
4
+ [key: string]: any;
5
+ /**
6
+ * The component hard-coded strings translations.
7
+ */
8
+ private _componentLocale;
9
+ private authenticationTypeEl;
10
+ private serverUrlsEl;
11
+ private kbNameEl;
12
+ private passwordEl;
13
+ private userNameEl;
14
+ private searchKBEl;
15
+ private listBoxEl;
16
+ private kbIdSelected;
17
+ private authenticationTypes;
18
+ el: HTMLGxIdeCreateKbFromServerElement;
19
+ /**
20
+ * Disabled or not the part for select and create the KB
21
+ */
22
+ selectionKbDisabled: boolean;
23
+ /**
24
+ * KBs that return from connect to the server
25
+ */
26
+ kbs: KBData[];
27
+ /**
28
+ * KBs search text
29
+ */
30
+ kbSearchText: string;
31
+ /**
32
+ * Callback that will be invoked when the user connect to the kb server (‘Connect’ button)
33
+ */
34
+ readonly connectCallback: (data: GXServerConnectionData) => Promise<ConnectionResultData>;
35
+ /**
36
+ * Callback that will be invoked when the user confirms KB creation (‘Create’ button)
37
+ */
38
+ readonly createKBCallback: (data: CreateKBData) => Promise<FormSubmitResult>;
39
+ /**
40
+ * If is true then the user can specify a server url that don't be in the combo box of server urls.
41
+ */
42
+ readonly enableCustomServer: boolean;
43
+ /**
44
+ * The knowledge base default suggested name
45
+ */
46
+ readonly kbName: string;
47
+ /**
48
+ * Password for the database connection.
49
+ */
50
+ readonly password: string;
51
+ /**
52
+ * Array of URLs of cataloged servers to be displayed in the combo
53
+ */
54
+ readonly serverUrls: string[];
55
+ /**
56
+ * Username for the database connection.
57
+ */
58
+ readonly userName: string;
59
+ /**
60
+ * This event is emitted once just after the component is fully loaded and the first render() occurs
61
+ */
62
+ componentDidLoadEvent: EventEmitter<boolean>;
63
+ componentWillLoad(): Promise<void>;
64
+ componentDidLoad(): void;
65
+ private setAuthenticationTypes;
66
+ private addEventListeners;
67
+ private reset;
68
+ private createKbHandler;
69
+ private connectCallbackHandler;
70
+ render(): void;
71
+ }
72
+ export interface GXServerConnectionData {
73
+ serverUrl: string;
74
+ authenticationType: AuthenticationType;
75
+ user: string;
76
+ password: string;
77
+ }
78
+ export type ConnectionResultData = {
79
+ formResult: FormSubmitResult;
80
+ kbs: KBData[];
81
+ };
82
+ export interface KBData {
83
+ id: string;
84
+ name: string;
85
+ }
86
+ export interface CreateKBData {
87
+ id: string;
88
+ name: string;
89
+ }
90
+ export type AuthenticationType = "genexus" | "local";
@@ -1,10 +1,7 @@
1
1
  import { EventEmitter } from "../../stencil-public-runtime";
2
2
  import { GxOption } from "../../common/types";
3
3
  import { EntityData } from "../../common/types";
4
- declare const FILTER_AFTER_NONE = "none";
5
- declare const FILTER_AFTER_DATE_TIME = "afterDateTime";
6
- declare const FILTER_AFTER_LAST_BUILD = "afterLastBuild";
7
- declare const FILTER_AFTER_IMPORT = "afterImport";
4
+ import { FILTER_AFTER } from "../../common/constants";
8
5
  export declare class GxIdeObjectSelector {
9
6
  /**
10
7
  * The component hard-coded strings translations.
@@ -39,7 +36,7 @@ export declare class GxIdeObjectSelector {
39
36
  /**
40
37
  * True' if multiple object selection is allowed. Default is 'True'
41
38
  */
42
- readonly multiSelection: true;
39
+ readonly multiSelection: boolean;
43
40
  /**
44
41
  * Current value of the input pattern. It is also used to set the default value when initializing the component
45
42
  */
@@ -103,6 +100,8 @@ export declare class GxIdeObjectSelector {
103
100
  private deselectAll;
104
101
  private newObjectCallbackHandle;
105
102
  private listenChanges;
103
+ private chGridKeyDownHandler;
104
+ private hostKeyPressHandler;
106
105
  render(): void;
107
106
  }
108
107
  export type ObjectType = {
@@ -134,5 +133,4 @@ export interface ObjectData {
134
133
  modifiedDate?: Date;
135
134
  importDate?: Date;
136
135
  }
137
- export type ObjectSelectorFilterAfter = typeof FILTER_AFTER_NONE | typeof FILTER_AFTER_DATE_TIME | typeof FILTER_AFTER_LAST_BUILD | typeof FILTER_AFTER_IMPORT;
138
- export {};
136
+ export type ObjectSelectorFilterAfter = typeof FILTER_AFTER.NONE | typeof FILTER_AFTER.DATE_TIME | typeof FILTER_AFTER.LAST_BUILD | typeof FILTER_AFTER.IMPORT;
@@ -0,0 +1,191 @@
1
+ import { EventEmitter } from "../../stencil-public-runtime";
2
+ import { GxOption } from "../../common/types";
3
+ import { EntityData } from "../../common/types";
4
+ export declare class GxIdeWWImages {
5
+ /**
6
+ * The component hard-coded strings translations.
7
+ */
8
+ private _componentLocale;
9
+ el: HTMLGxIdeWwImagesElement;
10
+ private filterNameEl;
11
+ private filterSearchContentsEl;
12
+ private filterCategoryEl;
13
+ private filterModuleEl;
14
+ private filterModifiedEl;
15
+ private filterAllDescendantsEl;
16
+ private filterAfterTypeEl;
17
+ private filterUserEl;
18
+ private filterModifiedDateEl;
19
+ private filterStyleEl;
20
+ private filterLanguageEl;
21
+ private filterDensityEl;
22
+ private filterLayerEl;
23
+ private chGridEl;
24
+ /**
25
+ * The after types render in the after selector
26
+ */
27
+ filterAfterType: string;
28
+ /**
29
+ * For show or hide the filters relative to modifiers
30
+ */
31
+ filterModified: boolean;
32
+ /**
33
+ * For show or hide advanced filters
34
+ */
35
+ filterMore: boolean;
36
+ /**
37
+ * The images rendered in the table
38
+ */
39
+ images: ImageData[];
40
+ /**
41
+ * The items of the image that is selected
42
+ */
43
+ imagesSelectedItems: ImageItemData[];
44
+ /**
45
+ * The selected images in the table of images
46
+ */
47
+ selectedObjectsIds: string[];
48
+ /**
49
+ * The categories render in the filter category selector
50
+ */
51
+ readonly categories: GxOption[];
52
+ /**
53
+ * The densities render in the filter density selector
54
+ */
55
+ readonly densities: GxOption[];
56
+ /**
57
+ * The default value for the 'categories' filter
58
+ */
59
+ readonly defaultCategory: string;
60
+ /**
61
+ * The default value for the module/folder filter
62
+ */
63
+ readonly defaultModule: EntityData;
64
+ /**
65
+ * The default value for the type filter
66
+ */
67
+ readonly defaultType: string;
68
+ /**
69
+ * The modules/folders render in the module/folder selector
70
+ */
71
+ readonly filterModules: GxOption[];
72
+ /**
73
+ * The languages render in the filter language selector
74
+ */
75
+ readonly languages: GxOption[];
76
+ /**
77
+ * The layers render in the filter layer selector
78
+ */
79
+ readonly layers: GxOption[];
80
+ /**
81
+ * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
82
+ */
83
+ readonly contextMenuCallback: ContextMenuCallback;
84
+ /**
85
+ * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
86
+ */
87
+ readonly deleteSelectionCallback: DeleteSelectionCallback;
88
+ /**
89
+ * This is a function provided by the developer that return a list of images to populate the table of images.
90
+ */
91
+ readonly loadCallback: LoadCallback;
92
+ /**
93
+ * This is a function provided by the developer that return a list of items of the image selected.
94
+ */
95
+ readonly loadImageItemsCallback: LoadImageItemsCallback;
96
+ /**
97
+ * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
98
+ */
99
+ readonly newObjectCallback: NewObjectCallback;
100
+ /**
101
+ * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
102
+ */
103
+ readonly openSelectionCallback: OpenSelectionCallback;
104
+ /**
105
+ * Callback invoked when the action is executed on the Module/Folder filter (button '...'). It returns the information of the selected object (id and name) or 'undefined' if it was canceled.
106
+ */
107
+ readonly selectModuleCallback: SelectModuleCallback;
108
+ /**
109
+ * This is a function provided by the developer for expanded the data of images that is double-clicked or entered.
110
+ */
111
+ readonly selectionObjectChangeCallback: SelectionChangeCallback;
112
+ /**
113
+ * Applies a shadow all around
114
+ */
115
+ readonly shadow = false;
116
+ /**
117
+ * The styles render in the filter style selector
118
+ */
119
+ readonly styles: GxOption[];
120
+ /**
121
+ * The types render in the filter type selector
122
+ */
123
+ readonly types: GxOption[];
124
+ /**
125
+ * This event is emitted once just after the component is fully loaded and the first render() occurs.
126
+ */
127
+ componentDidLoadEvent: EventEmitter<boolean>;
128
+ componentWillLoad(): Promise<void>;
129
+ componentDidLoad(): void;
130
+ keyDownHandler(eventInfo: KeyboardEvent): void;
131
+ /**
132
+ * Validate necessary data input
133
+ */
134
+ validate(): Promise<boolean>;
135
+ /**
136
+ * This method reload the view, refreshing the filters and the table of images.
137
+ */
138
+ reload(): Promise<void>;
139
+ private renderFilter;
140
+ private renderImages;
141
+ private renderImageData;
142
+ private getImages;
143
+ private newObjectCallbackHandle;
144
+ private openSelectionCallBackHandle;
145
+ private deleteSelectionCallbackHandle;
146
+ private contextMenuCallbackHandle;
147
+ private showMoreFilter;
148
+ private selectAll;
149
+ private deselectAll;
150
+ private listenChanges;
151
+ render(): void;
152
+ }
153
+ export type SelectionChangeCallback = (ids: string[]) => Promise<void>;
154
+ export type OpenSelectionCallback = (ids: string[]) => Promise<void>;
155
+ export type DeleteSelectionCallback = (ids: string[]) => Promise<void>;
156
+ export type SelectModuleCallback = () => Promise<EntityData | undefined>;
157
+ export type ContextMenuCallback = (ids: string[]) => Promise<void>;
158
+ export type NewObjectCallback = () => Promise<void>;
159
+ export type LoadCallback = (filters: ImageFiltersData) => Promise<ImageData[]>;
160
+ export type LoadImageItemsCallback = (id: string) => Promise<ImageItemData[]>;
161
+ export interface ImageFiltersData {
162
+ name?: string;
163
+ searchContents?: string;
164
+ category?: string;
165
+ parent?: string;
166
+ allDescendants?: boolean;
167
+ modifiedAfter?: string;
168
+ modifiedBy?: string;
169
+ modifiedDate?: Date;
170
+ style?: string;
171
+ language?: string;
172
+ density?: string;
173
+ layer?: string;
174
+ }
175
+ export interface ImageData {
176
+ id: string;
177
+ icon: string;
178
+ name: string;
179
+ description: string;
180
+ parent: string;
181
+ module: string;
182
+ modifiedDate?: Date;
183
+ lastUser?: string;
184
+ importDate?: Date;
185
+ lastBuildDate: Date;
186
+ }
187
+ export interface ImageItemData {
188
+ id: string;
189
+ name: string;
190
+ url: string;
191
+ }