@genexus/genexus-ide-ui 0.0.84 → 0.0.86

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 (120) hide show
  1. package/dist/cjs/ch-action-group-render.cjs.entry.js +112 -0
  2. package/dist/cjs/ch-checkbox_3.cjs.entry.js +21 -10
  3. package/dist/cjs/ch-dropdown-item.cjs.entry.js +1 -1
  4. package/dist/cjs/ch-dropdown-render.cjs.entry.js +73 -0
  5. package/dist/cjs/ch-shortcuts_2.cjs.entry.js +99 -20
  6. package/dist/cjs/ch-tree-view-render_2.cjs.entry.js +49 -92
  7. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  8. package/dist/cjs/genexus-implementation-664b13f0.js +76 -0
  9. package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +2 -5
  10. package/dist/cjs/gx-ide-new-environment.cjs.entry.js +16 -9
  11. package/dist/cjs/gx-ide-new-kb.cjs.entry.js +14 -3
  12. package/dist/cjs/gx-ide-new-object.cjs.entry.js +21 -3
  13. package/dist/cjs/gx-ide-object-selector.cjs.entry.js +87 -59
  14. package/dist/cjs/gx-ide-recent-news.cjs.entry.js +2 -3
  15. package/dist/cjs/gx-ide-references.cjs.entry.js +2 -7
  16. package/dist/cjs/gx-ide-start-page.cjs.entry.js +1 -1
  17. package/dist/cjs/gxg-combo-box_2.cjs.entry.js +1 -7
  18. package/dist/cjs/loader.cjs.js +1 -1
  19. package/dist/collection/collection-manifest.json +2 -2
  20. package/dist/collection/components/kb-manager-import/kb-manager-import.js +2 -5
  21. package/dist/collection/components/new-environment/new-environment.js +39 -9
  22. package/dist/collection/components/new-kb/gx-ide-assets/new-kb/shortcuts.json +1 -4
  23. package/dist/collection/components/new-kb/new-kb.js +37 -3
  24. package/dist/collection/components/new-object/gx-ide-assets/new-object/shortcuts.json +1 -4
  25. package/dist/collection/components/new-object/new-object.js +44 -3
  26. package/dist/collection/components/object-selector/gx-ide-assets/object-selector/langs/object-selector.lang.en.json +4 -0
  27. package/dist/collection/components/object-selector/object-selector.css +4 -0
  28. package/dist/collection/components/object-selector/object-selector.js +123 -58
  29. package/dist/collection/components/references/references.js +3 -10
  30. package/dist/collection/components/start-page/recent-news.js +2 -3
  31. package/dist/collection/components/start-page/start-page.js +1 -1
  32. package/dist/components/ch-action-group-render.js +175 -0
  33. package/dist/components/ch-dropdown-item-separator.js +28 -1
  34. package/dist/components/ch-dropdown-render.js +121 -0
  35. package/dist/components/ch-shortcuts2.js +97 -19
  36. package/dist/components/combo-box.js +1 -8
  37. package/dist/components/dropdown-item.js +1 -1
  38. package/dist/components/genexus-implementation.js +74 -0
  39. package/dist/components/gx-ide-kb-manager-import.js +2 -5
  40. package/dist/components/gx-ide-new-environment.js +18 -10
  41. package/dist/components/gx-ide-new-kb.js +16 -4
  42. package/dist/components/gx-ide-new-object.js +24 -5
  43. package/dist/components/gx-ide-object-selector.js +140 -104
  44. package/dist/components/gx-ide-references.js +3 -10
  45. package/dist/components/gx-ide-start-page.js +1 -1
  46. package/dist/components/index.js +2 -2
  47. package/dist/components/recent-news.js +2 -3
  48. package/dist/components/shortcuts.js +4 -1
  49. package/dist/components/tree-view-item.js +21 -10
  50. package/dist/components/tree-view-render.js +49 -91
  51. package/dist/esm/ch-action-group-render.entry.js +108 -0
  52. package/dist/esm/ch-checkbox_3.entry.js +21 -10
  53. package/dist/esm/ch-dropdown-item.entry.js +1 -1
  54. package/dist/esm/ch-dropdown-render.entry.js +69 -0
  55. package/dist/esm/ch-shortcuts_2.entry.js +99 -20
  56. package/dist/esm/ch-tree-view-render_2.entry.js +48 -91
  57. package/dist/esm/genexus-ide-ui.js +1 -1
  58. package/dist/esm/genexus-implementation-3b347d88.js +74 -0
  59. package/dist/esm/gx-ide-kb-manager-import.entry.js +2 -5
  60. package/dist/esm/gx-ide-new-environment.entry.js +16 -9
  61. package/dist/esm/gx-ide-new-kb.entry.js +14 -3
  62. package/dist/esm/gx-ide-new-object.entry.js +21 -3
  63. package/dist/esm/gx-ide-object-selector.entry.js +87 -59
  64. package/dist/esm/gx-ide-recent-news.entry.js +2 -3
  65. package/dist/esm/gx-ide-references.entry.js +2 -7
  66. package/dist/esm/gx-ide-start-page.entry.js +1 -1
  67. package/dist/esm/gxg-combo-box_2.entry.js +1 -7
  68. package/dist/esm/loader.js +1 -1
  69. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  70. package/dist/genexus-ide-ui/gx-ide-assets/new-kb/shortcuts.json +1 -4
  71. package/dist/genexus-ide-ui/gx-ide-assets/new-object/shortcuts.json +1 -4
  72. package/dist/genexus-ide-ui/gx-ide-assets/object-selector/langs/object-selector.lang.en.json +4 -0
  73. package/dist/genexus-ide-ui/p-021e21a0.entry.js +1 -0
  74. package/dist/genexus-ide-ui/p-068b6b8d.entry.js +1 -0
  75. package/dist/genexus-ide-ui/p-06d9d6ff.entry.js +1 -0
  76. package/dist/genexus-ide-ui/p-356ee19a.js +1 -0
  77. package/dist/genexus-ide-ui/p-49333316.entry.js +1 -0
  78. package/dist/genexus-ide-ui/p-4bd7c59a.entry.js +1 -0
  79. package/dist/genexus-ide-ui/p-54b5628c.entry.js +1 -0
  80. package/dist/genexus-ide-ui/p-65b5622e.entry.js +1 -0
  81. package/dist/genexus-ide-ui/p-70b33bae.entry.js +1 -0
  82. package/dist/genexus-ide-ui/p-8a18798d.entry.js +1 -0
  83. package/dist/genexus-ide-ui/p-8f022c0e.entry.js +1 -0
  84. package/dist/genexus-ide-ui/{p-20fab805.entry.js → p-90806539.entry.js} +1 -1
  85. package/dist/genexus-ide-ui/p-ad5d4f7d.entry.js +1 -0
  86. package/dist/genexus-ide-ui/p-cadcd655.entry.js +1 -0
  87. package/dist/genexus-ide-ui/p-cfbd5a0e.entry.js +1 -0
  88. package/dist/genexus-ide-ui/{p-005970ac.entry.js → p-eaae6676.entry.js} +1 -1
  89. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/action-group/action-group-render.css +3 -0
  90. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/dropdown/dropdown-render.css +3 -0
  91. package/dist/types/components/new-environment/new-environment.d.ts +5 -1
  92. package/dist/types/components/new-kb/new-kb.d.ts +5 -0
  93. package/dist/types/components/new-object/new-object.d.ts +6 -0
  94. package/dist/types/components/object-selector/object-selector.d.ts +14 -3
  95. package/dist/types/components/references/references.d.ts +0 -9
  96. package/dist/types/components/start-page/recent-news.d.ts +1 -1
  97. package/dist/types/components.d.ts +24 -0
  98. package/package.json +3 -3
  99. package/dist/cjs/ch-test-action-group.cjs.entry.js +0 -79
  100. package/dist/cjs/ch-test-dropdown.cjs.entry.js +0 -54
  101. package/dist/components/ch-test-action-group.js +0 -137
  102. package/dist/components/ch-test-dropdown.js +0 -104
  103. package/dist/components/dropdown-item-separator.js +0 -30
  104. package/dist/esm/ch-test-action-group.entry.js +0 -75
  105. package/dist/esm/ch-test-dropdown.entry.js +0 -50
  106. package/dist/genexus-ide-ui/p-2d77e2a3.entry.js +0 -1
  107. package/dist/genexus-ide-ui/p-4de6b0f4.entry.js +0 -1
  108. package/dist/genexus-ide-ui/p-5757e203.entry.js +0 -1
  109. package/dist/genexus-ide-ui/p-7a03aa05.entry.js +0 -1
  110. package/dist/genexus-ide-ui/p-7ae11b35.entry.js +0 -1
  111. package/dist/genexus-ide-ui/p-85b78e25.entry.js +0 -1
  112. package/dist/genexus-ide-ui/p-9f08b2a4.entry.js +0 -1
  113. package/dist/genexus-ide-ui/p-a2c7dc8a.entry.js +0 -1
  114. package/dist/genexus-ide-ui/p-a69aaabc.entry.js +0 -1
  115. package/dist/genexus-ide-ui/p-c00aa636.entry.js +0 -1
  116. package/dist/genexus-ide-ui/p-d3428456.entry.js +0 -1
  117. package/dist/genexus-ide-ui/p-d9910218.entry.js +0 -1
  118. package/dist/genexus-ide-ui/p-da8ad725.entry.js +0 -1
  119. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-action-group/test-action-group.css +0 -52
  120. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-dropdown/test-dropdown.css +0 -36
@@ -0,0 +1 @@
1
+ import{r as t,c as o,h as i,H as r,g as e}from"./p-0906fb46.js";import{a,b as n}from"./p-b9fca59c.js";import{r as s}from"./p-925cb9fe.js";import{K as l}from"./p-6a84b339.js";import{e as c}from"./p-d8501cb4.js";import{s as h}from"./p-a85038e2.js";import{c as g}from"./p-e7e4f76c.js";const d=class{constructor(i){t(this,i),this.valueChanged=o(this,"valueChanged",7),this.opened=o(this,"opened",7),this.closed=o(this,"closed",7),this.toggled=o(this,"toggled",7),this.parts={input:"input",clearButton:"clear-button",toggleButton:"toggle-button"},this.componentDidLoadFlag=!1,this.popOver=!0,this.toolTip=!1,this.disabled=!1,this.label=void 0,this.labelPosition="above",this.minWidth="0",this.maxWidth="100%",this.listMaxHeight="244px",this.placeholder="Search item",this.disableFilter=!1,this.disableClear=!1,this.strict=!1,this.caseSensitive=!1,this.listPosition="below",this.centerLabel=!1,this.required=!1,this.validationStatus="indeterminate",this.cursorEnd=!1,this.userTyped=!1,this.formMessageLogic=a,this.inputTextValue="",this.listIsOpen=!1,this.inputTextIcon=void 0,this.noMatch=!1,this.lastAllowedValue=void 0,this.slottedContent=null,this.selectionProgramatic=!0,this.myObserver=null,this.detectClickOutsideCombo=this.detectClickOutsideComboFunc.bind(this),this.detectMouseScroll=this.detectMouseScrollFunc.bind(this),this.attachExportParts=()=>{const t=this.el.getAttribute("part"),o=c(t,this.parts);o.length&&(this.exportparts=o)},this.mutationRemoveObserver=()=>{this._mo=function(t,o){const i=new MutationObserver((t=>{for(const i of t)if("childList"===i.type){const t=Array.from(i.removedNodes);for(const i of t)i.nodeType===Node.ELEMENT_NODE&&(o.removedItem=i)}}));return i.observe(t,{childList:!0}),i}(this.el,this)},this.inputHandler=t=>{this.userTyped=!0;const o=this.sanitizeString(t.detail),i=this.filterList(o);this.strict?1===i.length&&(this.value=i[0].value):this.value=o},this.keyDownHandler=t=>{let o;t.code!==l.ARROW_DOWN&&t.code!==l.ARROW_UP||t.preventDefault(),t.code===l.ARROW_DOWN?(o=this.getNewItem("next"),(null==o?void 0:o.value)&&(this.value=null==o?void 0:o.value),s(this.itemsContainer,this.selectedItem,l.ARROW_DOWN),t.altKey&&this.showList()):t.code===l.ARROW_UP?(o=this.getNewItem("prev"),(null==o?void 0:o.value)&&(this.value=null==o?void 0:o.value),s(this.itemsContainer,this.selectedItem,l.ARROW_UP)):t.code===l.ENTER?(this.hideList(),this.showAllItems()):t.code===l.SPACE?this.showList():t.code===l.ESCAPE?(this.showAllItems(),this.hideList()):t.code===l.TAB&&this.showList&&this.hideList()},this.handleValueChangeFormText=t=>{this.value=t.detail},this.evaluatePopOver=()=>{this.popOver&&this.itemsContainer.setAttribute("popover","")},this.filterList=t=>{t=this.sanitizeString(t),!this.caseSensitive&&(t=t.toLowerCase());const o=this.getEnabledItems(),i=[];return o.length&&o.forEach((o=>{const r=this.caseSensitive?o.textContent:o.textContent.toLocaleLowerCase();!o.disabled&&r.includes(t)?(i.push(o),o.hidden=!1):o.hidden=!0})),i.length>=1?this.showList():this.hideList(),i},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,o)=>{t.index=o}))},this.getEnabledItems=()=>{const t=[];return this.getAllItems().forEach((o=>{!o.disabled&&t.push(o)})),t},this.getFilteredItems=()=>{const t=this.getEnabledItems(),o=[];return t.forEach((t=>{!t.hidden&&o.push(t)})),o},this.getAllItems=()=>{const t=[];return this.el.querySelectorAll("gxg-combo-box-item").forEach((o=>{t.push(o)})),t},this.getItemByValue=t=>{let o;return t&&(o=this.getEnabledItems().find((o=>!o.disabled&&(null==o?void 0:o.value)&&o.value===t))),o},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 o=this.getEnabledItems(),i=null==o?void 0:o.find((o=>{const i=this.caseSensitive?o.textContent:o.textContent.toLocaleLowerCase();return!o.disabled&&i===t}));return null==i?void 0:i.value},this.getNewItem=t=>{const o=this.getFilteredItems(),i=null==o?void 0:o.findIndex((t=>t.selected));return"next"===t?-1===i?o[0]:o[i+1]:"prev"===t&&-1!==i?o[i-1]:void 0},this.setSelectedItem=t=>!!t&&(this.selectedItem&&(this.selectedItem.selected=!1),t.selected=!0,this.selectedItem=t,!0),this.sanitizeString=t=>"string"==typeof t?t.replace(/\s+/g," ").trim():t,this.setInitialValue=()=>{const t=this.getEnabledItems()[0];if(this.value&&void 0===this.removedItem){const t=this.getItemByValue(this.value);t?(this.text=t.innerText,this.inputTextIcon=t.icon,t.selected=!0):this.strict?this.value=void 0:this.text=this.value.toString()}else t?(this.value=t.value,this.text=t.innerText):this.strict&&(this.value=void 0)},this.toggleListButtonClickHandler=()=>{this.disabled||(this.showAllItems(),this.toggleList(),this.focus())},this.inputTextClickHandler=()=>{this.disabled||this.disableFilter&&this.toggleList()},this.toggleList=()=>{this.disabled||(this.listIsOpen=!this.listIsOpen)},this.showList=()=>{this.disabled||(this.listIsOpen=!0)},this.hideList=()=>{this.disabled||(this.listIsOpen=!1)},this.clearIcon=()=>{this.disabled||(this.inputTextIcon=null)}}componentDidUpdate(){const t=this.itemsContainerBottomOverflows();this.listPosition=t?"above":"below"}componentWillLoad(){this.setup(),this.attachExportParts(),this.mutationRemoveObserver()}componentDidLoad(){this.resizeObserver(),this.componentDidLoadFlag=!0,this.evaluatePopOver()}disconnectedCallback(){this.cleanup()}async open(){this.listIsOpen=!0}async close(){this.listIsOpen=!1}async getValueByIndex(t){const o=this.getEnabledItems().filter((o=>o.index===t))[0];return null==o?void 0:o.value}async setValueByIndex(t){const o=this.getEnabledItems().filter((o=>o.index===t))[0];return!(!o||!o.value||(this.value=o.value,0))}async selectInputText(){this.inputText.selectInputText()}itemSelectedHandler(t){this.value=t.detail.value,this.inputText.focus()}itemDidLoadHandler(){this.setIndexes()}keyDownComboItemHandler(t){t.stopPropagation(),"ArrowUp"===t.detail?this.inputText.focus():"Tab"!==t.detail&&"Escape"!==t.detail||(this.listIsOpen=!1,this.inputText.focus())}onValueChanged(t){setTimeout((()=>{let o,i;this.componentDidLoadFlag&&this.valueChanged.emit(t),this.clearSelectedItem(),this.userTyped?o=this.getValueByText(t):(!this.listIsOpen&&this.showAllItems(),o=t),i=this.getItemByValue(o),i?(this.setSelectedItem(i),this.setIcon(i.icon),(null==i?void 0:i.textContent)&&(this.text=i.textContent)):this.strict?(this.text=void 0,this.value=void 0):this.text=t,this.userTyped=!1}),20)}listIsOpenHandler(t){let o=!1;t?(o=!0,document.addEventListener("click",this.detectClickOutsideCombo,!0),document.addEventListener("scroll",this.detectMouseScroll,!0),this.opened.emit(),this.repositionItemsContainer(),this.popOver&&this.itemsContainer.showPopover()):(document.removeEventListener("click",this.detectClickOutsideCombo,!0),document.removeEventListener("scroll",this.detectMouseScroll,!0),this.closed.emit(),this.popOver&&this.itemsContainer.hidePopover()),this.toggled.emit(o)}selectedItemHandler(t){t&&(t.selected=!0)}removedItemHandler(t){t.value===this.value&&this.setup()}setIcon(t){this.inputTextIcon=t||null}focus(){this.inputText.focus()}detectClickOutsideComboFunc(t){const o=this.el.shadowRoot.querySelector(".main-container"),i=t.x,r=t.y,e=o.getBoundingClientRect();i>e.left&&i<e.right&&r>e.top&&r<e.bottom||0===t.screenX&&0===t.screenY&&0===t.clientX&&0===t.clientY||(this.listIsOpen=!1)}detectMouseScrollFunc(){this.listIsOpen=!1}clearCombo(){this.disabled||(this.value=void 0,this.listIsOpen=!0,this.focus())}resizeObserver(){this.myObserver=new ResizeObserver((t=>{t.forEach((()=>{this.repositionItemsContainer()}))})),this.myObserver.observe(document.body),this.myObserver.observe(this.el)}repositionItemsContainer(){const t=this.inputText;this.itemsContainer.style.width=t.clientWidth+"px";const o=t.getBoundingClientRect();this.itemsContainer.style.top=o.y+o.height+"px",this.popOver&&(this.itemsContainer.style.left=o.x+"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 i(r,{class:{"list-is-opem":this.listIsOpen,"gxg-combo-box--disabled":this.disableFilter,tooltip:this.toolTip,large:h.large},style:{maxWidth:this.maxWidth,minWidth:this.minWidth},exportParts:this.exportparts?this.exportparts:null},i("div",{class:{"main-container":!0},ref:t=>this.mainContainer=t},this.label?i("gxg-label",{labelPosition:this.labelPosition,center:this.centerLabel,width:this.labelWidth},this.label):null,i("div",{class:"outer-wrapper"},i("div",{class:"search-and-items-container",ref:t=>this.searchItemsContainer=t},i("div",{class:{"search-container":!0}},i("gxg-form-text",{placeholder:this.placeholder,onInput:this.inputHandler.bind(this),onKeyDown:this.keyDownHandler,onClick:this.inputTextClickHandler,value:this.text,icon:this.fixedIcon||this.inputTextIcon,iconPosition:"start",readonly:this.disableFilter,ref:t=>this.inputText=t,validationStatus:this.validationStatus,disabled:this.disabled,onValueChanged:this.handleValueChangeFormText,cursorEnd:this.cursorEnd,preventValueChangedEmit:!0,class:{"clear-icon":t},part:this.parts.input}),i("div",{class:"buttons-wrapper"},t?i("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,i("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}))),i("div",{class:{"items-container":!0,"items-container--not-popover":!this.popOver,"items-container--show":this.listIsOpen&&!this.popOver,"items-container--popover":this.popOver,"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},i("slot",null),this.noMatch&&this.strict?i("div",{class:"no-ocurrences-found"},"No occurrences found",i("span",null,"ctrl/cmd + backspace to erase")):null)),this.toolTip?n(this,!1):null)),this.toolTip?null:a(this))}static get delegatesFocus(){return!0}get el(){return e(this)}static get watchers(){return{value:["onValueChanged"],listIsOpen:["listIsOpenHandler"],selectedItem:["selectedItemHandler"],removedItem:["removedItemHandler"]}}};d.style="/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host(.gxg-validation--warning) .form-element{border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus{outline-color:var(--color-warning-dark);border-color:var(--color-warning-dark)}:host(.gxg-validation--warning) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-warning-dark)}:host(.gxg-validation--error) .form-element{border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus{outline-color:var(--color-error-dark);border-color:var(--color-error-dark)}:host(.gxg-validation--error) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-error-dark)}:host(.gxg-validation--success) .form-element{border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus{outline-color:var(--color-success-dark);border-color:var(--color-success-dark)}:host(.gxg-validation--success) .form-element:focus+.checkmark{--checkmark-border-color:var(--color-success-dark)}.tooltip-outer-wrapper{display:grid;grid-template-columns:0fr;transition:grid-template-columns var(--timing-02)}:host(.tooltip--visible) .tooltip-outer-wrapper{grid-template-columns:1fr}.tooltip-inner-wrapper{overflow:hidden;transition:150ms width;width:0}.tooltip-inner-wrapper gxg-icon{display:flex;position:relative !important;top:0 !important;transform:none !important;margin-inline-start:var(--spacing-comp-01)}.tooltip-inner-wrapper--visible{width:24px}.tooltip-inner-wrapper--hidden{display:none}.popover{margin:0;top:435px}:host{font-family:var(--font-family-primary);display:block}:host gxg-form-text::part(input){padding-inline-end:var(--spacing-comp-05)}:host gxg-form-text.clear-icon::part(input){padding-inline-end:calc(var(--spacing-comp-05) * 2)}:host .main-container{width:100%;position:relative;}:host .main-container .outer-wrapper{display:flex;align-items:center}:host .main-container .label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-lay-xs)}:host .main-container .search-container{flex:1;position:relative}:host .main-container .search-container .buttons-wrapper{position:absolute;top:2px;height:calc(100% - 4px);display:flex;align-items:center;padding-inline-start:var(--spacing-comp-01);inset-inline-end:2px}:host .main-container .search-container .buttons-wrapper .button-icon{height:20px;width:20px}:host .main-container .items-container{border:var(--border-width-sm) solid var(--gxg-border-color--regular);border-radius:var(--border-radius-md);border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-background);position:fixed;width:inherit;box-sizing:border-box;z-index:999;box-sizing:border-box;}:host .main-container .items-container--not-popover{display:none}: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--popover{padding:0;margin:0}: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}:host([label-position=start]) .main-container .outer-wrapper{flex:1}.items-container{cursor:initial}.items-container::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.items-container::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.items-container::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.items-container::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.messages-wrapper{margin-top:var(--spacing-comp-02);display:flex;gap:var(--spacing-comp-01);flex-direction:column}:host(.large) .main-container .label{display:flex;font-size:var(--font-size-lg);margin-bottom:var(--spacing-lay-xs);line-height:1.455em}:host(.large) .main-container .items-container .no-ocurrences-found{font-size:var(--font-size-lg)}";const m=class{constructor(i){t(this,i),this.itemSelected=o(this,"itemSelected",7),this.itemDidLoad=o(this,"itemDidLoad",7),this.keyDownPressed=o(this,"keyDownPressed",7),this.icon=void 0,this.disabled=!1,this.selected=!1,this.exactMatch=!1,this.hidden=!1,this.setup=()=>{this.value||(this.value=this.el.innerHTML)},this.clickHandler=()=>{this.itemSelected.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}}componentWillLoad(){this.setup(),this.iconColor=this.disabled?"ondisabled":"auto"}componentDidLoad(){this.itemDidLoad.emit({el:this.el,index:this.index,value:this.value,icon:this.icon})}iconColorHandler(){return this.disabled?"disabled":this.selected?"primary-enabled":"auto"}render(){return i(r,{onClick:this.clickHandler,class:{large:h.large,"no-icon":!this.icon,[g.DISABLED_CLASS]:this.disabled}},i("div",{class:{container:!0,"form-element":!0}},this.icon?i("gxg-icon",{color:this.iconColorHandler(),size:h.large?"regular":"small",type:this.icon}):null,i("div",{class:"description"},i("slot",null))))}get el(){return e(this)}};m.style=":host(.gxg--disabled) .form-element,:host(.gxg--disabled.form-element){pointer-events:none;background-color:var(--gxg-background-color--disabled) !important;color:var(--gxg-color--disabled) !important;border-color:var(--gxg-border-color--disabled) !important;cursor:default !important}:host{display:block;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;font-family:var(--font-family-primary);font-size:var(--font-size-sm);background-color:var(--color-background);color:var(--color-on-background);opacity:1;overflow:hidden}:host .container{display:flex;align-items:center;padding:var(--spacing-comp-00) var(--spacing-comp-01);width:100%;height:var(--gxg-list-item-height);box-sizing:border-box;}:host gxg-icon{flex-shrink:0}.description{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host(.no-icon) .container{padding-left:var(--spacing-comp-02)}:host([hidden]){display:none}:host(.display-none){display:none}:host(:hover){background-color:var(--gxg-background-color--hover)}:host([selected]){background-color:var(--gxg-background-color--selected);color:var(--gxg-color--selected)}:host([selected]:hover){background-color:var(--gxg-background-color--selected-hover)}:host(.large){font-size:var(--font-size-lg);min-height:auto}:host(.large) gxg-icon{margin-right:var(--spacing-comp-01)}";export{d as gxg_combo_box,m as gxg_combo_box_item}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,a as e,h as o,H as a,g as r}from"./p-0906fb46.js";import{L as s}from"./p-26957490.js";import{s as n}from"./p-e79f34d7.js";import{c as d}from"./p-13ffa7c0.js";import{r as l}from"./p-a52333fe.js";import{f as h}from"./p-daf4eb69.js";const c=class{constructor(a){t(this,a),this.componentDidRenderFirstTime=i(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.selectedFrontEndsIds=[],this.envNameModifiedByUser=!1,this.shortcutsSrc=e("./gx-ide-assets/new-environment/shortcuts.json"),this.initialSetup=()=>{this.updateSelectedFrontEndsIds(),this.setInitialRuntimeId(),this.setInitialLanguageId(),this.setInitialDataStoreId()},this.evaluateSelectedRuntimeEnvironmentId=()=>{1===this.runtimes.length&&(this.selectedRuntimeEnvironmentId=this.runtimes[0].id)},this.setInitialRuntimeId=()=>{var t;if(null===(t=this.runtimeEnvironmentEl)||void 0===t?void 0:t.value){const t=this.runtimes.find((t=>{var i;return t.value===(null===(i=this.runtimeEnvironmentEl)||void 0===i?void 0:i.value)}));t&&(this.selectedRuntimeEnvironmentId=t.id)}},this.setInitialLanguageId=()=>{var t;if(null===(t=this.languageEl)||void 0===t?void 0:t.value){const t=this.languages.find((t=>{var i;return t.id===(null===(i=this.languageEl)||void 0===i?void 0:i.value)}));t&&(this.selectedLanguageId=t.id)}},this.setInitialDataStoreId=()=>{var t;if(null===(t=this.dataStoreEl)||void 0===t?void 0:t.value){const t=this.dataStores.find((t=>{var i;return t.id===(null===(i=this.dataStoreEl)||void 0===i?void 0:i.value)}));t&&(this.selectedDataStoreId=t.id)}},this.envNameInputHandler=t=>{const i=(t.detail+"").trim();i!==this.environmentName&&(this.environmentName=i,this.envNameModifiedByUser=!0)},this.updateSelectedFrontEndsIds=()=>{this.selectedFrontEndsIds=[],this.frontEndsEl.getValues().then((t=>{t.forEach((t=>{t.value&&this.selectedFrontEndsIds.push(t.id)}))}))},this.setEnvironmentHandler=async()=>{this.createCallback&&this.createCallback({setAsCurrent:this.setAsCurrentEnvironmentEl.checked,name:this.environmentNameEl.value,runtime:this.selectedRuntimeEnvironmentId,language:this.languageEl.value,dataStores:this.dataStoreEl.value,frontEnds:this.selectedFrontEndsIds}).then((t=>{h(t,this)}))},this.cancelButtonClickedHandler=async()=>{await this.cancelCallback()},this.runtimeEnvironmentChangedHandler=t=>{this.selectedRuntimeEnvironmentId=t.detail.id,this.updateDataSources()},this.languageValueChangedHandler=()=>{this.selectedLanguageId=this.languageEl.value,this.updateDataSources(),this.updateFrontEnds(),this.updateEnvironmentName()},this.dataStoreValueChangedHandler=()=>{this.selectedDataStoreId=this.dataStoreEl.value,this.updateEnvironmentName()},this.updateDataSources=async()=>{if(this.getDataSourcesCallback){const t=await this.getDataSourcesCallback(this.selectedLanguageId,this.selectedRuntimeEnvironmentId);(null==t?void 0:t.length)>0&&(this.dataStores=t)}},this.updateFrontEnds=async()=>{if(this.getFrontEndsCallback){const t=await this.getFrontEndsCallback(this.selectedLanguageId);(null==t?void 0:t.length)>0&&(this.frontEnds=t)}},this.updateEnvironmentName=async()=>{if(this.getEnvironmentNameCallback&&this.environmentNameEl&&this.envNameModifiedByUser){const t=await this.getEnvironmentNameCallback(this.selectedLanguageId,this.selectedDataStoreId);t&&(this.environmentName=t)}},this.evaluateSingleRuntimeIcon=()=>"local"===this.runtimes[0].id?"window-tools/rol":"window-tools/genexus-cloud",this.renderTabBasic=()=>o("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0,class:"tab tab__basic",isSelected:!this.isAdvanced},o("gx-ide-container",{containerTitle:this._componentLocale.runtime,noContentPadding:!0,displayBorderBottom:!0,flexRow:1===this.runtimes.length},this.runtimes.length>1?o("gxg-form-radio-group",{slot:"header",ref:t=>this.runtimeEnvironmentEl=t,row:!0,center:!0,onChange:this.runtimeEnvironmentChangedHandler},l("gxg-form-radio",this.runtimes,"runtime-environment")):[o("div",{class:"tab__basic__single-runtime",slot:"header"},o("gxg-icon",{color:"disabled",type:this.evaluateSingleRuntimeIcon()}),o("gxg-text",{textAlign:"center"},this.runtimes[0].label))],o("div",{class:"basic-main"},o("gx-ide-container",{"container-title":this._componentLocale.tabBasic.backEnd.backEndLabel,class:"basic-main__back-end",contentBorderEnd:!0,titleType:"secondary"},o("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.language,value:n(this.languages),ref:t=>this.languageEl=t,toolTip:d.tooltip,onValueChanged:this.languageValueChangedHandler,part:"language"},l("gxg-combo-box-item",this.languages)),o("gxg-combo-box",{"disable-filter":!0,label:this._componentLocale.tabBasic.backEnd.dataStores,value:n(this.dataStores),ref:t=>this.dataStoreEl=t,onValueChanged:this.dataStoreValueChangedHandler,toolTip:d.tooltip,part:"data-store"},l("gxg-combo-box-item",this.dataStores))),o("gx-ide-container",{"container-title":this._componentLocale.tabBasic.frontEnd.frontEndLabel,class:"basic-main__front-end",titleType:"secondary"},o("gxg-form-checkbox-group",{ref:t=>this.frontEndsEl=t,onGroupValuesChanged:this.updateSelectedFrontEndsIds},l("gxg-form-checkbox",this.frontEnds)))))),this.renderTabAdvanced=()=>o("gxg-tab",{tab:"advanced","no-padding":!0},o("gx-ide-container",null,o("slot",{name:"property-grid"}))),this.displayTitle=!1,this.cancelCallback=void 0,this.createCallback=void 0,this.dataStores=void 0,this.disableAdvanced=!1,this.environmentName=void 0,this.frontEnds=void 0,this.getEnvironmentNameCallback=void 0,this.getFrontEndsCallback=void 0,this.getDataSourcesCallback=void 0,this.isAdvanced=!1,this.languages=void 0,this.runtimes=void 0,this.setAsTarget=!0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.evaluateSelectedRuntimeEnvironmentId()}componentDidLoad(){this.initialSetup(),this.environmentNameEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}async suspendShortcuts(t){this.gxgShortcutsEl.suspend=!!t}render(){return o(a,{class:"gx-ide-component"},o("div",{class:"gx-ide-main-wrapper"},o("gx-ide-container",{containerTitle:this.displayTitle?this._componentLocale.componentName:null,noContentPadding:!0,noBorderFooter:!0,slimmerFooter:d.gxIdeContainer.slimmerFooter},o("header",{class:"header",slot:"header"},o("gxg-label",{labelPosition:"start",class:"header__label"},this._componentLocale.name),o("gxg-form-text",{"label-position":"start",placeholder:"New Environment","max-width":"100%",value:this.environmentName,ref:t=>this.environmentNameEl=t,onInput:!this.envNameModifiedByUser&&this.envNameInputHandler,toolTip:d.tooltip,class:"header__text",part:"environment-name"})),o("main",{class:"main"},o("gxg-tabs",{class:"gxg-tabs"},this.isAdvanced?o("gxg-tab-bar",{slot:"tab-bar-container",displayBorder:!0},o("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0}),this.isAdvanced?o("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",disabled:this.disableAdvanced}):null):null,this.renderTabBasic(),this.isAdvanced&&this.renderTabAdvanced())),o("gxg-form-checkbox",{label:this._componentLocale.footer.setAsCurrentEnvironment,ref:t=>this.setAsCurrentEnvironmentEl=t,checked:this.setAsTarget,part:"set-as-current-environment",slot:"footer-start"}),o("gxg-button",{id:"button-cancel",slot:"footer-end",type:"outlined",onClick:this.cancelButtonClickedHandler,part:"gxg-button gxg-button--cancel"},this._componentLocale.footer.btnCancel),o("gxg-button",{id:"button-create",slot:"footer-end",type:"primary-text-only",onClick:this.setEnvironmentHandler,part:"gxg-button gxg-button--create"},this._componentLocale.footer.btnSetNewEnvironment))),o("gxg-shortcuts",{src:this.shortcutsSrc,ref:t=>this.gxgShortcutsEl=t}))}static get assetsDirs(){return["gx-ide-assets/new-environment"]}get el(){return r(this)}};c.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}.layout{display:grid;gap:var(--spacing-comp-05);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--spacing-comp-05)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01);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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;border:1px solid var(--gxg-border-color--regular);background-color:var(--color-background)}:host(.gxi-new-environment--shadow){border:none;box-shadow:var(--box-shadow-01)}.header{display:flex}.header__label{flex:none}.main{height:100%}.gxg-tabs{margin-top:0;box-shadow:none}.tab__basic__single-runtime{display:flex;align-items:center;justify-content:center;gap:var(--spacing-comp-01)}.basic-main{display:flex;height:100%}.basic-main__back-end{flex:1}.basic-main__front-end{flex:1}.advanced-second-row{grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr}.advanced-second-row>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, 1fr);grid-template-columns:1fr auto}.advanced-second-row-col-left>*{display:flex;align-items:self-end}.advanced-second-row-col-left>*:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-left>*:nth-child(2){grid-area:1/2/2/3}.advanced-second-row-col-left>*:nth-child(3){grid-area:2/1/3/2}.advanced-second-row-col-left>*:nth-child(4){grid-area:2/2/3/3}.advanced-second-row-col-left>*:nth-child(5){grid-area:3/1/4/2}.advanced-second-row-col-left>*:nth-child(6){grid-area:3/2/4/3}.advanced-second-row-col-left>*:nth-child(7){grid-area:4/1/5/2}.advanced-second-row-col-left>*:nth-child(8){grid-area:4/2/5/3}.advanced-second-row-col-right{grid-template-columns:1fr;grid-template-rows:repeat(4, 1fr);grid-auto-rows:1fr}.advanced-second-row-col-right *:nth-child(1){grid-area:1/1/2/2}.advanced-second-row-col-right *:nth-child(2){grid-area:2/1/3/2}.advanced-second-row-col-right *:nth-child(3){grid-area:3/1/4/2}.advanced-second-row-col-right *:nth-child(4){grid-area:4/1/5/2}";export{c as gx_ide_new_environment}
@@ -0,0 +1 @@
1
+ import{r as t,h as s,g as i}from"./p-0906fb46.js";import{f as o}from"./p-356ee19a.js";const h=class{constructor(i){t(this,i),this.showHeader=!1,this.showFooter=!1,this.buttonLabel="Show options",this.cssClass="dropdown",this.expandBehavior="ClickOrHover",this.openOnFocus=!1,this.position="Center_OutsideEnd",this.useGxRender=!1,this.handleItemClick=(t,s)=>i=>{this.itemClickCallback(i,t,s)},this.renderItem=t=>{var i,h;return[s("ch-dropdown-item",{slot:"items",id:t.id,class:t.class||"dropdown-item",expandBehavior:this.expandBehavior,href:null===(i=t.link)||void 0===i?void 0:i.url,leftImgSrc:this.useGxRender?o(t.startImage,this.gxSettings,this.gxImageConstructor):t.startImage,openOnFocus:this.openOnFocus,position:t.itemsPosition||"OutsideEnd_InsideStart",rightImgSrc:this.useGxRender?o(t.endImage,this.gxSettings,this.gxImageConstructor):t.endImage,onClick:this.handleItemClick(null===(h=t.link)||void 0===h?void 0:h.url,t.id)},t.caption,null!=t.items&&t.items.map(this.renderItem))]}}componentWillLoad(){this.showHeader=!!this.el.querySelector(':scope>[slot="header"]'),this.showFooter=!!this.el.querySelector(':scope>[slot="footer"]')}render(){return s("ch-dropdown",{buttonLabel:this.buttonLabel,class:this.cssClass||null,expandBehavior:this.expandBehavior,openOnFocus:this.openOnFocus,position:this.position},s("slot",{name:"action",slot:"action"}),this.showHeader&&s("slot",{name:"header",slot:"header"}),null!=this.model&&this.model.map(this.renderItem),this.showFooter&&s("slot",{name:"footer",slot:"footer"}))}get el(){return i(this)}};h.style="ch-dropdown-render{display:contents}";export{h as ch_dropdown_render}
@@ -1 +1 @@
1
- import{r as t,c as e,a as n,h as i,H as a,g as o}from"./p-0906fb46.js";import{L as s}from"./p-26957490.js";import{c as r}from"./p-13ffa7c0.js";import{g as l,r as d}from"./p-a52333fe.js";import{f as h}from"./p-daf4eb69.js";const g=class{constructor(a){t(this,a),this.componentDidRenderFirstTime=e(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.selectedFrontEndsIds=[],this.shortcutsSrc=n("./gx-ide-assets/new-kb/shortcuts.json"),this.initialSetup=()=>{this.updateSelectedFrontEndsIds()},this.updateSelectedFrontEndsIds=()=>{this.selectedFrontEndsIds=[],this.frontEndsEl.getValues().then((t=>{t.forEach((t=>{t.value&&this.selectedFrontEndsIds.push(t.id)}))}))},this.evaluateCreateDataInKbDisabled=t=>{var e,n;t?this.createDataInKbDisabled=(null===(e=this.serverNames[0])||void 0===e?void 0:e.id)===t.detail:(null===(n=this.serverNames[0])||void 0===n?void 0:n.selected)&&(this.createDataInKbDisabled=!0)},this.evaluateAuthenticationType=t=>{var e,n;let i;(null===(e=this.authenticationTypes)||void 0===e?void 0:e.length)&&(i=(null===(n=this.authenticationTypes)||void 0===n?void 0:n.find((t=>t.selected)))||this.authenticationTypes[0]),"windows-authentication"===(null==t?void 0:t.detail)||i&&"windows-authentication"===i.id&&null===t?(this.userNameVisible=!1,this.passwordVisible=!1,this.savePasswordVisible=!1):(this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0)},this.selectLocationHandler=()=>{this.selectLocationCallback().then((t=>{t&&(this.kbLocation=t)}))},this.updateFrontEnds=()=>{this.getFrontEndsCallback&&this.getFrontEndsCallback(this.prototypingEnvironmentEl.value).then((t=>{const e=[];t.forEach((t=>{const n=this.frontEnds.find((e=>t.id===e.id));n&&(t.checked=n.checked),e.push(t)})),this.frontEnds=e})).catch((()=>{}))},this.getDataSources=()=>{this.getDataSourcesCallback&&this.getDataSourcesCallback(this.prototypingEnvironmentEl.value,this.prototypingTargetEl.value).then((t=>{t.length>0&&(this.defaultDataSources=t,this.dataSourceEl.value=this.defaultDataSources[0].id)})).catch((()=>{}))},this.prototypingEnvironmentValueChangedHandler=()=>{this.getDataSources(),this.updateFrontEnds()},this.prototypingTargetValueChangedHandler=()=>{this.getDataSources()},this.createKbHandler=()=>{var t,e,n,i,a,o,s,r,l,d,g,c,b,p;this.createCallback&&this.createCallback({kbName:null===(t=this.kbNameEl)||void 0===t?void 0:t.value,kbLocation:null===(e=this.locationEl)||void 0===e?void 0:e.value,prototypingTarget:null===(n=this.prototypingTargetEl)||void 0===n?void 0:n.value,userInterfaceLanguage:null===(i=this.userInterfaceLanguageEl)||void 0===i?void 0:i.value,prototypingEnvironment:null===(a=this.prototypingEnvironmentEl)||void 0===a?void 0:a.value,dataSource:null===(o=this.dataSourceEl)||void 0===o?void 0:o.value,frontEnds:this.selectedFrontEndsIds,serverName:null===(s=this.serverNameEl)||void 0===s?void 0:s.value,databaseName:null===(r=this.databaseNameEl)||void 0===r?void 0:r.value,collation:null===(l=this.collationEl)||void 0===l?void 0:l.value,createDataFilesInKBFolder:null===(d=this.createDataFilesInKBFolderEl)||void 0===d?void 0:d.checked,authenticationType:null===(g=this.authenticationTypeEl)||void 0===g?void 0:g.value,userName:null===(c=this.userNameEl)||void 0===c?void 0:c.value,password:null===(b=this.passwordEl)||void 0===b?void 0:b.value,savePassword:null===(p=this.savePasswordEl)||void 0===p?void 0:p.checked}).then((t=>{h(t,this)}))},this.cancelKbHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.renderTabBasic=()=>i("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0,isSelected:!this.isAdvanced},i("div",{class:"basic-row-first"},i("div",{class:"basic-row-first__container"},i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.prototypingTarget.label,value:l(this.prototypingTargets),ref:t=>this.prototypingTargetEl=t,disabled:0===this.prototypingTargets.length,placeholder:0===this.prototypingTargets.length?this._componentLocale.tabBasic.prototypingTarget.disabledPlaceholder:"",onValueChanged:this.prototypingTargetValueChangedHandler,class:"prototyping-target",part:"prototyping-target"},d("gxg-combo-box-item",this.prototypingTargets,"prototyping-target")),i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.userInterfaceLanguage.label,value:l(this.userInterfaceLanguages),placeholder:0===this.userInterfaceLanguages.length?this._componentLocale.tabBasic.userInterfaceLanguage.disabledPlaceholder:"",disabled:0===this.userInterfaceLanguages.length,ref:t=>this.userInterfaceLanguageEl=t,class:"user-interface-language",part:"user-interface-language"},d("gxg-combo-box-item",this.userInterfaceLanguages,"user-interface-language")))),i("div",{class:"grid basic-row-second"},i("gx-ide-container",{containerTitle:this._componentLocale.tabBasic.backEnd.backEndLabel,contentBorderEnd:!0,titleType:"secondary"},i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.backEnd.prototypingEnvironment.label,value:l(this.prototypingEnvironments),placeholder:0===this.prototypingEnvironments.length?this._componentLocale.tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder:"",disabled:0===this.prototypingEnvironments.length,ref:t=>this.prototypingEnvironmentEl=t,onValueChanged:this.prototypingEnvironmentValueChangedHandler,class:"prototyping-environment",part:"prototyping-environment"},d("gxg-combo-box-item",this.prototypingEnvironments,"prototyping-environment")),i("gxg-combo-box",{label:this._componentLocale.tabBasic.backEnd.dataSource.label,toolTip:r.tooltip,disableFilter:!0,value:l(this.defaultDataSources),placeholder:0===this.defaultDataSources.length?this._componentLocale.tabBasic.backEnd.dataSource.disabledPlaceholder:"",disabled:0===this.defaultDataSources.length,ref:t=>this.dataSourceEl=t,class:"data-source",part:"data-source"},d("gxg-combo-box-item",this.defaultDataSources,"data-source"))),i("gx-ide-container",{containerTitle:this._componentLocale.tabBasic.frontEnd.frontEndLabel,titleType:"secondary"},i("gxg-form-checkbox-group",{ref:t=>this.frontEndsEl=t,onGroupValuesChanged:this.updateSelectedFrontEndsIds},d("gxg-form-checkbox",this.frontEnds,"front-end"))))),this.renderTabAdvanced=()=>i("gxg-tab",{tab:"advanced","no-padding":!0,flexContainer:!0},i("gx-ide-container",{noContentPadding:!0,containerTitle:this._componentLocale.tabAdvanced.tabTitle,titleType:"secondary"},i("div",{class:"knowledge-base-storage"},i("div",{class:"knowledge-base-storage__col-left"},i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.serverName.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.serverNames),placeholder:0===this.serverNames.length?this._componentLocale.tabAdvanced.serverName.disabledPlaceholder:"",disabled:0===this.serverNames.length,ref:t=>this.serverNameEl=t,class:"server-name-combo-box",part:"server-name",onValueChanged:this.evaluateCreateDataInKbDisabled},d("gxg-combo-box-item",this.serverNames,"server-name")),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/search",class:"server-name-button",part:"search-server-name"}),i("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.databaseName.label,placeholder:"MyDatabase",ref:t=>this.databaseNameEl=t,toolTip:r.tooltip,value:this.databaseName,class:"database-name",part:"database-name"}),i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.collation.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.collations),ref:t=>this.collationEl=t,placeholder:0===this.collations.length?this._componentLocale.tabAdvanced.collation.disabledPlaceholder:"",disabled:0===this.serverNames.length,class:"collation-combo-box",part:"collation"},d("gxg-combo-box-item",this.collations,"collation")),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",class:"collation-button",part:"reset-collation"}),i("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.createDataFilesInKbFolder,ref:t=>this.createDataFilesInKBFolderEl=t,alignTop:!0,checked:this.createDataFilesInKBFolder,disabled:this.createDataInKbDisabled,class:"create-data-in-kb",part:"create-data-in-kb"})),i("div",{class:{"knowledge-base-storage__col-right":!0,"knowledge-base-storage__col-right--windows-authentication":!this.userNameVisible}},i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.authenticationType.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.authenticationTypes),ref:t=>this.authenticationTypeEl=t,placeholder:0===this.authenticationTypes.length?this._componentLocale.tabAdvanced.authenticationType.disabledPlaceholder:"",disabled:0===this.authenticationTypes.length,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},d("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),this.userNameVisible?i("gxg-form-text",{labelPosition:"above",toolTip:r.tooltip,label:this._componentLocale.tabAdvanced.userName.label,ref:t=>this.userNameEl=t,value:this.userName,class:"user-name",part:"user-name"}):null,this.passwordVisible?i("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.password.label,password:!0,toolTip:r.tooltip,ref:t=>this.passwordEl=t,value:this.password,class:"password",part:"password"}):null,this.savePasswordVisible?i("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.savePassword,ref:t=>this.savePasswordEl=t,checked:this.savePassword,class:"save-password",part:"save-password"}):null)))),this.createDataInKbDisabled=!1,this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0,this.displayTitle=!1,this.defaultDataSources=void 0,this.frontEnds=void 0,this.isAdvanced=!1,this.kbLocation=void 0,this.selectLocationCallback=void 0,this.kbName=void 0,this.prototypingEnvironments=void 0,this.prototypingTargets=void 0,this.userInterfaceLanguages=void 0,this.authenticationTypes=void 0,this.collations=void 0,this.createDataFilesInKBFolder=!1,this.databaseName=void 0,this.password=void 0,this.savePassword=!1,this.serverNames=void 0,this.userName=void 0,this.test=void 0,this.createCallback=void 0,this.cancelCallback=void 0,this.getDataSourcesCallback=void 0,this.getFrontEndsCallback=void 0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.evaluateCreateDataInKbDisabled(null),this.evaluateAuthenticationType(null),this.previousFrontEndsState=this.frontEnds}componentDidLoad(){this.initialSetup(),this.kbNameEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}render(){return i(a,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",{noContentPadding:!0,slimmerFooter:r.gxIdeContainer.slimmerFooter,containerTitle:this.displayTitle?this._componentLocale.componentName:null},i("header",{class:{header:!0,grid:!0,"header--is-advanced":this.isAdvanced},slot:"header"},i("gxg-label",{labelPosition:"start",class:"kb-label",noMargin:!0},this._componentLocale.header.kbName),i("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,toolTip:r.tooltip,ref:t=>this.kbNameEl=t,part:"kb-name",class:"kb-input"}),this.isAdvanced?[i("gxg-label",{labelPosition:"start",class:"location-label"},this._componentLocale.header.kbLocation),i("gxg-form-text",{labelPosition:"start",placeholder:"C:\\Models",maxWidth:"100%",value:this.kbLocation,ref:t=>this.locationEl=t,disabled:!this.isAdvanced,part:"kb-location",class:"location-input"}),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/folder",onClick:this.selectLocationHandler,part:"button-select-location",class:"location-icon"})]:null),i("main",{class:"gxi-full-height"},i("gxg-tabs",{class:"gxg-tabs"},this.isAdvanced?i("gxg-tab-bar",{slot:"tab-bar-container",part:"tab-bar",displayBorder:!0},i("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0,hidden:!this.isAdvanced,part:"tab-button-basic"}),i("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",hidden:!this.isAdvanced,part:"tab-button-advanced"})):null,this.renderTabBasic(),this.isAdvanced&&this.renderTabAdvanced())),i("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancelKbHandler,part:"button-cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel),i("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",slot:"footer-end"},this._componentLocale.footer.btnCreate))),i("gxg-shortcuts",{src:this.shortcutsSrc}))}static get assetsDirs(){return["gx-ide-assets/new-kb"]}get el(){return o(this)}};g.style='/*Gemini*/\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n/* Helper Classes */\n.gxi-hidden {\n display: none !important;\n}\n\n.gxi-full-height {\n height: 100%;\n}\n\n.gxi-overflow-auto {\n overflow: auto;\n}\n\n.gxi-display-flex {\n display: flex;\n}\n\n.align-start {\n display: flex;\n align-items: start;\n}\n\n.align-center {\n display: flex;\n align-items: center;\n}\n\n.align-end {\n display: flex;\n align-items: end;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n\n.justify-start {\n display: flex;\n justify-content: start;\n}\n\n.justify-center {\n display: flex;\n justify-content: center;\n}\n\n.justify-end {\n display: flex;\n justify-content: end;\n}\n\n/* Grids */\n.grid {\n display: grid;\n grid-row-gap: var(--gx-ide-grid-row-gap);\n grid-column-gap: var(--gx-ide-grid-column-gap);\n grid-template-rows: auto;\n}\n\nch-grid-cell {\n display: flex;\n}\n\nch-grid {\n overflow: auto;\n height: 100%;\n}\n\nch-grid-column {\n /*to be removed when this works inside a component with shadow: true*/\n z-index: 99;\n border-bottom: 1px solid var(--gray-01);\n}\n\nch-grid-column:first-child {\n padding-inline-start: var(--gxg-container--padding) !important;\n}\n\nch-grid-column:last-child {\n padding-inline-end: var(--gxg-container--padding) !important;\n}\n\nch-grid-cell {\n --spacing-comp-02: var(--gxg-container--padding);\n}\n\n/*--- Layout ---*/\n.layout {\n display: grid;\n gap: var(--spacing-comp-05);\n box-sizing: border-box;\n}\n.layout--two-cols {\n grid-template-columns: 1fr 1fr;\n}\n.layout--space-above {\n padding-block-start: var(--spacing-comp-05);\n}\n\n/*Gxg Tabs*/\ngxg-tabs {\n box-shadow: none;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n box-shadow: var(--box-shadow-01);\n height: 100% !important;\n display: flex !important;\n flex-direction: column !important;\n}\n\n/*stylize the top bar*/\n:host(:focus-within) gx-ide-top-bar::part(wrapper) {\n background-color: var(--color-secondary-enabled);\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n color: var(--gx-ide-component-text-color);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-lg);\n font-family: var(--font-family-primary);\n line-height: 1.6em;\n height: 100%;\n background-color: var(--gx-ide-component-background-color);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n box-sizing: border-box;\n}\n\n/*This is the main element. This is the one that take the remaining vertical space*/\n.gx-ide-main {\n flex-grow: 1;\n overflow-y: auto;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gx-ide-main::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n.gx-ide-main::-webkit-scrollbar-track {\n background-color: var(--gray-02);\n border-radius: 10px;\n}\n.gx-ide-main::-webkit-scrollbar-thumb {\n background: var(--gray-05);\n border-radius: 10px;\n}\n.gx-ide-main::-webkit-scrollbar-thumb:hover {\n background: var(--gray-04);\n cursor: pointer;\n}\n.gx-ide-main .gxg-scroll {\n display: block;\n overflow-y: auto;\n padding-inline-end: 2px;\n}\n\n.gx-ide-overflow {\n overflow-y: auto;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gx-ide-overflow::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n.gx-ide-overflow::-webkit-scrollbar-track {\n background-color: var(--gray-02);\n border-radius: 10px;\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb {\n background: var(--gray-05);\n border-radius: 10px;\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb:hover {\n background: var(--gray-04);\n cursor: pointer;\n}\n.gx-ide-overflow .gxg-scroll {\n display: block;\n overflow-y: auto;\n padding-inline-end: 2px;\n}\n\n/*gxg-tree-view*/\n.tree-container {\n display: flex;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n}\n\n/*Gemini*/\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n display: block;\n border: 1px solid var(--gxg-border-color--regular);\n background-color: var(--color-background);\n}\n\n/*HEADER*/\n.header {\n grid-template-columns: auto 1fr;\n grid-template-areas: "kb-name-label kb-input";\n}\n.header--is-advanced {\n grid-template-columns: auto 1fr min-content;\n grid-template-areas: "kb-name-label kb-input ." "location-label location-input location-icon";\n}\n.header .kb-input {\n grid-area: kb-input;\n}\n.header .kb-name-label {\n grid-area: kb-label;\n}\n.header .location-label {\n grid-area: location-label;\n}\n.header .location-input {\n grid-area: location-input;\n}\n.header .location-icon {\n grid-area: location-icon;\n}\n\n/*GXG-TABS*/\n.gxg-tabs {\n margin-top: 0;\n box-shadow: none;\n}\n\n/*Basic*/\n.basic-row-first {\n container-name: basic-row-first;\n container-type: inline-size;\n}\n.basic-row-first__container {\n display: grid;\n gap: var(--gx-ide-grid-column-gap);\n padding: var(--gxg-container--padding);\n border-bottom: 1px solid var(--gx-ide-container-border-color);\n grid-template-columns: repeat(2, 1fr);\n}\n@container (max-width: 640px) {\n .basic-row-first {\n /* this will work but you will see the vs-code complaining about some syntax error, so just ignore it */\n }\n .basic-row-first .basic-row-first__container {\n grid-template-columns: 1fr;\n }\n}\n\n.basic-row-second {\n grid-template-columns: repeat(2, 1fr);\n grid-column-gap: 0;\n grid-row-gap: 0;\n flex-grow: 1;\n}\n\n/*Advanced*/\n.knowledge-base-storage {\n display: grid;\n grid-template-areas: "knowledge-base-storage__col-left knowledge-base-storage__col-right";\n grid-template-columns: repeat(2, 1fr);\n flex-grow: 1;\n gap: 0;\n}\n.knowledge-base-storage > *:first-child {\n border-right: 1px solid var(--gx-ide-container-border-color);\n}\n.knowledge-base-storage__col-left {\n display: grid;\n gap: var(--gx-ide-grid-row-gap);\n padding: var(--gxg-container--padding);\n grid-area: knowledge-base-storage__col-left;\n grid-template-columns: 1fr auto;\n grid-template-rows: repeat(4, min-content);\n grid-template-areas: "server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb .";\n}\n.knowledge-base-storage__col-left .server-name-combo-box {\n grid-area: server-name-combo-box;\n}\n.knowledge-base-storage__col-left .server-name-button {\n grid-area: server-name-button;\n align-self: end;\n}\n.knowledge-base-storage__col-left .database-name {\n grid-area: database-name;\n}\n.knowledge-base-storage__col-left .collation-combo-box {\n grid-area: collation-combo-box;\n}\n.knowledge-base-storage__col-left .collation-button {\n grid-area: collation-button;\n align-self: end;\n}\n.knowledge-base-storage__col-left .create-data-in-kb {\n grid-area: create-data-in-kb;\n}\n.knowledge-base-storage__col-right {\n display: grid;\n padding: var(--gxg-container--padding);\n gap: var(--gx-ide-grid-row-gap);\n grid-area: knowledge-base-storage__col-right;\n grid-template-columns: 1fr;\n grid-template-rows: repeat(4, min-content);\n grid-template-areas: "authentication-type" "user-name" "password" "save-password";\n}\n.knowledge-base-storage__col-right .authentication-type {\n grid-area: authentication-type;\n}\n.knowledge-base-storage__col-right .user-name {\n grid-area: user-name;\n}\n.knowledge-base-storage__col-right .password {\n grid-area: password;\n}\n.knowledge-base-storage__col-right .save-password {\n grid-area: save-password;\n}\n.knowledge-base-storage__col-right--windows-authentication {\n grid-template-areas: "authentication-type";\n}';export{g as gx_ide_new_kb}
1
+ import{r as t,c as e,a as n,h as i,H as a,g as o}from"./p-0906fb46.js";import{L as s}from"./p-26957490.js";import{c as r}from"./p-13ffa7c0.js";import{g as l,r as d}from"./p-a52333fe.js";import{f as h}from"./p-daf4eb69.js";const g=class{constructor(a){t(this,a),this.componentDidRenderFirstTime=e(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.selectedFrontEndsIds=[],this.shortcutsSrc=n("./gx-ide-assets/new-kb/shortcuts.json"),this.initialSetup=()=>{this.updateSelectedFrontEndsIds()},this.updateSelectedFrontEndsIds=()=>{this.selectedFrontEndsIds=[],this.frontEndsEl.getValues().then((t=>{t.forEach((t=>{t.value&&this.selectedFrontEndsIds.push(t.id)}))}))},this.evaluateCreateDataInKbDisabled=t=>{var e,n;t?this.createDataInKbDisabled=(null===(e=this.serverNames[0])||void 0===e?void 0:e.id)===t.detail:(null===(n=this.serverNames[0])||void 0===n?void 0:n.selected)&&(this.createDataInKbDisabled=!0)},this.evaluateAuthenticationType=t=>{var e,n;let i;(null===(e=this.authenticationTypes)||void 0===e?void 0:e.length)&&(i=(null===(n=this.authenticationTypes)||void 0===n?void 0:n.find((t=>t.selected)))||this.authenticationTypes[0]),"windows-authentication"===(null==t?void 0:t.detail)||i&&"windows-authentication"===i.id&&null===t?(this.userNameVisible=!1,this.passwordVisible=!1,this.savePasswordVisible=!1):(this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0)},this.selectLocationHandler=()=>{this.selectLocationCallback().then((t=>{t&&(this.kbLocation=t)}))},this.updateFrontEnds=()=>{this.getFrontEndsCallback&&this.getFrontEndsCallback(this.prototypingEnvironmentEl.value).then((t=>{const e=[];t.forEach((t=>{const n=this.frontEnds.find((e=>t.id===e.id));n&&(t.checked=n.checked),e.push(t)})),this.frontEnds=e})).catch((()=>{}))},this.getDataSources=()=>{this.getDataSourcesCallback&&this.getDataSourcesCallback(this.prototypingEnvironmentEl.value,this.prototypingTargetEl.value).then((t=>{t.length>0&&(this.defaultDataSources=t,this.dataSourceEl.value=this.defaultDataSources[0].id)})).catch((()=>{}))},this.prototypingEnvironmentValueChangedHandler=()=>{this.getDataSources(),this.updateFrontEnds()},this.prototypingTargetValueChangedHandler=()=>{this.getDataSources()},this.createKbHandler=()=>{var t,e,n,i,a,o,s,r,l,d,g,c,b,p;this.createCallback&&this.createCallback({kbName:null===(t=this.kbNameEl)||void 0===t?void 0:t.value,kbLocation:null===(e=this.locationEl)||void 0===e?void 0:e.value,prototypingTarget:null===(n=this.prototypingTargetEl)||void 0===n?void 0:n.value,userInterfaceLanguage:null===(i=this.userInterfaceLanguageEl)||void 0===i?void 0:i.value,prototypingEnvironment:null===(a=this.prototypingEnvironmentEl)||void 0===a?void 0:a.value,dataSource:null===(o=this.dataSourceEl)||void 0===o?void 0:o.value,frontEnds:this.selectedFrontEndsIds,serverName:null===(s=this.serverNameEl)||void 0===s?void 0:s.value,databaseName:null===(r=this.databaseNameEl)||void 0===r?void 0:r.value,collation:null===(l=this.collationEl)||void 0===l?void 0:l.value,createDataFilesInKBFolder:null===(d=this.createDataFilesInKBFolderEl)||void 0===d?void 0:d.checked,authenticationType:null===(g=this.authenticationTypeEl)||void 0===g?void 0:g.value,userName:null===(c=this.userNameEl)||void 0===c?void 0:c.value,password:null===(b=this.passwordEl)||void 0===b?void 0:b.value,savePassword:null===(p=this.savePasswordEl)||void 0===p?void 0:p.checked}).then((t=>{h(t,this)}))},this.cancelKbHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.renderTabBasic=()=>i("gxg-tab",{tab:"basic","no-padding":!0,flexContainer:!0,isSelected:!this.isAdvanced},i("div",{class:"basic-row-first"},i("div",{class:"basic-row-first__container"},i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.prototypingTarget.label,value:l(this.prototypingTargets),ref:t=>this.prototypingTargetEl=t,disabled:0===this.prototypingTargets.length,placeholder:0===this.prototypingTargets.length?this._componentLocale.tabBasic.prototypingTarget.disabledPlaceholder:"",onValueChanged:this.prototypingTargetValueChangedHandler,class:"prototyping-target",part:"prototyping-target"},d("gxg-combo-box-item",this.prototypingTargets,"prototyping-target")),i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.userInterfaceLanguage.label,value:l(this.userInterfaceLanguages),placeholder:0===this.userInterfaceLanguages.length?this._componentLocale.tabBasic.userInterfaceLanguage.disabledPlaceholder:"",disabled:0===this.userInterfaceLanguages.length,ref:t=>this.userInterfaceLanguageEl=t,class:"user-interface-language",part:"user-interface-language"},d("gxg-combo-box-item",this.userInterfaceLanguages,"user-interface-language")))),i("div",{class:"grid basic-row-second"},i("gx-ide-container",{containerTitle:this._componentLocale.tabBasic.backEnd.backEndLabel,contentBorderEnd:!0,titleType:"secondary"},i("gxg-combo-box",{disableFilter:!0,toolTip:r.tooltip,label:this._componentLocale.tabBasic.backEnd.prototypingEnvironment.label,value:l(this.prototypingEnvironments),placeholder:0===this.prototypingEnvironments.length?this._componentLocale.tabBasic.backEnd.prototypingEnvironment.disabledPlaceholder:"",disabled:0===this.prototypingEnvironments.length,ref:t=>this.prototypingEnvironmentEl=t,onValueChanged:this.prototypingEnvironmentValueChangedHandler,class:"prototyping-environment",part:"prototyping-environment"},d("gxg-combo-box-item",this.prototypingEnvironments,"prototyping-environment")),i("gxg-combo-box",{label:this._componentLocale.tabBasic.backEnd.dataSource.label,toolTip:r.tooltip,disableFilter:!0,value:l(this.defaultDataSources),placeholder:0===this.defaultDataSources.length?this._componentLocale.tabBasic.backEnd.dataSource.disabledPlaceholder:"",disabled:0===this.defaultDataSources.length,ref:t=>this.dataSourceEl=t,class:"data-source",part:"data-source"},d("gxg-combo-box-item",this.defaultDataSources,"data-source"))),i("gx-ide-container",{containerTitle:this._componentLocale.tabBasic.frontEnd.frontEndLabel,titleType:"secondary"},i("gxg-form-checkbox-group",{ref:t=>this.frontEndsEl=t,onGroupValuesChanged:this.updateSelectedFrontEndsIds},d("gxg-form-checkbox",this.frontEnds,"front-end"))))),this.renderTabAdvanced=()=>i("gxg-tab",{tab:"advanced","no-padding":!0,flexContainer:!0},i("gx-ide-container",{noContentPadding:!0,containerTitle:this._componentLocale.tabAdvanced.tabTitle,titleType:"secondary"},i("div",{class:"knowledge-base-storage"},i("div",{class:"knowledge-base-storage__col-left"},i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.serverName.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.serverNames),placeholder:0===this.serverNames.length?this._componentLocale.tabAdvanced.serverName.disabledPlaceholder:"",disabled:0===this.serverNames.length,ref:t=>this.serverNameEl=t,class:"server-name-combo-box",part:"server-name",onValueChanged:this.evaluateCreateDataInKbDisabled},d("gxg-combo-box-item",this.serverNames,"server-name")),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/search",class:"server-name-button",part:"search-server-name"}),i("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.databaseName.label,placeholder:"MyDatabase",ref:t=>this.databaseNameEl=t,toolTip:r.tooltip,value:this.databaseName,class:"database-name",part:"database-name"}),i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.collation.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.collations),ref:t=>this.collationEl=t,placeholder:0===this.collations.length?this._componentLocale.tabAdvanced.collation.disabledPlaceholder:"",disabled:0===this.serverNames.length,class:"collation-combo-box",part:"collation"},d("gxg-combo-box-item",this.collations,"collation")),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/reset",class:"collation-button",part:"reset-collation"}),i("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.createDataFilesInKbFolder,ref:t=>this.createDataFilesInKBFolderEl=t,alignTop:!0,checked:this.createDataFilesInKBFolder,disabled:this.createDataInKbDisabled,class:"create-data-in-kb",part:"create-data-in-kb"})),i("div",{class:{"knowledge-base-storage__col-right":!0,"knowledge-base-storage__col-right--windows-authentication":!this.userNameVisible}},i("gxg-combo-box",{label:this._componentLocale.tabAdvanced.authenticationType.label,disableFilter:!0,toolTip:r.tooltip,value:l(this.authenticationTypes),ref:t=>this.authenticationTypeEl=t,placeholder:0===this.authenticationTypes.length?this._componentLocale.tabAdvanced.authenticationType.disabledPlaceholder:"",disabled:0===this.authenticationTypes.length,class:"authentication-type",part:"authentication-type",onValueChanged:this.evaluateAuthenticationType},d("gxg-combo-box-item",this.authenticationTypes,"authentication-type")),this.userNameVisible?i("gxg-form-text",{labelPosition:"above",toolTip:r.tooltip,label:this._componentLocale.tabAdvanced.userName.label,ref:t=>this.userNameEl=t,value:this.userName,class:"user-name",part:"user-name"}):null,this.passwordVisible?i("gxg-form-text",{labelPosition:"above",label:this._componentLocale.tabAdvanced.password.label,password:!0,toolTip:r.tooltip,ref:t=>this.passwordEl=t,value:this.password,class:"password",part:"password"}):null,this.savePasswordVisible?i("gxg-form-checkbox",{label:this._componentLocale.tabAdvanced.savePassword,ref:t=>this.savePasswordEl=t,checked:this.savePassword,class:"save-password",part:"save-password"}):null)))),this.createDataInKbDisabled=!1,this.userNameVisible=!0,this.passwordVisible=!0,this.savePasswordVisible=!0,this.displayTitle=!1,this.defaultDataSources=void 0,this.frontEnds=void 0,this.isAdvanced=!1,this.kbLocation=void 0,this.selectLocationCallback=void 0,this.kbName=void 0,this.prototypingEnvironments=void 0,this.prototypingTargets=void 0,this.userInterfaceLanguages=void 0,this.authenticationTypes=void 0,this.collations=void 0,this.createDataFilesInKBFolder=!1,this.databaseName=void 0,this.password=void 0,this.savePassword=!1,this.serverNames=void 0,this.userName=void 0,this.test=void 0,this.createCallback=void 0,this.cancelCallback=void 0,this.getDataSourcesCallback=void 0,this.getFrontEndsCallback=void 0}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.evaluateCreateDataInKbDisabled(null),this.evaluateAuthenticationType(null),this.previousFrontEndsState=this.frontEnds}componentDidLoad(){this.initialSetup(),this.kbNameEl.focus()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}async suspendShortcuts(t){this.gxgShortcutsEl.suspend=!!t}render(){return i(a,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",{noContentPadding:!0,slimmerFooter:r.gxIdeContainer.slimmerFooter,containerTitle:this.displayTitle?this._componentLocale.componentName:null},i("header",{class:{header:!0,grid:!0,"header--is-advanced":this.isAdvanced},slot:"header"},i("gxg-label",{labelPosition:"start",class:"kb-label",noMargin:!0},this._componentLocale.header.kbName),i("gxg-form-text",{labelPosition:"start",placeholder:"SalesInventory","max-width":"100%",value:this.kbName,toolTip:r.tooltip,ref:t=>this.kbNameEl=t,part:"kb-name",class:"kb-input"}),this.isAdvanced?[i("gxg-label",{labelPosition:"start",class:"location-label"},this._componentLocale.header.kbLocation),i("gxg-form-text",{labelPosition:"start",placeholder:"C:\\Models",maxWidth:"100%",value:this.kbLocation,ref:t=>this.locationEl=t,disabled:!this.isAdvanced,part:"kb-location",class:"location-input"}),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/folder",onClick:this.selectLocationHandler,part:"button-select-location",class:"location-icon"})]:null),i("main",{class:"gxi-full-height"},i("gxg-tabs",{class:"gxg-tabs"},this.isAdvanced?i("gxg-tab-bar",{slot:"tab-bar-container",part:"tab-bar",displayBorder:!0},i("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabBasic.tabLabel,tab:"basic","is-selected":!0,hidden:!this.isAdvanced,part:"tab-button-basic"}),i("gxg-tab-button",{slot:"tab-bar",tabLabel:this._componentLocale.tabAdvanced.tabLabel,tab:"advanced",hidden:!this.isAdvanced,part:"tab-button-advanced"})):null,this.renderTabBasic(),this.isAdvanced&&this.renderTabAdvanced())),i("gxg-button",{id:"button-cancel",type:"outlined",onClick:this.cancelKbHandler,part:"button-cancel",slot:"footer-end"},this._componentLocale.footer.btnCancel),i("gxg-button",{id:"button-create",type:"primary-text-only",onClick:this.createKbHandler,part:"button-create",slot:"footer-end"},this._componentLocale.footer.btnCreate))),i("gxg-shortcuts",{src:this.shortcutsSrc,ref:t=>this.gxgShortcutsEl=t}))}static get assetsDirs(){return["gx-ide-assets/new-kb"]}get el(){return o(this)}};g.style='/*Gemini*/\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n/* Helper Classes */\n.gxi-hidden {\n display: none !important;\n}\n\n.gxi-full-height {\n height: 100%;\n}\n\n.gxi-overflow-auto {\n overflow: auto;\n}\n\n.gxi-display-flex {\n display: flex;\n}\n\n.align-start {\n display: flex;\n align-items: start;\n}\n\n.align-center {\n display: flex;\n align-items: center;\n}\n\n.align-end {\n display: flex;\n align-items: end;\n}\n\n.overflow-auto {\n overflow: auto;\n}\n\n.justify-start {\n display: flex;\n justify-content: start;\n}\n\n.justify-center {\n display: flex;\n justify-content: center;\n}\n\n.justify-end {\n display: flex;\n justify-content: end;\n}\n\n/* Grids */\n.grid {\n display: grid;\n grid-row-gap: var(--gx-ide-grid-row-gap);\n grid-column-gap: var(--gx-ide-grid-column-gap);\n grid-template-rows: auto;\n}\n\nch-grid-cell {\n display: flex;\n}\n\nch-grid {\n overflow: auto;\n height: 100%;\n}\n\nch-grid-column {\n /*to be removed when this works inside a component with shadow: true*/\n z-index: 99;\n border-bottom: 1px solid var(--gray-01);\n}\n\nch-grid-column:first-child {\n padding-inline-start: var(--gxg-container--padding) !important;\n}\n\nch-grid-column:last-child {\n padding-inline-end: var(--gxg-container--padding) !important;\n}\n\nch-grid-cell {\n --spacing-comp-02: var(--gxg-container--padding);\n}\n\n/*--- Layout ---*/\n.layout {\n display: grid;\n gap: var(--spacing-comp-05);\n box-sizing: border-box;\n}\n.layout--two-cols {\n grid-template-columns: 1fr 1fr;\n}\n.layout--space-above {\n padding-block-start: var(--spacing-comp-05);\n}\n\n/*Gxg Tabs*/\ngxg-tabs {\n box-shadow: none;\n}\n\n/*All components Host should have this class set. !important is set on every rule, since this styles could be overridden by the host user, since they are applied on the host component*/\n:host(.gx-ide-component) {\n box-shadow: var(--box-shadow-01);\n height: 100% !important;\n display: flex !important;\n flex-direction: column !important;\n}\n\n/*stylize the top bar*/\n:host(:focus-within) gx-ide-top-bar::part(wrapper) {\n background-color: var(--color-secondary-enabled);\n}\n\n/* Main wrapper (should be the first element inside the host. Everything should be inside .gx-ide-main-wrapper) */\n.gx-ide-main-wrapper {\n color: var(--gx-ide-component-text-color);\n font-weight: var(--font-weight-regular);\n font-size: var(--font-size-lg);\n font-family: var(--font-family-primary);\n line-height: 1.6em;\n height: 100%;\n background-color: var(--gx-ide-component-background-color);\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n box-sizing: border-box;\n}\n\n/*This is the main element. This is the one that take the remaining vertical space*/\n.gx-ide-main {\n flex-grow: 1;\n overflow-y: auto;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gx-ide-main::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n.gx-ide-main::-webkit-scrollbar-track {\n background-color: var(--gray-02);\n border-radius: 10px;\n}\n.gx-ide-main::-webkit-scrollbar-thumb {\n background: var(--gray-05);\n border-radius: 10px;\n}\n.gx-ide-main::-webkit-scrollbar-thumb:hover {\n background: var(--gray-04);\n cursor: pointer;\n}\n.gx-ide-main .gxg-scroll {\n display: block;\n overflow-y: auto;\n padding-inline-end: 2px;\n}\n\n.gx-ide-overflow {\n overflow-y: auto;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gx-ide-overflow::-webkit-scrollbar {\n width: 6px;\n height: 6px;\n}\n.gx-ide-overflow::-webkit-scrollbar-track {\n background-color: var(--gray-02);\n border-radius: 10px;\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb {\n background: var(--gray-05);\n border-radius: 10px;\n}\n.gx-ide-overflow::-webkit-scrollbar-thumb:hover {\n background: var(--gray-04);\n cursor: pointer;\n}\n.gx-ide-overflow .gxg-scroll {\n display: block;\n overflow-y: auto;\n padding-inline-end: 2px;\n}\n\n/*gxg-tree-view*/\n.tree-container {\n display: flex;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n}\n\n/*Gemini*/\n/*Gx Ide*/\n/*@container queries*/\n/* hiChar styles\nFound on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.\n*/\n:host {\n display: block;\n border: 1px solid var(--gxg-border-color--regular);\n background-color: var(--color-background);\n}\n\n/*HEADER*/\n.header {\n grid-template-columns: auto 1fr;\n grid-template-areas: "kb-name-label kb-input";\n}\n.header--is-advanced {\n grid-template-columns: auto 1fr min-content;\n grid-template-areas: "kb-name-label kb-input ." "location-label location-input location-icon";\n}\n.header .kb-input {\n grid-area: kb-input;\n}\n.header .kb-name-label {\n grid-area: kb-label;\n}\n.header .location-label {\n grid-area: location-label;\n}\n.header .location-input {\n grid-area: location-input;\n}\n.header .location-icon {\n grid-area: location-icon;\n}\n\n/*GXG-TABS*/\n.gxg-tabs {\n margin-top: 0;\n box-shadow: none;\n}\n\n/*Basic*/\n.basic-row-first {\n container-name: basic-row-first;\n container-type: inline-size;\n}\n.basic-row-first__container {\n display: grid;\n gap: var(--gx-ide-grid-column-gap);\n padding: var(--gxg-container--padding);\n border-bottom: 1px solid var(--gx-ide-container-border-color);\n grid-template-columns: repeat(2, 1fr);\n}\n@container (max-width: 640px) {\n .basic-row-first {\n /* this will work but you will see the vs-code complaining about some syntax error, so just ignore it */\n }\n .basic-row-first .basic-row-first__container {\n grid-template-columns: 1fr;\n }\n}\n\n.basic-row-second {\n grid-template-columns: repeat(2, 1fr);\n grid-column-gap: 0;\n grid-row-gap: 0;\n flex-grow: 1;\n}\n\n/*Advanced*/\n.knowledge-base-storage {\n display: grid;\n grid-template-areas: "knowledge-base-storage__col-left knowledge-base-storage__col-right";\n grid-template-columns: repeat(2, 1fr);\n flex-grow: 1;\n gap: 0;\n}\n.knowledge-base-storage > *:first-child {\n border-right: 1px solid var(--gx-ide-container-border-color);\n}\n.knowledge-base-storage__col-left {\n display: grid;\n gap: var(--gx-ide-grid-row-gap);\n padding: var(--gxg-container--padding);\n grid-area: knowledge-base-storage__col-left;\n grid-template-columns: 1fr auto;\n grid-template-rows: repeat(4, min-content);\n grid-template-areas: "server-name-combo-box server-name-button" "database-name ." "collation-combo-box collation-button" "create-data-in-kb .";\n}\n.knowledge-base-storage__col-left .server-name-combo-box {\n grid-area: server-name-combo-box;\n}\n.knowledge-base-storage__col-left .server-name-button {\n grid-area: server-name-button;\n align-self: end;\n}\n.knowledge-base-storage__col-left .database-name {\n grid-area: database-name;\n}\n.knowledge-base-storage__col-left .collation-combo-box {\n grid-area: collation-combo-box;\n}\n.knowledge-base-storage__col-left .collation-button {\n grid-area: collation-button;\n align-self: end;\n}\n.knowledge-base-storage__col-left .create-data-in-kb {\n grid-area: create-data-in-kb;\n}\n.knowledge-base-storage__col-right {\n display: grid;\n padding: var(--gxg-container--padding);\n gap: var(--gx-ide-grid-row-gap);\n grid-area: knowledge-base-storage__col-right;\n grid-template-columns: 1fr;\n grid-template-rows: repeat(4, min-content);\n grid-template-areas: "authentication-type" "user-name" "password" "save-password";\n}\n.knowledge-base-storage__col-right .authentication-type {\n grid-area: authentication-type;\n}\n.knowledge-base-storage__col-right .user-name {\n grid-area: user-name;\n}\n.knowledge-base-storage__col-right .password {\n grid-area: password;\n}\n.knowledge-base-storage__col-right .save-password {\n grid-area: save-password;\n}\n.knowledge-base-storage__col-right--windows-authentication {\n grid-template-areas: "authentication-type";\n}';export{g as gx_ide_new_kb}
@@ -0,0 +1 @@
1
+ import{r as t,c as a,h as i,H as o,g as e}from"./p-0906fb46.js";import{L as r}from"./p-26957490.js";import{f as s}from"./p-e79f34d7.js";const l=class{constructor(o){t(this,o),this.componentDidRenderFirstTime=a(this,"componentDidRenderFirstTime",7),this.getNewsCallbackRecentNews=async()=>new Promise((async t=>{this.getNewsCallback&&t(await this.getNewsCallback())})),this.kbClickHandler=async t=>{const a=t.target.id;this.openKbCallback&&await this.openKbCallback(a)},this.searchKbsInputHandler=t=>{this.kbsFilterValue=t.detail.toLowerCase()},this.renderKb=t=>{if(t.id&&t.name&&t.name.toLowerCase().includes(this.kbsFilterValue)){const a=s(t.lastOpenedDate,"pretty");return i("gxg-card",{id:t.id,key:t.id,cardType:"article",cardTitle:t.name,icon:"general/knowledge-base",iconColor:"auto",cardSubtitle:a?`${this._componentLocale.recentKbs.lastOpened} ${a}`:null,actionable:!0,filterValue:this.kbsFilterValue,onClick:this.kbClickHandler,hiChar:!0})}return null},this.renderHomeTabContent=()=>{var t;return i("div",{class:"layout layout--two-cols layout--space-above"},i("gxg-card",{class:"section",cardTitle:this._componentLocale.recentKbs.title},i("div",{class:"kbs-container"},null===(t=this.kbs)||void 0===t?void 0:t.map((t=>this.renderKb(t)))),i("gxg-form-text",{slot:"header",placeholder:"Search KBs by name",onInput:this.searchKbsInputHandler})),i("gx-ide-recent-news",{class:"section",getNewsCallback:this.getNewsCallbackRecentNews,openNewsCallback:this.openNewsCallback}))},this.renderTabs=()=>i("gxg-tabs",{height:"auto",minWidth:"100%",noPadding:!0},i("gxg-tab-bar",{slot:"tab-bar-container",displayBorder:!0},i("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabs.home,tab:"home","is-selected":!0}),i("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabs.learn,tab:"learn",disabled:!0}),i("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabs.samples,tab:"samples",disabled:!0}),i("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabs.marketplace,tab:"marketplace",disabled:!0}),i("gxg-tab-button",{slot:"tab-bar","tab-label":this._componentLocale.tabs.updates,tab:"updates",disabled:!0})),i("gxg-tab",{tab:"home"},this.renderHomeTabContent()),i("gxg-tab",{tab:"learn"}),i("gxg-tab",{tab:"samples"}),i("gxg-tab",{tab:"marketplace"}),i("gxg-tab",{tab:"updates"})),this.kbsFilterValue="",this.renderedFirstTime=!1,this.news=void 0,this.kbs=void 0,this.openKbCallback=void 0,this.getNewsCallback=void 0,this.openNewsCallback=void 0}async componentWillLoad(){this._componentLocale=await r.getComponentStrings(this.el)}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}render(){return i(o,{class:{rendered:this.renderedFirstTime}},this.renderTabs())}static get assetsDirs(){return["gx-ide-assets/start-page"]}get el(){return e(this)}};l.style=".gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column:first-child{padding-inline-start:var(--gxg-container--padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gxg-container--padding) !important}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}.layout{display:grid;gap:var(--spacing-comp-05);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--spacing-comp-05)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01);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);font-family:var(--font-family-primary);line-height:1.6em;height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.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}.tree-container{display:flex;height:100%;width:100%;box-sizing:border-box}:host{display:block;box-shadow:none;height:100%;overflow:auto;opacity:0;transition:var(--gx-ide-show-component-delay) opacity}:host(.rendered){opacity:1}gxg-tabs{background-color:transparent;box-shadow:none;height:100% !important;overflow:auto}.layout{height:100%;overflow:auto}.layout gxg-card{height:100%;overflow:auto}.kbs-container,.news-container{display:flex;flex-direction:column;gap:var(--gx-ide-articles-gap)}.news-container p:first-child{margin-top:0}.news-container p:last-child{margin-bottom:0}gxg-card.section{border-bottom:2px solid var(--gray-00)}";export{l as gx_ide_start_page}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,f as r,h as i,a as o}from"./p-0906fb46.js";import{f as a}from"./p-356ee19a.js";const n=(t,e,r)=>(null==r?void 0:r.regularExpression)?null!==t.match(e):((t,e,r)=>r?t.includes(e):t.toLowerCase().includes(e.toLowerCase()))(t,e,null==r?void 0:r.matchCase),l={caption:(t,e)=>{var r;return!e.filter||n(null!==(r=t.caption)&&void 0!==r?r:"",e.filter,e.filterOptions)},checked:(t,e)=>{var r,i;return(null!==(r=t.checkbox)&&void 0!==r?r:e.defaultCheckbox)&&!t.indeterminate&&(null!==(i=t.checked)&&void 0!==i?i:e.defaultChecked)},list:(t,e)=>e.filterSet.has(t.id),metadata:(t,e)=>{var r;return!e.filter||n(null!==(r=t.metadata)&&void 0!==r?r:"",e.filter,e.filterOptions)},none:()=>!0,unchecked:(t,e)=>{var r,i;return(null!==(r=t.checkbox)&&void 0!==r?r:e.defaultCheckbox)&&!t.indeterminate&&!(null!==(i=t.checked)&&void 0!==i?i:e.defaultChecked)}},s=(t,e,r,o,a)=>{var n,l,c,h,g,d;return("none"===e.filterType||!1!==t.render)&&i("ch-tree-view-item",{id:t.id,caption:t.caption,checkbox:null!==(n=t.checkbox)&&void 0!==n?n:e.checkbox,checked:null!==(l=t.checked)&&void 0!==l?l:e.checked,class:t.class,disabled:t.disabled,downloading:t.downloading,dragDisabled:null!==(c=t.dragDisabled)&&void 0!==c?c:e.dragDisabled,dropDisabled:null!==(h=t.dropDisabled)&&void 0!==h?h:e.dropDisabled,editable:null!==(g=t.editable)&&void 0!==g?g:e.editableItems,expanded:t.expanded,indeterminate:t.indeterminate,lastItem:o,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:t.leftImgSrc,level:a,metadata:t.metadata,rightImgSrc:t.rightImgSrc,selected:t.selected,showExpandableButton:t.showExpandableButton,showLines:e.showLines,toggleCheckboxes:null!==(d=t.toggleCheckboxes)&&void 0!==d?d:e.toggleCheckboxes},!t.leaf&&null!=t.items&&t.items.map(((i,o)=>s(i,e,r,"none"!==e.showLines&&(r&&void 0!==t.lastItemId?i.id===t.lastItemId:o===t.items.length-1),a+1))))},c=(t,e,r,o,n)=>{var l,s,h,g;return("none"===e.filterType||!1!==t.render)&&i("ch-tree-view-item",{key:t.id,id:t.id,caption:t.caption,checkbox:null!==(l=t.checkbox)&&void 0!==l?l:e.checkbox,checked:null!==(s=t.checked)&&void 0!==s?s:e.checked,class:t.class,downloading:t.downloading,dragDisabled:null!=t.dragEnabled?!t.dragEnabled:e.dragDisabled,dropDisabled:null!=t.dropEnabled?!t.dropEnabled:e.dropDisabled,editable:null!==(h=t.editable)&&void 0!==h?h:e.editableItems,expanded:t.expanded,indeterminate:t.indeterminate,lastItem:o,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:a(t.leftImage,e.gxSettings,e.gxImageConstructor),level:n,metadata:t.metadata,selected:t.selected,showLines:e.showLines,toggleCheckboxes:null!==(g=t.toggleCheckboxes)&&void 0!==g?g:e.toggleCheckboxes},!t.leaf&&null!=t.items&&t.items.map(((i,o)=>c(i,e,r,"none"!==e.showLines&&(r&&void 0!==t.lastItemId?i.id===t.lastItemId:o===t.items.length-1),n+1))))},h=t=>{t.sort(((t,e)=>t.order<e.order?-1:t.order>e.order?0:t.caption<=e.caption?-1:0))},g=class{constructor(r){t(this,r),this.checkedItemsChange=e(this,"checkedItemsChange",7),this.itemContextmenu=e(this,"itemContextmenu",7),this.itemOpenReference=e(this,"itemOpenReference",7),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.flattenedTreeModel=new Map,this.flattenedCheckboxTreeModel=new Map,this.selectedItems=new Set,this.applyFilters=!1,this.emitCheckedChange=!1,this.waitDropProcessing=!1,this.checkbox=!1,this.checked=!1,this.cssClass="tree-view",this.dragDisabled=!1,this.dropDisabled=!1,this.editableItems=!0,this.filterDebounce=250,this.filterList=[],this.filterOptions={},this.filterType="none",this.multiSelection=!1,this.renderItem=s,this.showLines="none",this.sortItemsCallback=h,this.toggleCheckboxes=!1,this.treeModel=[],this.useGxRender=!1,this.handleDroppableZoneEnter=t=>{if(!this.checkDroppableZoneCallback)return;t.stopPropagation();const e=(new Date).getTime(),r=t.detail;this.checkDroppableZoneCallback(r).then((t=>{this.updateValidDropZone(e,r.newContainer.id,r.draggedItems,t)}))},this.handleSelectedItemsChange=t=>{t.stopPropagation();const e=new Map(t.detail);this.selectedItems.forEach((t=>{const r=this.flattenedTreeModel.get(t).item,i=e.get(t);i?(r.expanded=i.expanded,e.delete(t)):(r.selected=!1,this.selectedItems.delete(t))})),e.forEach(((t,e)=>{const r=this.flattenedTreeModel.get(e).item;r.selected=!0,r.expanded=t.expanded,this.selectedItems.add(e)}));const r=this._getItemsInfo([...t.detail.keys()]);this.selectedItemsChange.emit(r)},this.handleExpandedItemChange=t=>{const e=t.detail;this.flattenedTreeModel.get(e.id).item.expanded=e.expanded},this.handleItemContextmenu=t=>{t.stopPropagation(),this.itemContextmenu.emit(t.detail)},this.handleItemsDropped=t=>{const e=t.detail;if(!this.flattenedTreeModel.get(e.newContainer.id))return;if(0===e.draggedItems.length||!this.dropItemsCallback)return;t.stopPropagation();const r=this.dropItemsCallback(e);this.waitDropProcessing=!0,r.then((async t=>{this.dropItems(t.acceptDrop,e,t.items),this.waitDropProcessing=!1}))},this.moveItemToNewParent=t=>e=>{const r=this.flattenedTreeModel.get(e.id),i=r.item,o=r.parentItem;o.items.splice(o.items.findIndex((t=>t.id===i.id)),1),t.items.push(i),r.parentItem=t},this.flattenItemUIModel=t=>e=>{var r,i,o,a,n,l;this.flattenedTreeModel.set(e.id,{parentItem:t,item:e}),(null!==(r=e.checkbox)&&void 0!==r?r:this.checkbox)&&this.flattenedCheckboxTreeModel.set(e.id,{parentItem:t,item:e}),e.class||(e.class="tree-view-item"),null!==(i=e.expanded)&&void 0!==i||(e.expanded=!1),null!==(o=e.indeterminate)&&void 0!==o||(e.indeterminate=!1),null!==(a=e.lazy)&&void 0!==a||(e.lazy=!1),null!==(n=e.order)&&void 0!==n||(e.order=0),null!==(l=e.selected)&&void 0!==l||(e.selected=!1),e.selected&&this.selectedItems.add(e.id),this.flattenSubModel(e)}}handleFilterChange(){"caption"!==this.filterType&&"metadata"!==this.filterType||this.processFilters()}handleFilterDebounceChange(){"caption"!==this.filterType&&"metadata"!==this.filterType||this.processFilters()}handleFilterListChange(){this.filterListAsSet=new Set(this.filterList),"list"===this.filterType&&this.processFilters()}handleFilterOptionsChange(){this.processFilters()}handleFilterTypeChange(){this.processFilters()}handleTreeModelChange(){this.flattenModel()}async dropItems(t,e,i){if(!t)return;const o=this.flattenedTreeModel.get(e.newContainer.id).item;if(e.dropInTheSameTree)e.draggedItems.forEach(this.moveItemToNewParent(o)),e.draggingSelectedItems&&await this.treeRef.clearSelectedItemsInfo();else{if(null==i)return;o.items.push(...i),i.forEach(this.flattenItemUIModel(o))}this.sortItems(o.items),o.expanded=!0,this.emitCheckedItemsChange(),this.processFilters(),r(this)}async getItemsInfo(t){return this._getItemsInfo(t)}_getItemsInfo(t){const e=[];return t.forEach((t=>{const r=this.flattenedTreeModel.get(t);r&&e.push(r)})),e}async loadLazyContent(t,e,i=!1,o=!1){const a=this.flattenedTreeModel.get(t).item;a.downloading=i,a.lazy=o,null!=e&&(a.items=e,this.sortItems(a.items),this.flattenSubModel(a),this.emitCheckedItemsChange(),this.processFilters(),r(this))}async scrollIntoVisible(t){const e=this.flattenedTreeModel.get(t);if(!e)return;let i=e.parentItem;for(;i&&null!=i.id;)i.expanded=!0,i=this.flattenedTreeModel.get(i.id).parentItem;r(this),this.treeRef.scrollIntoVisible(t)}async toggleItems(t,e){if(!t)return[];const i=[];return t.forEach((t=>{const r=this.flattenedTreeModel.get(t).item;r&&(r.expanded=null!=e?e:!r.expanded,i.push({id:r.id,expanded:r.expanded}))})),r(this),i}async updateAllItemsProperties(t){[...this.flattenedTreeModel.values()].forEach((e=>{null!=t.expanded&&(e.item.expanded=t.expanded),null!=t.checked&&(e.item.checked=t.checked,e.item.indeterminate=!1)})),null!=t.checked&&this.processFilters(),r(this)}async updateItemsProperties(t,e){t.forEach((t=>{const r=this.flattenedTreeModel.get(t);this.updateItemProperty(r,e)})),this.processFilters(),r(this)}async updateValidDropZone(t,e,r,i){this.treeRef.updateValidDropZone(t,e,r,i)}updateItemProperty(t,e){if(!t)return;const r=t.item;Object.keys(e).forEach((t=>{void 0!==e[t]&&(r[t]=e[t])}))}updateCheckboxValue(t){t.stopPropagation();const e=t.detail,i=this.flattenedCheckboxTreeModel.get(e.id);if(!i)return;const o=i.item;o.checked=e.checked,o.indeterminate=e.indeterminate,this.emitCheckedItemsChange(),"checked"!==this.filterType&&"unchecked"!==this.filterType||this.processFilters(),r(this)}loadLazyChildrenHandler(t){if(!this.lazyLoadTreeItemsCallback)return;t.stopPropagation();const e=t.detail,r=this.lazyLoadTreeItemsCallback(e);t.target.downloading=!0,r.then((t=>{this.loadLazyContent(e,t)}))}handleCaptionModification(t){if(!this.modifyItemCaptionCallback)return;t.stopPropagation();const e=t.target,i=t.detail.id,o=this.flattenedTreeModel.get(i),a=o.item,n=t.detail.caption,l=a.caption;a.caption=n,e.caption=n,this.modifyItemCaptionCallback(i,n).then((t=>{t.success?(this.sortItems(o.parentItem.items),this.processFilters(),r(this)):(e.caption=l,a.caption=l)}))}handleOpenReference(t){t.stopPropagation(),this.itemOpenReference.emit(t.detail)}flattenSubModel(t){const e=t.items;e?(this.sortItems(e),e.forEach(this.flattenItemUIModel(t))):!0!==t.leaf&&(t.items=[])}sortItems(t){this.sortItemsCallback&&this.sortItemsCallback(t)}flattenModel(){this.flattenedTreeModel.clear(),this.flattenedCheckboxTreeModel.clear(),this.selectedItems.clear(),this.treeRef&&this.treeRef.clearSelectedItemsInfo(),this.flattenSubModel({id:null,caption:null,items:this.treeModel}),this.emitCheckedItemsChange()}filterSubModel(t,e){let r=!1;if(!0!==t.leaf&&null!=t.items){let i;t.items.forEach((t=>{const o=this.filterSubModel(t,e);r||(r=o),o&&(i=t.id)})),t.lastItemId=i}const i=r||((t,e,r)=>{var i;return!0===(null===(i=r.filterOptions)||void 0===i?void 0:i.hideMatchesAndShowNonMatches)?!l[t](e,r):l[t](e,r)})(this.filterType,t,e);return t.render=i,i}emitCheckedItemsChange(){this.emitCheckedChange=!0}updateCheckedItems(){const t=new Map(this.flattenedCheckboxTreeModel);t.forEach((t=>{var e,r;null!==(e=(r=t.item).checked)&&void 0!==e||(r.checked=this.checked)})),this.checkedItemsChange.emit(t)}processFilters(){this.applyFilters=!0}updateFilters(){if("none"===this.filterType)return;clearTimeout(this.filterTimeout);const t=()=>this.filterSubModel({id:null,caption:null,items:this.treeModel},{defaultCheckbox:this.checkbox,defaultChecked:this.checked,filter:this.filter,filterOptions:this.filterOptions,filterSet:this.filterListAsSet});this.filterDebounce>0&&("caption"===this.filterType||"metadata"===this.filterType)?this.filterTimeout=setTimeout((()=>{t(),r(this)}),this.filterDebounce):t()}componentWillLoad(){this.useGxRender&&(this.renderItem=c),this.flattenModel(),this.updateCheckedItems(),this.updateFilters()}componentWillUpdate(){this.emitCheckedChange&&(this.updateCheckedItems(),this.emitCheckedChange=!1),this.applyFilters&&(this.updateFilters(),this.applyFilters=!1)}render(){return i("ch-tree-view",{class:this.cssClass||null,multiSelection:this.multiSelection,waitDropProcessing:this.waitDropProcessing,onDroppableZoneEnter:this.handleDroppableZoneEnter,onExpandedItemChange:this.handleExpandedItemChange,onItemContextmenu:this.handleItemContextmenu,onItemsDropped:this.handleItemsDropped,onSelectedItemsChange:this.handleSelectedItemsChange,ref:t=>this.treeRef=t},this.treeModel.map(((t,e)=>{return this.renderItem(t,this,(i=this.filter,"none"!==(r=this.filterType)&&("caption"!==r&&"metadata"!==r||null!=i&&""!==i.trim())),"none"!==this.showLines&&e===this.treeModel.length-1,0);var r,i})))}static get watchers(){return{filter:["handleFilterChange"],filterDebounce:["handleFilterDebounceChange"],filterList:["handleFilterListChange"],filterOptions:["handleFilterOptionsChange"],filterType:["handleFilterTypeChange"],treeModel:["handleTreeModelChange"]}}};g.style="ch-tree-view-render{display:contents}";const d=(t,e)=>`${t}/${e}.svg`,v=o("./icon-assets"),m=(t,e,r,o,a)=>{var n,l,s,c,h,g;return("none"===e.filterType||!1!==t.render)&&i("ch-tree-view-item",{id:t.id,caption:t.caption,checkbox:null!==(n=t.checkbox)&&void 0!==n?n:e.checkbox,checked:null!==(l=t.checked)&&void 0!==l?l:e.checked,class:t.class,disabled:t.disabled,downloading:t.downloading,dragDisabled:null!==(s=t.dragDisabled)&&void 0!==s?s:e.dragDisabled,dropDisabled:null!==(c=t.dropDisabled)&&void 0!==c?c:e.dropDisabled,editable:null!==(h=t.editable)&&void 0!==h?h:e.editableItems,expanded:t.expanded,indeterminate:t.indeterminate,lastItem:o,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:t.leftImgSrc?d(v,t.leftImgSrc):null,level:a,metadata:t.metadata,rightImgSrc:t.rightImgSrc,selected:t.selected,showExpandableButton:t.showExpandableButton,showLines:e.showLines,toggleCheckboxes:null!==(g=t.toggleCheckboxes)&&void 0!==g?g:e.toggleCheckboxes},!t.leaf&&null!=t.items&&t.items.map(((i,o)=>m(i,e,r,"none"!==e.showLines&&(r&&""!==t.lastItemId?i.id===t.lastItemId:o===t.items.length-1),a+1))))},p=class{constructor(r){t(this,r),this.checkedItemsChange=e(this,"checkedItemsChange",7),this.itemContextmenu=e(this,"itemContextmenu",7),this.itemOpenReference=e(this,"itemOpenReference",7),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.checkbox=!1,this.checked=!1,this.cssClass="tree-view",this.dragDisabled=!1,this.dropDisabled=!1,this.editableItems=!0,this.filterDebounce=0,this.filterList=[],this.filterOptions={},this.filterType="none",this.multiSelection=!1,this.renderItem=m,this.showLines="all",this.toggleCheckboxes=!1,this.treeModel=[]}async loadLazyContent(t,e,r=!1,i=!1){this.treeRef.loadLazyContent(t,e,r,i)}async scrollIntoVisible(t){this.treeRef.scrollIntoVisible(t)}async toggleItems(t,e){return this.treeRef.toggleItems(t,e)}async updateAllItemsProperties(t){this.treeRef.updateAllItemsProperties(t)}async updateItemsProperties(t,e){this.treeRef.updateItemsProperties(t,e)}async updateValidDropZone(t,e,r,i){this.treeRef.updateValidDropZone(t,e,r,i)}render(){return i("ch-tree-view-render",{checkbox:this.checkbox,checked:this.checked,checkDroppableZoneCallback:this.checkDroppableZoneCallback,cssClass:this.cssClass,dragDisabled:this.dragDisabled,dropDisabled:this.dropDisabled,dropItemsCallback:this.dropItemsCallback,editableItems:this.editableItems,filter:this.filter,filterList:this.filterList,filterOptions:this.filterOptions,filterDebounce:this.filterDebounce,filterType:this.filterType,lazyLoadTreeItemsCallback:this.lazyLoadTreeItemsCallback,modifyItemCaptionCallback:this.modifyItemCaptionCallback,multiSelection:this.multiSelection,renderItem:this.renderItem,showLines:this.showLines,sortItemsCallback:this.sortItemsCallback,toggleCheckboxes:this.toggleCheckboxes,treeModel:this.treeModel,ref:t=>this.treeRef=t})}};p.style=':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}gxg-tree-view{--gxg-tree-view-icon-size:var(--spacing-comp-04);font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);color:var(--color-on-background);display:contents}.tree-view{cursor:initial}.tree-view::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.tree-view::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.tree-view::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.tree-view::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}.tree-view .ch-tree-view-container{padding:7px;}.tree-view-item{--ch-tree-view-view__checkbox-size:var(--gxg-checkbox-size);--ch-tree-view-view__expandable-button-width:var(--gxg-tree-view-icon-size);--ch-tree-view-item-gap:var(--spacing-comp-02);--ch-tree-view-item-custom-padding-inline-start:var(--spacing-comp-01);--ch-tree-view-item-custom-padding-inline-end:var(--spacing-comp-01);}.tree-view-item::part(dashed-line){border-color:var(--gray-02)}.tree-view-item::part(header){min-height:var(--spacing-comp-05);padding-top:var(--spacing-comp-00);padding-bottom:var(--spacing-comp-00);padding-inline-end:var(--spacing-comp-02)}.tree-view-item::part(header):before{content:"";display:block}.tree-view-item::part(header):hover{background-color:var(--gxg-background-color--hover);color:var(--gxg-color--hover)}.tree-view-item::part(header):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.tree-view-item[selected]::part(header){background-color:var(--gxg-background-color--selected)}.tree-view-item[selected]::part(header):hover{background-color:var(--gxg-background-color--selected-hover)}.tree-view-item::part(expandable-button){background-color:var(--gray-00)}.tree-view-item::part(expandable-button)::before{background-color:var(--gray-04);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.tree-view-item::part(expandable-button):hover{background-color:var(--color-background)}.tree-view-item::part(expandable-button):focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:0}.tree-view-item::part(left-img){width:var(--spacing-comp-04);height:var(--spacing-comp-04)}.tree-view-item::part(downloading){width:var(--spacing-comp-03);height:var(--spacing-comp-03);border:var(--border-width-md) solid var(--color-primary-enabled);border-inline-start-color:transparent}.tree-view-item::part(checkbox__container){border-color:var(--gray-04);background-color:var(--color-background)}.tree-view-item::part(checkbox__container):after{content:"";position:absolute;display:block;border:solid;border-color:transparent;z-index:0}.tree-view-item::part(checkbox__container):focus-within{box-shadow:none;outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}.tree-view-item::part(checkbox__option){display:none}.tree-view-item::part(checkbox__container checkbox__checked):after{left:5.5px;top:3px;width:4px;height:7px;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border-color:var(--color-primary-active);transition-property:border-color;transition-duration:var(--ui-animaton-speed);transition-timing-function:ease}.tree-view-item::part(checkbox__container checkbox__indeterminate):after{left:50%;top:50%;width:8px;height:1.5px;border:0;background-color:var(--color-primary-active);-webkit-transform:rotate(0) translateY(-50%) translateX(-50%);-ms-transform:rotate(0) translateY(-50%) translateX(-50%);transform:rotate(0) translateY(-50%) translateX(-50%)}.tree-view-item::part(checkbox__input){position:relative;z-index:1}.tree-view-item--folder::part(action)::before,.tree-view-item--module::part(action)::before{grid-area:left-img;content:"";width:var(--gxg-tree-view-icon-size);height:var(--gxg-tree-view-icon-size);margin-inline-end:var(--ch-tree-view-item-gap);background-repeat:no-repeat}.tree-view-item--folder::part(action)::before{background-image:url("/build/icon-assets/objects/folder.svg")}.tree-view-item--folder::part(action expanded)::before{background-image:url("/build/icon-assets/objects/folder-open.svg")}.tree-view-item--module::part(action)::before{background-image:url("/build/icon-assets/objects/module.svg")}.tree-view-item--module::part(action expanded)::before{background-image:url("/build/icon-assets/objects/module-open.svg")}.tree-view-item--pending-commit::part(action)::before{content:"";position:relative;z-index:1;grid-area:left-img;width:5px;height:5px;align-self:end;margin-block-end:3px;margin-inline-start:1px;background-color:var(--color-primary-enabled);border-radius:50%}.tree-view-item--editing::part(header){border:2px solid transparent}.tree-view .ch-tree-view-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}';export{g as ch_tree_view_render,p as gxg_tree_view}
@@ -0,0 +1 @@
1
+ import{r,h as t,H as o,g as a}from"./p-0906fb46.js";import{f as e}from"./p-b374d112.js";const i=new Map;let n;function l(r,t,o){o.forEach((o=>{(function(r=""){return r.split(/(?<!(?:[+]|^))\s/).map((r=>r.split(/(?<!(?:[+]|^))[+]/).reduce(((r,t)=>{switch(t.toLowerCase()){case"ctrl":r.ctrl=!0;break;case"alt":r.alt=!0;break;case"shift":r.shift=!0;break;case"meta":r.meta=!0;break;default:r.key=t}return r}),{ctrl:!1,alt:!1,shift:!1,meta:!1,key:""})))})(o.keyShortcuts).forEach((a=>{const e=g(a.ctrl,a.alt,a.shift,a.meta,a.key);i.set(e,{name:r,root:t,shortcut:o})}))})),i.size>0&&window.addEventListener("keydown",c,{capture:!0})}function s(r){const t=[];i.forEach(((o,a)=>{o.name===r&&t.push(a)})),t.forEach((r=>i.delete(r))),0===i.size&&window.removeEventListener("keydown",c,{capture:!0})}function c(r){var t;(!r.repeat||r.repeat&&(null===(t=null==n?void 0:n.shortcut.conditions)||void 0===t?void 0:t.allowRepeat))&&(n=function(r){const t=g(r.ctrlKey,r.altKey,r.shiftKey,r.metaKey,r.key),o=i.get(t),a=e();if(o&&function(r,t){var o,a;return(null===(o=r.shortcut.conditions)||void 0===o?void 0:o.focusInclude)?f(r.shortcut.conditions.focusInclude,r.root).some((r=>t.includes(r))):!(null===(a=r.shortcut.conditions)||void 0===a?void 0:a.focusExclude)||!f(r.shortcut.conditions.focusExclude,r.root).some((r=>t.includes(r)))}(o,a)){const e=v(o.shortcut.selector,o.root),i=function(r,t,o,a){return new CustomEvent("keyShortcutPressed",{bubbles:!0,cancelable:!0,composed:!1,detail:{keyShortcut:r,id:t,target:o,focusComposedPath:a}})}(t,o.shortcut.id,e,a);o.root.dispatchEvent(i)?("click"===o.shortcut.action?null==e||e.dispatchEvent(new Event("click")):null==e||e.focus(),!1!==o.shortcut.preventDefault&&r.preventDefault()):r.preventDefault()}return o}(r))}function g(r,t,o,a,e){return[r?"Ctrl":null,t?"Alt":null,o?"Shift":null,a?"Meta":null,e?e.charAt(0).toUpperCase()+e.slice(1):null].filter((r=>null!==r)).join("+")}function f(r,t){var o;return null!==(o=null==r?void 0:r.split(",").map((o=>r.includes("::part")?v(o,t):Array.from(t.querySelectorAll(r)))).flat())&&void 0!==o?o:[]}function v(r,t){const o=(r,t)=>{const a=r.shadowRoot,e=t.split(" "),i=a.querySelector(e.map((r=>`[part~="${r}"]`)).join(""));if(i)return i;const n=a.querySelector(e.map((r=>`[exportparts*="${r}"]`)).join(""));if(n){const r=[],t=n.getAttribute("exportparts");if(e.forEach((o=>{const a=t.match(`(?:([\\w-]+):)?(${o})`)[1];a&&r.push(a)})),e.length===r.length)return o(n,r.join(" "))}return null};if(null==r?void 0:r.includes("::part")){const a=r.match("(.*)::part\\(([^)]+)\\)"),e=a[2];return o(t.querySelector(a[1]),e)}return t.querySelector(r)}const m={" ":"⌴"},h=class{constructor(t){r(this,t),this.showShortcuts=!1,this.showKey="F10",this.suspend=!1,this.windowClosedHandler=()=>{this.showShortcuts=!1}}suspendHandler(){if(this.suspend)s(this.src);else{const r=this.el.getRootNode();l(this.src,r,this.shortcuts)}}componentDidLoad(){this.src&&fetch(this.src).then((r=>{r.ok&&r.json().then((r=>{const t=this.el.getRootNode();this.shortcuts=r,l(this.src,t,this.shortcuts)}))}))}disconnectedCallback(){s(this.src)}windowKeyDownHandler(r){r.repeat||this.suspend||(r.key===this.showKey?(this.showShortcuts=!this.showShortcuts,r.preventDefault()):this.showShortcuts&&!["Ctrl","Alt","Shift","Meta"].includes(r.key)&&(this.showShortcuts=!1))}renderShortcuts(){return(r=this.src,Array.from(i.values()).filter((t=>{var o;return t.name===r&&!(null===(o=t.shortcut.conditions)||void 0===o?void 0:o.focusInclude)})).map((r=>({element:v(r.shortcut.selector,r.root),keyShortcuts:r.shortcut.keyShortcuts,legendPosition:r.shortcut.legendPosition})))).filter((r=>r.element)).map((r=>t("ch-window",{container:r.element,modal:!1,hidden:!1,closeOnEscape:!0,closeOnOutsideClick:!0,xAlign:"outside-end",yAlign:"inside-start",onWindowClosed:this.windowClosedHandler,exportparts:"mask:element, main:tooltip"},this.renderKeyShortcuts(r.keyShortcuts))));var r}renderKeyShortcuts(r){return r.split(/(?<!(?:[+]|^))([+\s])/).map(((r,o,a)=>{var e;return"+"===r&&o>0&&"+"!==a[o-1]?t("span",{part:"plus"},"+"):" "===r&&o>0&&"+"!==a[o-1]?t("span",{part:"slash"},"/"):t("kbd",{part:"key"},null!==(e=m[r])&&void 0!==e?e:r)}))}render(){return t(o,null,this.showShortcuts&&this.renderShortcuts())}get el(){return a(this)}static get watchers(){return{suspend:["suspendHandler"]}}};h.style=":host{display:contents}";const p=class{constructor(t){r(this,t),this.showKey="F10",this.suspend=!1,this.showTooltip=!1,this.show=!1}componentDidLoad(){this.showTooltip=!0}render(){return console.log("render"),t(o,null,t("ch-shortcuts",{suspend:this.suspend,src:this.src,showKey:this.showKey}))}};p.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{cursor:initial}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px);height:var(--gxg-scrollbar-width, 6px)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px);border:var(--gxg-scrollbar-track-thumb-border);background-clip:padding-box}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04)}:host{display:block}ch-shortcuts::part(tooltip){font-family:monospace;background-color:var(--gray-06);color:var(--gray-01);padding:var(--spacing-comp-00) var(--spacing-comp-01);font-size:var(--font-size-sm);border-radius:var(--border-radius-sm);position:relative;top:-2.5px;right:-2px}ch-shortcuts::part(element){outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px;outline-color:var(--gray-06)}:host([show-tooltip]) ch-shortcuts::part(tooltip){opacity:1}";export{h as ch_shortcuts,p as gxg_shortcuts}
@@ -1 +1 @@
1
- import{r as e,c as t,h as i,H as s,g as n,w as a}from"./p-0906fb46.js";import{D as h}from"./p-bac6580b.js";import{f as r,m as d}from"./p-b374d112.js";const o="checkbox",l=class{constructor(i){e(this,i),this.click=t(this,"click",7),this.input=t(this,"input",7),this.disabled=!1,this.highlightable=!1,this.indeterminate=!1,this.readonly=!1,this.getValue=e=>e?this.checkedValue:this.unCheckedValue,this.handleClick=e=>{this.readonly||this.disabled||e.stopPropagation()},this.handleChange=e=>{e.stopPropagation();const t=e.target,i=t.checked,s=this.getValue(i);this.checked=i,this.value=s,t.value=s,this.input.emit(e),this.highlightable&&this.click.emit()}}valueChanged(){this.checked=this.value===this.checkedValue}componentWillLoad(){this.checked=this.value===this.checkedValue}render(){var e;const t=`${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`;return i(s,{class:{[h]:this.disabled,"ch-checkbox--actionable":!this.readonly&&!this.disabled||this.readonly&&this.highlightable}},i("div",{class:{container:!0,"container--checked":this.checked},part:`container${t}`},i("input",{"aria-label":""!==(null===(e=this.accessibleName)||void 0===e?void 0:e.trim())&&this.accessibleName!==this.caption?this.accessibleName:null,id:this.caption?o:null,class:"input",part:"input",type:"checkbox",checked:this.checked,disabled:this.disabled||this.readonly,indeterminate:this.indeterminate,value:this.value,onClick:this.handleClick,onInput:this.handleChange}),i("div",{class:{option:!0,"option--checked":this.checked&&!this.indeterminate,"option--indeterminate":this.indeterminate},part:`option${t}`,"aria-hidden":"true"})),this.caption&&i("label",{class:"label",part:"label",htmlFor:o,onClick:this.handleClick},this.caption))}get element(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};l.style="*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, currentColor);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px color-mix(in srgb, currentColor 25%, transparent)}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:currentColor;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";const c="ch-tree-view-item",p="text/plain",v=e=>e.tagName.toLowerCase()===c,g=()=>r().find(v),m=e=>e&&!e.editing,b=(e,t)=>`"newContainerId":"${e}","metadata":"${JSON.stringify(t)}"`,w=class{constructor(i){e(this,i),this.droppableZoneEnter=t(this,"droppableZoneEnter",7),this.expandedItemChange=t(this,"expandedItemChange",7),this.itemContextmenu=t(this,"itemContextmenu",7),this.itemsDropped=t(this,"itemsDropped",7),this.selectedItemsChange=t(this,"selectedItemsChange",7),this.keyDownEvents={ArrowDown:e=>{const t=g();m(t)&&(e.preventDefault(),t.focusNextItem(d(e)))},ArrowUp:e=>{const t=g();m(t)&&(e.preventDefault(),t.focusPreviousItem(d(e)))},F2:e=>{const t=g();t&&t.editable&&(e.preventDefault(),t.editing=!0)}},this.draggingSelectedItems=!1,this.needForRAF=!0,this.selectedItemsInfo=new Map,this.validDroppableZoneCache=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingInTheDocument=!1,this.draggingInTree=!1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.scrollToEdgeOnDrag=!0,this.waitDropProcessing=!1,this.trackItemDrag=e=>{e.preventDefault(),this.lastDragEvent=e,this.updateDropEffect(e),this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-view-dragging-item-x",`${this.lastDragEvent.clientX}px`),this.el.style.setProperty("--ch-tree-view-dragging-item-y",`${this.lastDragEvent.clientY}px`)})))},this.fixScrollPositionOnDrag=()=>{this.draggingInTree&&this.lastDragEvent&&requestAnimationFrame((()=>{((e,t)=>{const i=this.lastDragEvent.clientY-t.getBoundingClientRect().top,s=t.clientHeight,n=i<=30;(n||i>s-30)&&(t.scrollTop+=(n?i-30:i-(s-30))/10)})(0,this.el),requestAnimationFrame(this.fixScrollPositionOnDrag)}))}}handleContextMenuEvent(e){const t=e.target.closest(c);t&&(e.preventDefault(),this.itemContextmenu.emit({id:t.id,itemRef:t,metadata:t.metadata,contextmenuEvent:e}))}handleKeyDownEvents(e){const t=this.keyDownEvents[e.key];t&&t(e)}handleDragStart(e){this.validDroppableZoneCache.clear(),this.draggingInTheDocument=!0,this.dragStartTimestamp=(new Date).getTime(),this.draggedItems=JSON.parse(e.dataTransfer.getData(p))}handleDragEnd(){this.draggingInTheDocument=!1}handleDragEnter(e){this.cancelSubTreeOpening(null,!0),e.stopPropagation();const t=e.target;t.tagName.toLowerCase()===c&&(this.lastOpenSubTreeItem=t,this.openSubTreeAfterCountdown(t),"valid"===this.validDroppableZone(e)&&(t.dragState="enter"))}handleDragLeave(e){const t=e.target;if(t.tagName.toLowerCase()!==c)return;const i=t;i.dragState="none",this.cancelSubTreeOpening(i)}cancelSubTreeOpening(e,t=!1){(this.lastOpenSubTreeItem===e||t)&&(clearTimeout(this.openSubTreeTimeout),this.lastOpenSubTreeItem=null)}handleItemDrop(e){e.stopPropagation(),this.cancelSubTreeOpening(null,!0);const t=e.target,i=JSON.parse(e.dataTransfer.getData(p));"valid"===this.validDroppableZone(e)&&this.itemsDropped.emit({newContainer:{id:t.id,metadata:t.metadata},draggingSelectedItems:this.draggingSelectedItems,draggedItems:i,dropInTheSameTree:this.draggingInTree})}handleItemDragStart(e){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=e.target,this.checkDragValidityAndUpdateDragInfo(e.detail)?(this.draggingInTree=!0,this.scrollToEdgeOnDrag&&this.fixScrollPositionOnDrag()):e.detail.dragEvent.dataTransfer.effectAllowed="none"}handleItemDragEnd(){this.draggingInTree=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.resetVariables()}handleSelectedItemSync(e){e.stopPropagation();const t=e.detail;t.selected?this.selectedItemsInfo.set(t.id,t):this.selectedItemsInfo.delete(t.id)}handleSelectedItemChange(e){e.stopPropagation(),this.handleItemSelection(e.target,e.detail)}async clearSelectedItemsInfo(){this.clearSelectedItems()}async scrollIntoVisible(e){const t=this.el.querySelector(`${c}#${e}`);if(!t)return;let i=t.parentElement;for(;i.tagName.toLowerCase()===c;)i.expanded=!0,i=i.parentElement;requestAnimationFrame((()=>{t.scrollIntoView()}))}async updateValidDropZone(e,t,i,s){var n;if(!this.draggingInTheDocument||e<=this.dragStartTimestamp)return;const a=b(t,i);this.validDroppableZoneCache.set(a,s?"valid":"invalid"),(null===(n=this.lastOpenSubTreeItem)||void 0===n?void 0:n.id)===t&&(this.lastOpenSubTreeItem.dragState="enter")}validDroppableZone(e){const t=e.target,i=b(t.id,this.draggedItems);let s=this.validDroppableZoneCache.get(i);return"temporal-invalid"!==s||t.lazyLoad||t.downloading||(s=null),null!=s?s:"none"===e.dataTransfer.effectAllowed||t.dropDisabled||this.draggingInTree&&(this.draggedIds.includes(t.id)||this.draggedParentIds.includes(t.id))?(this.validDroppableZoneCache.set(i,"invalid"),"invalid"):t.lazyLoad||t.downloading?(this.validDroppableZoneCache.set(i,"temporal-invalid"),"temporal-invalid"):(this.validDroppableZoneCache.set(i,"checking"),this.droppableZoneEnter.emit({newContainer:{id:t.id,metadata:t.metadata},draggedItems:this.draggedItems}),"checking")}openSubTreeAfterCountdown(e){e.leaf||e.expanded||(this.openSubTreeTimeout=setTimeout((()=>{e.expanded=!0,this.expandedItemChange.emit({id:e.id,expanded:!0})}),this.openSubTreeCountdown))}updateDropEffect(e){const t=e.target;if(t.tagName.toLowerCase()!==c||t.closest("ch-tree-view")!==this.el)return;const i=this.validDroppableZone(e);"invalid"!==i&&"temporal-invalid"!==i||(e.dataTransfer.dropEffect="none")}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}checkDragValidityAndUpdateDragInfo(e){const t=e.elem,i=this.selectedItemsInfo.has(t.id);this.draggingSelectedItems=i;let s,n=[];if(i){const e=[...this.selectedItemsInfo.keys()],i=[...this.selectedItemsInfo.values()],a=e.length;s=i.every((e=>!e.itemRef.dragDisabled)),this.draggedIds=e,n=i.map((e=>({id:e.id,metadata:e.metadata}))),this.dragInfo=1===a?t.caption:a.toString()}else s=!t.dragDisabled,n=[{id:t.id,metadata:t.metadata}],this.draggedIds=[t.id],this.dragInfo=t.caption;this.getDirectParentsOfDraggableItems(i);const a=JSON.stringify(n);return e.dragEvent.dataTransfer.setData(p,a),s}getDirectParentsOfDraggableItems(e){if(e)this.selectedItemsInfo.forEach((e=>{const t=e.parentId;""!==t&&this.draggedParentIds.push(t)}));else{const e=this.currentDraggedItem.parentElement;e.tagName.toLowerCase()===c&&this.draggedParentIds.push(e.id)}}handleItemSelection(e,t){t.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.delete(t.id),this.selectedItemsInfo.forEach((e=>{e.itemRef.selected=!1})),this.clearSelectedItems(),e.selected=t.selected),t.selected&&this.selectedItemsInfo.set(t.id,t),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}disconnectedCallback(){this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-view-dragging-item":this.draggingInTheDocument,"ch-tree-view-not-dragging-item":!this.draggingInTheDocument,"ch-tree-view--dragging-selected-items":this.draggingInTree&&this.draggingSelectedItems,"ch-tree-view-waiting-drop-processing":this.waitDropProcessing}},i("div",{role:"tree",part:"tree-x-container","aria-multiselectable":this.multiSelection.toString(),class:"ch-tree-view-container"},i("slot",null)),this.draggingInTree&&i("span",{"aria-hidden":"true",class:"ch-tree-view-drag-info"},this.dragInfo))}get el(){return n(this)}};w.style="ch-tree-view{display:flex;position:relative;width:100%;overflow:auto}ch-tree-view>.ch-tree-view-container{position:absolute;inset:0}ch-tree-view.ch-tree-view-dragging-item ch-tree-view-item{pointer-events:var(--ch-tree-view-pointer-events, all)}ch-tree-view.ch-tree-view-dragging-item .ch-tree-view-list-item--deny-drop{pointer-events:none}ch-tree-view.ch-tree-view--dragging-selected-items ch-tree-view-item[selected]{--ch-tree-view-pointer-events:none}ch-tree-view.ch-tree-view-waiting-drop-processing{cursor:wait}ch-tree-view.ch-tree-view-waiting-drop-processing>.ch-tree-view-container{pointer-events:none}.ch-tree-view-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-view-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-view-dragging-item-y) + 8px));pointer-events:none;z-index:1;animation:ch-tree-view-drag-info-fade-in 10ms}@keyframes ch-tree-view-drag-info-fade-in{0%,100%{opacity:0}}html[dir=rtl] .ch-tree-view-drag-info{--rtl-offset:-100%}";const u=new Image,x="ch-tree-view-item",f=`:scope>${x}`,k=`${x}:not([disabled])`,y=`:scope>${x}:last-child`,_="expandable",C="Enter",I=["container","input","option","checked","indeterminate"].map((e=>`${e}:checkbox__${e}`)).join(","),D=class{constructor(s){e(this,s),this.checkboxChange=t(this,"checkboxChange",7),this.checkboxToggleChange=t(this,"checkboxToggleChange",7),this.itemDragStart=t(this,"itemDragStart",7),this.itemDragEnd=t(this,"itemDragEnd",7),this.loadLazyContent=t(this,"loadLazyContent",7),this.modifyCaption=t(this,"modifyCaption",7),this.openReference=t(this,"openReference",7),this.selectedItemChange=t(this,"selectedItemChange",7),this.selectedItemSync=t(this,"selectedItemSync",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.customRender=!1,this.disabled=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines="none",this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=e=>{e.stopPropagation(),(e.code===C||"Escape"===e.code)&&(e.preventDefault(),this.removeEditMode(!0,e.code===C)())},this.removeEditModeOnClick=e=>{!e.composedPath().includes(this.inputRef)&&e.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(e,t=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;t&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),e&&this.headerRef.focus()},this.toggleExpand=e=>{e.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(d(e),!0))},this.getSelectedInfo=(e,t)=>({ctrlKeyPressed:e,expanded:this.expanded,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.id,selected:t}),this.handleActionDblClick=e=>{e.stopPropagation(),d(e)?this.toggleSelected():(this.emitOpenReference(),this.leaf||this.toggleExpand(e))},this.handleActionClick=e=>{e.stopPropagation(),this.editing||(e.preventDefault(),e.pointerType?this.toggleOrSelect(e):(this.emitOpenReference(),this.toggleExpand(e)))},this.handleActionKeyDown=e=>{d(e)&&e.code===C&&(e.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=e=>{e.stopPropagation(),this.checked=e.target.checked,this.indeterminate=!1,this.checkboxChange.emit({id:this.el.id,checked:this.checked,indeterminate:!1})},this.renderImg=(e,t)=>i("img",{"aria-hidden":"true",class:e,part:e,alt:"",src:t,loading:"lazy"}),this.handleDragStart=e=>{if(this.editing)return e.preventDefault(),void e.stopPropagation();e.dataTransfer.setDragImage(u,0,0),e.dataTransfer.effectAllowed="move",this.dragState="start",this.itemDragStart.emit({elem:this.el,dragEvent:e})},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=()=>{this.dragState="none"}}updateChildrenCheckedValue(e){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((t=>{t.checked===e&&!1===t.indeterminate||t.updateChecked(e,!1)}))}handleEditingChange(e){e&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),a((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(e){this.lazyLoadItems(e)}handleLasItemChange(e){e&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleSelectedChange(e){this.selectedItemSync.emit(this.getSelectedInfo(!0,e))}handleShowLinesChange(e){e&&this.lastItem?this.setResizeObserver():this.disconnectObserver()}updateCheckboxValue(e){if(!this.toggleCheckboxes||this.el===e.target)return;const t=e.detail.checked,i=this.getDirectTreeItems().every((e=>e.checked===t)),s=this.checked!==t||this.indeterminate!==!i;this.ignoreCheckboxChange=this.checked!==t,this.checked=t,this.indeterminate=!i,s&&this.checkboxToggleChange.emit({id:this.el.id,checked:t,indeterminate:!i})}async focusNextItem(e){if(!this.leaf&&this.expanded){const t=this.el.querySelector(k);if(t)return void t.setFocus(e)}this.focusNextSibling(e)}async focusNextSibling(e){const t=this.el.nextElementSibling;t?t.disabled?t.focusNextItem(e):t.setFocus(e):0!==this.level&&this.el.parentElement.focusNextSibling(e)}async focusPreviousItem(e){const t=this.el.previousElementSibling;if(t)return void t.focusLastItem(e);if(0===this.level)return;const i=this.el.parentElement;i.disabled?i.focusPreviousItem(e):i.setFocus(e)}async focusLastItem(e){if(!this.leaf&&this.expanded){const t=this.el.querySelector(y);if(t)return void t.focusLastItem(e)}this.disabled?this.focusPreviousItem(e):this.setFocus(e)}async setFocus(e){this.headerRef.focus(),e||this.setSelected()}async updateChecked(e,t){this.checked=e,this.indeterminate=t,this.checkboxToggleChange.emit({id:this.el.id,checked:e,indeterminate:t})}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(f))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const e=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--ch-tree-view-item-distance-to-checkbox",e+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(e){this.lazyLoad&&e&&(this.lazyLoad=!1,this.downloading=!0,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const e=!this.selected;this.selected=e,this.selectedItemChange.emit(this.getSelectedInfo(!0,e))}setSelected(){this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(!1,!0))}toggleOrSelect(e){d(e)?this.toggleSelected():this.setSelected()}emitOpenReference(){this.openReference.emit({id:this.el.id,leaf:this.leaf,metadata:this.metadata})}componentWillLoad(){this.lazyLoadItems(this.expanded),this.selected&&this.selectedItemChange.emit(this.getSelectedInfo(!0,!0))}componentDidLoad(){this.lastItem&&this.showLines&&this.setResizeObserver()}disconnectedCallback(){this.editing&&this.removeEditMode(!1),this.disconnectObserver()}render(){const e=this.level%2==0,t=!this.leaf&&this.showExpandableButton,n=!this.leaf&&!this.showExpandableButton,a=!this.leaf&&!this.lazyLoad,h="all"===this.showLines&&0!==this.level,r="last"===this.showLines&&0!==this.level&&this.lastItem;return i(s,{role:"treeitem","aria-level":this.level+1,"aria-selected":this.selected?"true":null,class:{[x+"--downloading"]:this.downloading,[x+"--editing"]:this.editing,[x+"--not-editing"]:!this.editing,[x+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[x+"--deny-drop"]:this.leaf},style:{"--level":`${this.level}`},onDrop:this.dropDisabled||this.leaf||"start"===this.dragState?null:this.handleDrop},i("button",{"aria-controls":a?_:null,"aria-expanded":a?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":t,"header--checkbox-offset":n&&this.checkbox,"header--even":e,"header--odd":!e,"header--even-expandable":e&&t,"header--odd-expandable":!e&&t,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}${0===this.level?" level-0":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!this.dragDisabled,onDragStart:this.handleDragStart,onDragEnd:this.dragDisabled?null:this.handleDragEnd,ref:e=>this.headerRef=e},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",exportparts:I,part:`checkbox${this.disabled?" disabled":""}${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`,checkedValue:"true",disabled:this.disabled,indeterminate:this.indeterminate,unCheckedValue:"false",value:`${this.checked}`,onInput:this.handleCheckedChange}),this.customRender?i("slot",{name:"custom-content"}):[i("div",{class:{action:!0,"readonly-mode":!this.editing},part:`action${this.editing?"":" readonly-mode"}${!this.leaf&&this.expanded?" expanded":""}`,onDblClick:this.editing?null:this.handleActionDblClick},this.leftImgSrc&&this.renderImg("left-img",this.leftImgSrc),this.editable&&this.editing?i("input",{class:"edit-name",part:"edit-name",disabled:this.disabled,type:"text",value:this.caption,onBlur:this.removeEditMode(!1),onKeyDown:this.checkIfShouldRemoveEditMode,ref:e=>this.inputRef=e}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"})],(h||r)&&i("div",{class:{"dashed-line":!0,"last-all-line":h&&this.lastItem,"last-line":r},part:"dashed-line"+(this.lastItem?" last-all-line":"")})),a&&i("div",{role:"group","aria-busy":(!!this.downloading).toString(),"aria-live":this.downloading?"polite":null,id:_,class:{expandable:!0,"expandable--collapsed":!this.expanded,"expandable--lazy-loaded":!this.downloading},part:`expandable${this.expanded?" expanded":" collapsed"}${this.downloading?"":" lazy-loaded"}`},i("slot",null)))}get el(){return n(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],selected:["handleSelectedChange"],showLines:["handleShowLinesChange"]}}};D.style=':where(button){all:unset;display:flex;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--ch-tree-view-view__checkbox-size:1em;--ch-tree-view-view__expandable-button-width:0.75em;--ch-tree-view-item__dashed-line--inset-inline-start:0px;--ch-tree-view-item__dashed-line--inset-inline-end:4px;--ch-tree-view-item-gap:5px;--ch-tree-view-item-custom-padding-inline-start:0px;--ch-tree-tab-width:calc(\n var(--ch-tree-view-view__checkbox-size) +\n var(--ch-tree-view-view__expandable-button-width) +\n (var(--ch-tree-view-item-gap) * 2)\n );display:grid;grid-template-rows:min-content}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:calc( var(--padding-inline-start) + var(--ch-tree-view-item-custom-padding-inline-start) )}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width)\n )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width)\n )}.header--even .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--even-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width) -\n calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )\n )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width) -\n calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )\n )}.header--odd{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width)\n )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width)\n )}.header--odd .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--odd-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width) -\n calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )\n )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width) -\n calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )\n )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(\n var(--ch-tree-view-view__expandable-button-width) / 2\n )}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(\n var(--ch-tree-view-view__checkbox-size) / 2\n );--parent-negative-checkbox-offset:calc(\n var(--ch-tree-view-view__checkbox-size) / 2\n )}.dashed-line{position:absolute;inset-inline-start:calc( var(--inset-inline-start) + var(--ch-tree-view-item__dashed-line--inset-inline-start) + var(--ch-tree-view-item-custom-padding-inline-start) );height:1px;width:calc( var(--ch-tree-tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-view-item__dashed-line--inset-inline-start) - var(--ch-tree-view-item__dashed-line--inset-inline-end) );border:0 dashed color-mix(in srgb, currentColor 65%, transparent);border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--ch-tree-view-item-distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button{display:grid;place-items:center;width:var(--ch-tree-view-view__expandable-button-width);height:var(--ch-tree-view-view__expandable-button-width);margin-inline-end:var(--ch-tree-view-item-gap);z-index:1;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto var(--ch-tree-view-view__expandable-button-width)}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc( var(--ch-tree-view-view__expandable-button-width) - 2px )}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{width:var(--ch-tree-view-view__checkbox-size);margin-inline-end:var(--ch-tree-view-item-gap)}.checkbox::part(container){width:var(--ch-tree-view-view__checkbox-size);height:var(--ch-tree-view-view__checkbox-size)}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1;cursor:pointer}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em;content-visibility:auto;contain-intrinsic-size:auto 0.875em}.left-img{grid-area:left-img;margin-inline-end:var(--ch-tree-view-item-gap)}.right-img{grid-area:right-img;margin-inline-start:var(--ch-tree-view-item-gap)}.edit-name{grid-area:text;width:100%;height:100%;padding:0;margin:0;background-color:unset;color:unset;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-auto-rows:min-content;position:relative}.expandable--lazy-loaded{content-visibility:auto;contain-intrinsic-size:auto 100px}.expandable--collapsed{display:none;overflow:hidden;content-visibility:hidden}';export{l as ch_checkbox,w as ch_tree_view,D as ch_tree_view_item}
1
+ import{r as e,c as t,h as i,H as s,g as n,w as a}from"./p-0906fb46.js";import{D as h}from"./p-bac6580b.js";import{f as r,m as d}from"./p-b374d112.js";const o="checkbox",l=class{constructor(i){e(this,i),this.click=t(this,"click",7),this.input=t(this,"input",7),this.disabled=!1,this.highlightable=!1,this.indeterminate=!1,this.readonly=!1,this.getValue=e=>e?this.checkedValue:this.unCheckedValue,this.handleClick=e=>{this.readonly||this.disabled||e.stopPropagation()},this.handleChange=e=>{e.stopPropagation();const t=e.target,i=t.checked,s=this.getValue(i);this.checked=i,this.value=s,t.value=s,this.input.emit(e),this.highlightable&&this.click.emit()}}valueChanged(){this.checked=this.value===this.checkedValue}componentWillLoad(){this.checked=this.value===this.checkedValue}render(){var e;const t=`${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`;return i(s,{class:{[h]:this.disabled,"ch-checkbox--actionable":!this.readonly&&!this.disabled||this.readonly&&this.highlightable}},i("div",{class:{container:!0,"container--checked":this.checked},part:`container${t}`},i("input",{"aria-label":""!==(null===(e=this.accessibleName)||void 0===e?void 0:e.trim())&&this.accessibleName!==this.caption?this.accessibleName:null,id:this.caption?o:null,class:"input",part:"input",type:"checkbox",checked:this.checked,disabled:this.disabled||this.readonly,indeterminate:this.indeterminate,value:this.value,onClick:this.handleClick,onInput:this.handleChange}),i("div",{class:{option:!0,"option--checked":this.checked&&!this.indeterminate,"option--indeterminate":this.indeterminate},part:`option${t}`,"aria-hidden":"true"})),this.caption&&i("label",{class:"label",part:"label",htmlFor:o,onClick:this.handleClick},this.caption))}get element(){return n(this)}static get watchers(){return{value:["valueChanged"]}}};l.style="*,::before,::after{box-sizing:border-box}:host{display:flex;align-items:center;align-self:stretch;outline:unset;touch-action:manipulation;user-select:none}:host(.ch-checkbox--actionable) :is(.input,.label){cursor:pointer}.container{position:relative;width:min(1em, 20px);height:min(1em, 20px);border:1px solid var(--option-border-color, currentColor);border-radius:18.75%}.container--checked{background-color:var(--option-checked-color, #ffffff00)}.container:focus-within{box-shadow:0 0 1px 1px color-mix(in srgb, currentColor 25%, transparent)}.input{display:flex;width:100%;height:100%;opacity:0;margin:0;padding:0}.option{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:50%;height:50%;background-color:currentColor;opacity:0;pointer-events:none}.option--checked{opacity:1;-webkit-mask:url(\"data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' %3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z' /%3E%3C/svg%3E\")}.option--indeterminate{opacity:1}.label{margin-inline-start:min(0.35em, 7px)}";const c="ch-tree-view-item",p="text/plain",v=e=>e.tagName.toLowerCase()===c,g=()=>r().find(v),m=e=>e&&!e.editing,b=(e,t)=>`"newContainerId":"${e}","metadata":"${JSON.stringify(t)}"`,u=class{constructor(i){e(this,i),this.droppableZoneEnter=t(this,"droppableZoneEnter",7),this.expandedItemChange=t(this,"expandedItemChange",7),this.itemContextmenu=t(this,"itemContextmenu",7),this.itemsDropped=t(this,"itemsDropped",7),this.selectedItemsChange=t(this,"selectedItemsChange",7),this.keyDownEvents={ArrowDown:e=>{const t=g();m(t)&&(e.preventDefault(),t.focusNextItem(d(e)))},ArrowUp:e=>{const t=g();m(t)&&(e.preventDefault(),t.focusPreviousItem(d(e)))},F2:e=>{const t=g();t&&t.editable&&(e.preventDefault(),t.editing=!0)}},this.draggingSelectedItems=!1,this.needForRAF=!0,this.selectedItemsInfo=new Map,this.validDroppableZoneCache=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingInTheDocument=!1,this.draggingInTree=!1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.scrollToEdgeOnDrag=!0,this.waitDropProcessing=!1,this.trackItemDrag=e=>{e.preventDefault(),this.lastDragEvent=e,this.updateDropEffect(e),this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-view-dragging-item-x",`${this.lastDragEvent.clientX}px`),this.el.style.setProperty("--ch-tree-view-dragging-item-y",`${this.lastDragEvent.clientY}px`)})))},this.fixScrollPositionOnDrag=()=>{this.draggingInTree&&this.lastDragEvent&&requestAnimationFrame((()=>{((e,t)=>{const i=this.lastDragEvent.clientY-t.getBoundingClientRect().top,s=t.clientHeight,n=i<=30;(n||i>s-30)&&(t.scrollTop+=(n?i-30:i-(s-30))/10)})(0,this.el),requestAnimationFrame(this.fixScrollPositionOnDrag)}))}}handleContextMenuEvent(e){const t=e.target.closest(c);t&&(e.preventDefault(),this.itemContextmenu.emit({id:t.id,itemRef:t,metadata:t.metadata,contextmenuEvent:e}))}handleKeyDownEvents(e){const t=this.keyDownEvents[e.key];t&&t(e)}handleDragStart(e){this.validDroppableZoneCache.clear(),this.draggingInTheDocument=!0,this.dragStartTimestamp=(new Date).getTime(),this.draggedItems=JSON.parse(e.dataTransfer.getData(p))}handleDragEnd(){this.draggingInTheDocument=!1}handleDragEnter(e){this.cancelSubTreeOpening(null,!0),e.stopPropagation();const t=e.target;t.tagName.toLowerCase()===c&&(this.lastOpenSubTreeItem=t,this.openSubTreeAfterCountdown(t),"valid"===this.validDroppableZone(e)&&(t.dragState="enter"))}handleDragLeave(e){const t=e.target;if(t.tagName.toLowerCase()!==c)return;const i=t;i.dragState="none",this.cancelSubTreeOpening(i)}cancelSubTreeOpening(e,t=!1){(this.lastOpenSubTreeItem===e||t)&&(clearTimeout(this.openSubTreeTimeout),this.lastOpenSubTreeItem=null)}handleItemDrop(e){e.stopPropagation(),this.cancelSubTreeOpening(null,!0);const t=e.target,i=JSON.parse(e.dataTransfer.getData(p));"valid"===this.validDroppableZone(e)&&this.itemsDropped.emit({newContainer:{id:t.id,metadata:t.metadata},draggingSelectedItems:this.draggingSelectedItems,draggedItems:i,dropInTheSameTree:this.draggingInTree})}handleItemDragStart(e){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=e.target,this.checkDragValidityAndUpdateDragInfo(e.detail)?(this.draggingInTree=!0,this.scrollToEdgeOnDrag&&this.fixScrollPositionOnDrag()):e.detail.dragEvent.dataTransfer.effectAllowed="none"}handleItemDragEnd(){this.draggingInTree=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.resetVariables()}handleSelectedItemSync(e){e.stopPropagation();const t=e.detail;t.selected?this.selectedItemsInfo.set(t.id,t):this.selectedItemsInfo.delete(t.id)}handleSelectedItemChange(e){e.stopPropagation(),this.handleItemSelection(e.target,e.detail)}async clearSelectedItemsInfo(){this.clearSelectedItems()}async scrollIntoVisible(e){const t=this.el.querySelector(`${c}#${e}`);if(!t)return;let i=t.parentElement;for(;i.tagName.toLowerCase()===c;)i.expanded=!0,i=i.parentElement;requestAnimationFrame((()=>{t.scrollIntoView()}))}async updateValidDropZone(e,t,i,s){var n;if(!this.draggingInTheDocument||e<=this.dragStartTimestamp)return;const a=b(t,i);this.validDroppableZoneCache.set(a,s?"valid":"invalid"),(null===(n=this.lastOpenSubTreeItem)||void 0===n?void 0:n.id)===t&&(this.lastOpenSubTreeItem.dragState="enter")}validDroppableZone(e){const t=e.target,i=b(t.id,this.draggedItems);let s=this.validDroppableZoneCache.get(i);return"temporal-invalid"!==s||t.lazyLoad||t.downloading||(s=null),null!=s?s:"none"===e.dataTransfer.effectAllowed||t.dropDisabled||this.draggingInTree&&(this.draggedIds.includes(t.id)||this.draggedParentIds.includes(t.id))?(this.validDroppableZoneCache.set(i,"invalid"),"invalid"):t.lazyLoad||t.downloading?(this.validDroppableZoneCache.set(i,"temporal-invalid"),"temporal-invalid"):(this.validDroppableZoneCache.set(i,"checking"),this.droppableZoneEnter.emit({newContainer:{id:t.id,metadata:t.metadata},draggedItems:this.draggedItems}),"checking")}openSubTreeAfterCountdown(e){e.leaf||e.expanded||(this.openSubTreeTimeout=setTimeout((()=>{e.expanded=!0,this.expandedItemChange.emit({id:e.id,expanded:!0})}),this.openSubTreeCountdown))}updateDropEffect(e){const t=e.target;if(t.tagName.toLowerCase()!==c||t.closest("ch-tree-view")!==this.el)return;const i=this.validDroppableZone(e);"invalid"!==i&&"temporal-invalid"!==i||(e.dataTransfer.dropEffect="none")}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}checkDragValidityAndUpdateDragInfo(e){const t=e.elem,i=this.selectedItemsInfo.has(t.id);this.draggingSelectedItems=i;let s,n=[];if(i){const e=[...this.selectedItemsInfo.keys()],i=[...this.selectedItemsInfo.values()],a=e.length;s=i.every((e=>!e.itemRef.dragDisabled)),this.draggedIds=e,n=i.map((e=>({id:e.id,metadata:e.metadata}))),this.dragInfo=1===a?t.caption:a.toString()}else s=!t.dragDisabled,n=[{id:t.id,metadata:t.metadata}],this.draggedIds=[t.id],this.dragInfo=t.caption;this.getDirectParentsOfDraggableItems(i);const a=JSON.stringify(n);return e.dragEvent.dataTransfer.setData(p,a),s}getDirectParentsOfDraggableItems(e){if(e)this.selectedItemsInfo.forEach((e=>{const t=e.parentId;""!==t&&this.draggedParentIds.push(t)}));else{const e=this.currentDraggedItem.parentElement;e.tagName.toLowerCase()===c&&this.draggedParentIds.push(e.id)}}handleItemSelection(e,t){t.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.delete(t.id),this.selectedItemsInfo.forEach((e=>{e.itemRef.selected=!1})),this.clearSelectedItems(),e.selected=t.selected),t.selected&&this.selectedItemsInfo.set(t.id,t),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}disconnectedCallback(){this.resetVariables(),this.handleItemDragEnd()}render(){return i(s,{class:{"ch-tree-view-dragging-item":this.draggingInTheDocument,"ch-tree-view-not-dragging-item":!this.draggingInTheDocument,"ch-tree-view--dragging-selected-items":this.draggingInTree&&this.draggingSelectedItems,"ch-tree-view-waiting-drop-processing":this.waitDropProcessing}},i("div",{role:"tree",part:"tree-x-container","aria-multiselectable":this.multiSelection.toString(),class:"ch-tree-view-container"},i("slot",null)),this.draggingInTree&&i("span",{"aria-hidden":"true",class:"ch-tree-view-drag-info"},this.dragInfo))}get el(){return n(this)}};u.style="ch-tree-view{display:flex;position:relative;width:100%;overflow:auto}ch-tree-view>.ch-tree-view-container{position:absolute;inset:0}ch-tree-view.ch-tree-view-dragging-item ch-tree-view-item{pointer-events:var(--ch-tree-view-pointer-events, all)}ch-tree-view.ch-tree-view-dragging-item .ch-tree-view-list-item--deny-drop{pointer-events:none}ch-tree-view.ch-tree-view--dragging-selected-items ch-tree-view-item[selected]{--ch-tree-view-pointer-events:none}ch-tree-view.ch-tree-view-waiting-drop-processing{cursor:wait}ch-tree-view.ch-tree-view-waiting-drop-processing>.ch-tree-view-container{pointer-events:none}.ch-tree-view-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-view-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-view-dragging-item-y) + 8px));pointer-events:none;z-index:1;animation:ch-tree-view-drag-info-fade-in 10ms}@keyframes ch-tree-view-drag-info-fade-in{0%,100%{opacity:0}}html[dir=rtl] .ch-tree-view-drag-info{--rtl-offset:-100%}";const w=new Image,x="ch-tree-view-item",f=`:scope>${x}`,k=`${x}:not([disabled])`,y=`:scope>${x}:last-child`,_="expandable",C="Enter",I=["container","input","option","checked","indeterminate"].map((e=>`${e}:checkbox__${e}`)).join(","),D=class{constructor(s){e(this,s),this.checkboxChange=t(this,"checkboxChange",7),this.checkboxToggleChange=t(this,"checkboxToggleChange",7),this.itemDragStart=t(this,"itemDragStart",7),this.itemDragEnd=t(this,"itemDragEnd",7),this.loadLazyContent=t(this,"loadLazyContent",7),this.modifyCaption=t(this,"modifyCaption",7),this.openReference=t(this,"openReference",7),this.selectedItemChange=t(this,"selectedItemChange",7),this.selectedItemSync=t(this,"selectedItemSync",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.customRender=!1,this.disabled=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines="none",this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=e=>{e.stopPropagation(),(e.code===C||"Escape"===e.code)&&(e.preventDefault(),this.removeEditMode(!0,e.code===C)())},this.removeEditModeOnClick=e=>{!e.composedPath().includes(this.inputRef)&&e.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(e,t=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;t&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),e&&this.headerRef.focus()},this.toggleExpand=e=>{e.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(d(e),!0))},this.getSelectedInfo=(e,t)=>{var i;return{ctrlKeyPressed:e,expanded:this.expanded,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:null===(i=this.el.parentElement)||void 0===i?void 0:i.id,selected:t}},this.handleActionDblClick=e=>{e.stopPropagation(),d(e)?this.toggleSelected():(this.emitOpenReference(),this.leaf||this.toggleExpand(e))},this.handleActionClick=e=>{e.stopPropagation(),this.editing||(e.preventDefault(),e.pointerType?this.toggleOrSelect(e):(this.emitOpenReference(),this.toggleExpand(e)))},this.handleActionKeyDown=e=>{d(e)&&e.code===C&&(e.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=e=>{e.stopPropagation(),this.checked=e.target.checked,this.indeterminate=!1,this.checkboxChange.emit({id:this.el.id,checked:this.checked,indeterminate:!1})},this.renderImg=(e,t)=>i("img",{"aria-hidden":"true",class:e,part:e,alt:"",src:t,loading:"lazy"}),this.handleDragStart=e=>{if(this.editing)return e.preventDefault(),void e.stopPropagation();e.dataTransfer.setDragImage(w,0,0),e.dataTransfer.effectAllowed="move",this.dragState="start",this.itemDragStart.emit({elem:this.el,dragEvent:e})},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=()=>{this.dragState="none"}}updateChildrenCheckedValue(e){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((t=>{t.checked===e&&!1===t.indeterminate||t.updateChecked(e,!1)}))}handleEditingChange(e){e&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),a((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(e){setTimeout((()=>{this.lazyLoadItems(e)}))}handleLasItemChange(e){e&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleSelectedChange(e){this.selectedItemSync.emit(this.getSelectedInfo(!0,e))}handleShowLinesChange(e){e&&this.lastItem?this.setResizeObserver():this.disconnectObserver()}updateCheckboxValue(e){if(!this.toggleCheckboxes||this.el===e.target)return;const t=e.detail.checked,i=this.getDirectTreeItems().every((e=>e.checked===t)),s=this.checked!==t||this.indeterminate!==!i;this.ignoreCheckboxChange=this.checked!==t,this.checked=t,this.indeterminate=!i,s&&this.checkboxToggleChange.emit({id:this.el.id,checked:t,indeterminate:!i})}async focusNextItem(e){if(!this.leaf&&this.expanded){const t=this.el.querySelector(k);if(t)return void t.setFocus(e)}this.focusNextSibling(e)}async focusNextSibling(e){const t=this.el.nextElementSibling;t?t.disabled?t.focusNextItem(e):t.setFocus(e):0!==this.level&&this.el.parentElement.focusNextSibling(e)}async focusPreviousItem(e){const t=this.el.previousElementSibling;if(t)return void t.focusLastItem(e);if(0===this.level)return;const i=this.el.parentElement;i.disabled?i.focusPreviousItem(e):i.setFocus(e)}async focusLastItem(e){if(!this.leaf&&this.expanded){const t=this.el.querySelector(y);if(t)return void t.focusLastItem(e)}this.disabled?this.focusPreviousItem(e):this.setFocus(e)}async setFocus(e){this.headerRef.focus(),e||this.setSelected()}async updateChecked(e,t){this.checked=e,this.indeterminate=t,this.checkboxToggleChange.emit({id:this.el.id,checked:e,indeterminate:t})}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(f))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const e=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--ch-tree-view-item-distance-to-checkbox",e+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(e){this.lazyLoad&&e&&(this.lazyLoad=!1,this.downloading=!0,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const e=!this.selected;this.selected=e,this.selectedItemChange.emit(this.getSelectedInfo(!0,e))}setSelected(){this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(!1,!0))}toggleOrSelect(e){d(e)?this.toggleSelected():this.setSelected()}emitOpenReference(){this.openReference.emit({id:this.el.id,leaf:this.leaf,metadata:this.metadata})}componentWillLoad(){this.lazyLoadItems(this.expanded),this.selected&&this.selectedItemChange.emit(this.getSelectedInfo(!0,!0))}componentDidLoad(){this.lastItem&&this.showLines&&this.setResizeObserver()}disconnectedCallback(){this.editing&&this.removeEditMode(!1),this.selected&&this.selectedItemChange.emit(this.getSelectedInfo(!0,!1)),this.disconnectObserver()}render(){const e=this.level%2==0,t=!this.leaf&&this.showExpandableButton,n=!this.leaf&&!this.showExpandableButton,a=!this.leaf&&!this.lazyLoad,h="all"===this.showLines&&0!==this.level,r="last"===this.showLines&&0!==this.level&&this.lastItem;return i(s,{role:"treeitem","aria-level":this.level+1,"aria-selected":this.selected?"true":null,class:{[x+"--downloading"]:this.downloading,[x+"--editing"]:this.editing,[x+"--not-editing"]:!this.editing,[x+"--drag-"+this.dragState]:"none"!==this.dragState&&"start"!==this.dragState,[x+"--deny-drop"]:this.leaf},style:{"--level":`${this.level}`},onDrop:this.dropDisabled||this.leaf||"start"===this.dragState?null:this.handleDrop},i("button",{"aria-controls":a?_:null,"aria-expanded":a?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":t,"header--checkbox-offset":n&&this.checkbox,"header--even":e,"header--odd":!e,"header--even-expandable":e&&t,"header--odd-expandable":!e&&t,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}${0===this.level?" level-0":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!this.dragDisabled,onDragStart:this.handleDragStart,onDragEnd:this.dragDisabled?null:this.handleDragEnd,ref:e=>this.headerRef=e},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",exportparts:I,part:`checkbox${this.disabled?" disabled":""}${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`,checkedValue:"true",disabled:this.disabled,indeterminate:this.indeterminate,unCheckedValue:"false",value:`${this.checked}`,onInput:this.handleCheckedChange}),this.customRender?i("slot",{name:"custom-content"}):[i("div",{class:{action:!0,"readonly-mode":!this.editing},part:`action${this.editing?"":" readonly-mode"}${!this.leaf&&this.expanded?" expanded":""}`,onDblClick:this.editing?null:this.handleActionDblClick},this.leftImgSrc&&this.renderImg("left-img",this.leftImgSrc),this.editable&&this.editing?i("input",{class:"edit-name",part:"edit-name",disabled:this.disabled,type:"text",value:this.caption,onBlur:this.removeEditMode(!1),onKeyDown:this.checkIfShouldRemoveEditMode,ref:e=>this.inputRef=e}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"})],(h||r)&&i("div",{class:{"dashed-line":!0,"last-all-line":h&&this.lastItem,"last-line":r},part:"dashed-line"+(this.lastItem?" last-all-line":"")})),a&&i("div",{role:"group","aria-busy":(!!this.downloading).toString(),"aria-live":this.downloading?"polite":null,id:_,class:{expandable:!0,"expandable--collapsed":!this.expanded,"expandable--lazy-loaded":!this.downloading},part:`expandable${this.expanded?" expanded":" collapsed"}${this.downloading?"":" lazy-loaded"}`},i("slot",null)))}get el(){return n(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],selected:["handleSelectedChange"],showLines:["handleShowLinesChange"]}}};D.style=':where(button){all:unset;display:flex;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--ch-tree-view-view__checkbox-size:1em;--ch-tree-view-view__expandable-button-width:0.75em;--ch-tree-view-item__dashed-line--inset-inline-start:0px;--ch-tree-view-item__dashed-line--inset-inline-end:4px;--ch-tree-view-item-gap:5px;--ch-tree-view-item-custom-padding-inline-start:0px;--ch-tree-tab-width:calc(\n var(--ch-tree-view-view__checkbox-size) +\n var(--ch-tree-view-view__expandable-button-width) +\n (var(--ch-tree-view-item-gap) * 2)\n );display:grid;grid-template-rows:min-content}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:calc( var(--padding-inline-start) + var(--ch-tree-view-item-custom-padding-inline-start) )}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width)\n )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width)\n )}.header--even .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--even-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width) -\n calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )\n )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--ch-tree-tab-width) -\n calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )\n )}.header--odd{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width)\n )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width)\n )}.header--odd .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--odd-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width) -\n calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )\n )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--ch-tree-tab-width) -\n calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )\n )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n var(--ch-tree-view-view__expandable-button-width) +\n var(--ch-tree-view-item-gap)\n )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(\n var(--ch-tree-view-view__expandable-button-width) / 2\n )}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(\n var(--ch-tree-view-view__checkbox-size) / 2\n );--parent-negative-checkbox-offset:calc(\n var(--ch-tree-view-view__checkbox-size) / 2\n )}.dashed-line{position:absolute;inset-inline-start:calc( var(--inset-inline-start) + var(--ch-tree-view-item__dashed-line--inset-inline-start) + var(--ch-tree-view-item-custom-padding-inline-start) );height:1px;width:calc( var(--ch-tree-tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-view-item__dashed-line--inset-inline-start) - var(--ch-tree-view-item__dashed-line--inset-inline-end) );border:0 dashed color-mix(in srgb, currentColor 65%, transparent);border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--ch-tree-view-item-distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button{display:grid;place-items:center;width:var(--ch-tree-view-view__expandable-button-width);height:var(--ch-tree-view-view__expandable-button-width);margin-inline-end:var(--ch-tree-view-item-gap);z-index:1;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto var(--ch-tree-view-view__expandable-button-width)}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc( var(--ch-tree-view-view__expandable-button-width) - 2px )}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{width:var(--ch-tree-view-view__checkbox-size);margin-inline-end:var(--ch-tree-view-item-gap)}.checkbox::part(container){width:var(--ch-tree-view-view__checkbox-size);height:var(--ch-tree-view-view__checkbox-size)}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1;cursor:pointer}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em;content-visibility:auto;contain-intrinsic-size:auto 0.875em}.left-img{grid-area:left-img;margin-inline-end:var(--ch-tree-view-item-gap)}.right-img{grid-area:right-img;margin-inline-start:var(--ch-tree-view-item-gap)}.edit-name{grid-area:text;width:100%;height:100%;padding:0;margin:0;background-color:unset;color:unset;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-auto-rows:min-content;position:relative}.expandable--lazy-loaded{content-visibility:auto;contain-intrinsic-size:auto 100px}.expandable--collapsed{display:none;overflow:hidden;content-visibility:hidden}';export{l as ch_checkbox,u as ch_tree_view,D as ch_tree_view_item}
@@ -20,6 +20,7 @@ export declare class GxIdeNewEnvironment {
20
20
  private dataStoreEl;
21
21
  private frontEndsEl;
22
22
  private setAsCurrentEnvironmentEl;
23
+ private gxgShortcutsEl;
23
24
  /**
24
25
  * If true it displays the component title on the header
25
26
  */
@@ -84,6 +85,10 @@ export declare class GxIdeNewEnvironment {
84
85
  componentWillLoad(): Promise<void>;
85
86
  componentDidLoad(): void;
86
87
  componentDidRender(): void;
88
+ /**
89
+ * Suspends or reactivates the shortcuts
90
+ */
91
+ suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
87
92
  private initialSetup;
88
93
  private evaluateSelectedRuntimeEnvironmentId;
89
94
  private setInitialRuntimeId;
@@ -100,7 +105,6 @@ export declare class GxIdeNewEnvironment {
100
105
  private updateFrontEnds;
101
106
  private updateEnvironmentName;
102
107
  private evaluateSingleRuntimeIcon;
103
- private keyDownHandler;
104
108
  private renderTabBasic;
105
109
  private renderTabAdvanced;
106
110
  render(): any;
@@ -26,6 +26,7 @@ export declare class GxIdeNewKb {
26
26
  private serverNameEl;
27
27
  private userInterfaceLanguageEl;
28
28
  private userNameEl;
29
+ private gxgShortcutsEl;
29
30
  createDataInKbDisabled: boolean;
30
31
  userNameVisible: boolean;
31
32
  passwordVisible: boolean;
@@ -129,6 +130,10 @@ export declare class GxIdeNewKb {
129
130
  componentWillLoad(): Promise<void>;
130
131
  componentDidLoad(): void;
131
132
  componentDidRender(): void;
133
+ /**
134
+ * Suspends or reactivates the shortcuts
135
+ */
136
+ suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
132
137
  private initialSetup;
133
138
  private updateSelectedFrontEndsIds;
134
139
  /**
@@ -12,6 +12,7 @@ export declare class GxIdeNewObject {
12
12
  private descriptionEl;
13
13
  private moduleFolderEl;
14
14
  private descriptionModifiedByUser;
15
+ private gxgShortcutsEl;
15
16
  selectedCategory: TypeCategoryData | null;
16
17
  selectedType: TypeData | null;
17
18
  watchSelectedTypeHandler(): void;
@@ -77,6 +78,11 @@ export declare class GxIdeNewObject {
77
78
  componentWillLoad(): Promise<void>;
78
79
  componentDidLoad(): void;
79
80
  componentDidRender(): void;
81
+ /**
82
+ * Suspends or reactivates the shortcuts
83
+ */
84
+ suspendShortcuts(suspendShortcuts: boolean): Promise<void>;
85
+ private setFirstFocusableElement;
80
86
  private validateInitialName;
81
87
  private renderModuleFolder;
82
88
  /**