@genexus/genexus-ide-ui 0.0.62 → 0.0.63

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 (113) hide show
  1. package/dist/cjs/{ch-tree-x_3.cjs.entry.js → ch-checkbox_4.cjs.entry.js} +277 -71
  2. package/dist/cjs/ch-next-data-modeling-render.cjs.entry.js +242 -0
  3. package/dist/cjs/{ch-next-data-modeling-item.cjs.entry.js → ch-next-data-modeling_2.cjs.entry.js} +20 -1
  4. package/dist/cjs/ch-tree-view-render-wrapper.cjs.entry.js +160 -0
  5. package/dist/cjs/genexus-ide-ui.cjs.js +1 -1
  6. package/dist/cjs/gx-ide-kb-manager-export.cjs.entry.js +41 -39
  7. package/dist/cjs/gx-ide-kb-manager-import.cjs.entry.js +23 -11
  8. package/dist/cjs/gx-ide-test.cjs.entry.js +107 -122
  9. package/dist/cjs/gxg-color-picker.cjs.entry.js +2 -2
  10. package/dist/cjs/gxg-title-editable.cjs.entry.js +11 -4
  11. package/dist/cjs/{gxg-tree_2.cjs.entry.js → gxg-tree-item.cjs.entry.js} +0 -212
  12. package/dist/cjs/gxg-tree-view.cjs.entry.js +165 -0
  13. package/dist/cjs/gxg-tree.cjs.entry.js +218 -0
  14. package/dist/cjs/loader.cjs.js +1 -1
  15. package/dist/collection/collection-manifest.json +5 -3
  16. package/dist/collection/components/_test/test.css +5 -0
  17. package/dist/collection/components/_test/test.js +109 -220
  18. package/dist/collection/components/kb-manager-export/helpers.js +7 -23
  19. package/dist/collection/components/kb-manager-export/kb-manager-export.css +20 -0
  20. package/dist/collection/components/kb-manager-export/kb-manager-export.js +42 -22
  21. package/dist/collection/components/kb-manager-import/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +1 -0
  22. package/dist/collection/components/kb-manager-import/kb-manager-import.js +23 -11
  23. package/dist/components/ch-next-data-modeling-item.js +1 -457
  24. package/dist/components/ch-next-data-modeling-render.js +295 -0
  25. package/dist/components/ch-next-data-modeling.js +1 -27
  26. package/dist/components/ch-tree-view-item.js +6 -0
  27. package/dist/components/ch-tree-view-render-wrapper.js +224 -0
  28. package/dist/components/ch-tree-view-render.js +6 -0
  29. package/dist/components/ch-tree-view.js +6 -0
  30. package/dist/components/gx-ide-kb-manager-export.js +75 -73
  31. package/dist/components/gx-ide-kb-manager-import.js +38 -20
  32. package/dist/components/gx-ide-references.js +21 -15
  33. package/dist/components/gx-ide-test.js +120 -160
  34. package/dist/components/gxg-color-picker.js +2 -2
  35. package/dist/components/gxg-title-editable.js +12 -4
  36. package/dist/components/gxg-tree-item.js +614 -1
  37. package/dist/components/gxg-tree-view.js +2 -2
  38. package/dist/components/gxg-tree.js +236 -1
  39. package/dist/components/index.js +5 -3
  40. package/dist/components/next-data-modeling-item.js +466 -0
  41. package/dist/{esm/ch-next-data-modeling.entry.js → components/next-data-modeling.js} +21 -7
  42. package/dist/components/{tree-x-list-item.js → tree-view-item.js} +9 -9
  43. package/dist/components/{ch-test-tree-x.js → tree-view-render.js} +168 -28
  44. package/dist/components/tree-view.js +410 -435
  45. package/dist/components/tree-view2.js +226 -0
  46. package/dist/esm/{ch-tree-x_3.entry.js → ch-checkbox_4.entry.js} +275 -70
  47. package/dist/esm/ch-next-data-modeling-render.entry.js +238 -0
  48. package/dist/esm/{ch-next-data-modeling-item.entry.js → ch-next-data-modeling_2.entry.js} +21 -3
  49. package/dist/esm/ch-tree-view-render-wrapper.entry.js +156 -0
  50. package/dist/esm/genexus-ide-ui.js +1 -1
  51. package/dist/esm/gx-ide-kb-manager-export.entry.js +41 -39
  52. package/dist/esm/gx-ide-kb-manager-import.entry.js +23 -11
  53. package/dist/esm/gx-ide-test.entry.js +108 -123
  54. package/dist/esm/gxg-color-picker.entry.js +2 -2
  55. package/dist/esm/gxg-title-editable.entry.js +11 -4
  56. package/dist/{components/gxg-tree-item2.js → esm/gxg-tree-item.entry.js} +9 -79
  57. package/dist/esm/gxg-tree-view.entry.js +161 -0
  58. package/dist/{components/gxg-tree2.js → esm/gxg-tree.entry.js} +8 -32
  59. package/dist/esm/loader.js +1 -1
  60. package/dist/genexus-ide-ui/genexus-ide-ui.css +1 -1
  61. package/dist/genexus-ide-ui/genexus-ide-ui.esm.js +1 -1
  62. package/dist/genexus-ide-ui/gx-ide-assets/kb-manager-import/langs/kb-manager-import.lang.en.json +1 -0
  63. package/dist/genexus-ide-ui/p-13177896.entry.js +1 -0
  64. package/dist/genexus-ide-ui/p-19fef562.entry.js +1 -0
  65. package/dist/genexus-ide-ui/p-2781b92a.entry.js +1 -0
  66. package/dist/genexus-ide-ui/p-2c17e71d.entry.js +1 -0
  67. package/dist/genexus-ide-ui/p-40a57a36.entry.js +1 -0
  68. package/dist/genexus-ide-ui/p-636d02fa.entry.js +1 -0
  69. package/dist/genexus-ide-ui/p-7b63be93.entry.js +1 -0
  70. package/dist/genexus-ide-ui/p-8a7c4561.entry.js +1 -0
  71. package/dist/genexus-ide-ui/p-a2cb0e6b.entry.js +1 -0
  72. package/dist/genexus-ide-ui/p-a9c8b373.entry.js +1 -0
  73. package/dist/genexus-ide-ui/p-b819706e.entry.js +1 -0
  74. package/dist/genexus-ide-ui/p-bacd879c.entry.js +1 -0
  75. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/next/data-modeling-render/next-data-modeling-render.css +3 -0
  76. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/renders/tree-view/tree-view-render.css +3 -0
  77. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-view/tree-view-render-wrapper.css +0 -0
  78. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-view/tree-view.css +45 -0
  79. package/dist/node_modules/@genexus/gemini/dist/collection/components/title-editable/title-editable.css +17 -3
  80. package/dist/node_modules/@genexus/gemini/dist/collection/components/tree-view/tree-view.css +5 -2
  81. package/dist/types/common/helpers.d.ts +2 -2
  82. package/dist/types/components/_test/test.d.ts +3 -35
  83. package/dist/types/components/kb-manager-export/helpers.d.ts +4 -4
  84. package/dist/types/components/kb-manager-export/kb-manager-export.d.ts +10 -5
  85. package/dist/types/components/kb-manager-import/helpers.d.ts +3 -3
  86. package/dist/types/components/kb-manager-import/kb-manager-import.d.ts +7 -6
  87. package/dist/types/components/references/helpers.d.ts +2 -2
  88. package/dist/types/components/references/references.d.ts +3 -3
  89. package/dist/types/components.d.ts +3 -60
  90. package/package.json +3 -3
  91. package/dist/cjs/ch-checkbox.cjs.entry.js +0 -93
  92. package/dist/cjs/ch-next-data-modeling.cjs.entry.js +0 -19
  93. package/dist/cjs/ch-test-tree-x.cjs.entry.js +0 -458
  94. package/dist/components/ch-tree-x-list-item.js +0 -6
  95. package/dist/components/ch-tree-x.js +0 -6
  96. package/dist/components/tree-x.js +0 -504
  97. package/dist/esm/ch-checkbox.entry.js +0 -89
  98. package/dist/esm/ch-test-tree-x.entry.js +0 -454
  99. package/dist/esm/gxg-tree_2.entry.js +0 -757
  100. package/dist/genexus-ide-ui/p-092ccacd.entry.js +0 -1
  101. package/dist/genexus-ide-ui/p-1ad68b23.entry.js +0 -3
  102. package/dist/genexus-ide-ui/p-3442d19a.entry.js +0 -1
  103. package/dist/genexus-ide-ui/p-39968306.entry.js +0 -1
  104. package/dist/genexus-ide-ui/p-5755f985.entry.js +0 -1
  105. package/dist/genexus-ide-ui/p-85597097.entry.js +0 -1
  106. package/dist/genexus-ide-ui/p-9e530c7d.entry.js +0 -1
  107. package/dist/genexus-ide-ui/p-ad5040e4.entry.js +0 -1
  108. package/dist/genexus-ide-ui/p-aeb3b032.entry.js +0 -1
  109. package/dist/genexus-ide-ui/p-c53522c9.entry.js +0 -1
  110. package/dist/genexus-ide-ui/p-d104f9a4.entry.js +0 -1
  111. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/test/test-tree-x.css +0 -3
  112. package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/tree-x/tree-x.css +0 -45
  113. /package/dist/node_modules/@genexus/chameleon-controls-library/dist/collection/components/tree-view/{tree-x-list-item/tree-x-list-item.css → tree-view-item/tree-view-item.css} +0 -0
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as i}from"./p-976c3a09.js";const s=class{constructor(e){t(this,e)}render(){return e(i,{role:"list"},e("slot",null))}};s.style='ch-next-data-modeling{--delete-icon:url(\'data:image/svg+xml,<svg width="14" height="16" viewBox="0 0 14 16" xmlns="http://www.w3.org/2000/svg"><path d="M1.87729 4.55154H12.1585V14.3936C12.1613 14.8186 11.9944 15.2273 11.6949 15.5288C11.3953 15.8304 10.9878 16 10.5627 16H3.47304C3.04797 16 2.64046 15.8304 2.34089 15.5288C2.04133 15.2273 1.87447 14.8186 1.87729 14.3936V4.55154ZM10.5734 1.42436V1.25301C10.5676 0.559264 10.0035 0 9.30972 0H4.72605C4.03228 0 3.46821 0.559264 3.46233 1.25301V1.42436H0.078125V3.03079H14.0005V1.42436H10.5734Z" fill="%23000"/></svg>\');--edit-icon:url(\'data:image/svg+xml,<svg width="17" height="16" viewBox="0 0 17 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.4291 5.4137L10.8838 1.73151L12.0517 0.50411C12.3715 0.168037 12.7644 0 13.2304 0C13.6964 0 14.089 0.168037 14.4082 0.50411L15.5761 1.73151C15.8958 2.06758 16.0627 2.47321 16.0766 2.94838C16.0905 3.42356 15.9376 3.82889 15.6178 4.16438L14.4291 5.4137ZM13.2195 6.70685L4.37728 16H0.832031V12.274L9.67429 2.98082L13.2195 6.70685Z" fill="%23000"/></svg>\');display:grid;grid-template-columns:1fr;grid-auto-rows:min-content;flex:1;height:100%}';export{s as ch_next_data_modeling}
@@ -1,3 +0,0 @@
1
- import{r as t,c as r,h as e,H as o,g as i}from"./p-976c3a09.js";import{c as a,g as n}from"./p-64765a81.js";var c=a((function(t){
2
- /*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */
3
- self,t.exports=(()=>{var t={d:(r,e)=>{for(var o in e)t.o(e,o)&&!t.o(r,o)&&Object.defineProperty(r,o,{enumerable:!0,get:e[o]})},o:(t,r)=>Object.prototype.hasOwnProperty.call(t,r),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},r={};t.d(r,{default:()=>V});var e={};function o(t,r,e,o,i={}){r instanceof HTMLCollection||r instanceof NodeList?r=Array.from(r):Array.isArray(r)||(r=[r]),Array.isArray(e)||(e=[e]);for(const a of r)for(const r of e)a[t](r,o,{capture:!1,...i});return Array.prototype.slice.call(arguments,1)}t.r(e),t.d(e,{adjustableInputNumbers:()=>p,createElementFromString:()=>n,createFromTemplate:()=>c,eventPath:()=>s,off:()=>a,on:()=>i,resolveElement:()=>l});const i=o.bind(null,"addEventListener"),a=o.bind(null,"removeEventListener");function n(t){const r=document.createElement("div");return r.innerHTML=t.trim(),r.firstElementChild}function c(t){const r=(t,r)=>{const e=t.getAttribute(r);return t.removeAttribute(r),e},e=(t,o={})=>{const i=r(t,":obj"),a=r(t,":ref"),n=i?o[i]={}:o;a&&(o[a]=t);for(const o of Array.from(t.children)){const t=r(o,":arr"),i=e(o,t?{}:n);t&&(n[t]||(n[t]=[])).push(Object.keys(i).length?i:o)}return o};return e(n(t))}function s(t){let r=t.path||t.composedPath&&t.composedPath();if(r)return r;let e=t.target.parentElement;for(r=[t.target,e];e=e.parentElement;)r.push(e);return r.push(document,window),r}function l(t){return t instanceof Element?t:"string"==typeof t?t.split(/>>/g).reduce(((t,r,e,o)=>(t=t.querySelector(r),e<o.length-1?t.shadowRoot:t)),document):null}function p(t,r=(t=>t)){function e(e){const o=[.001,.01,.1][Number(e.shiftKey||2*e.ctrlKey)]*(e.deltaY<0?1:-1);let i=0,a=t.selectionStart;t.value=t.value.replace(/[\d.]+/g,((t,e)=>e<=a&&e+t.length>=a?(a=e,r(Number(t),o,i)):(i++,t))),t.focus(),t.setSelectionRange(a,a),e.preventDefault(),t.dispatchEvent(new Event("input"))}i(t,"focus",(()=>i(window,"wheel",e,{passive:!1}))),i(t,"blur",(()=>a(window,"wheel",e)))}const{min:h,max:g,floor:d,round:u}=Math;function f(t,r,e){r/=100,e/=100;const o=d(t=t/360*6),i=t-o,a=e*(1-r),n=e*(1-i*r),c=e*(1-(1-i)*r),s=o%6;return[255*[e,n,a,a,c,e][s],255*[c,e,e,n,a,a][s],255*[a,a,c,e,e,n][s]]}function m(t,r,e){const o=(2-(r/=100))*(e/=100)/2;return 0!==o&&(r=1===o?0:o<.5?r*e/(2*o):r*e/(2-2*o)),[t,100*r,100*o]}function v(t,r,e){const o=h(t/=255,r/=255,e/=255),i=g(t,r,e),a=i-o;let n,c;if(0===a)n=c=0;else{c=a/i;const o=((i-t)/6+a/2)/a,s=((i-r)/6+a/2)/a,l=((i-e)/6+a/2)/a;t===i?n=l-s:r===i?n=1/3+o-l:e===i&&(n=2/3+s-o),n<0?n+=1:n>1&&(n-=1)}return[360*n,100*c,100*i]}function b(t,r,e,o){return r/=100,e/=100,[...v(255*(1-h(1,(t/=100)*(1-(o/=100))+o)),255*(1-h(1,r*(1-o)+o)),255*(1-h(1,e*(1-o)+o)))]}function y(t,r,e){r/=100;const o=2*(r*=(e/=100)<.5?e:1-e)/(e+r)*100,i=100*(e+r);return[t,isNaN(o)?0:o,i]}function w(t){return v(...t.match(/.{2}/g).map((t=>parseInt(t,16))))}function x(t=0,r=0,e=0,o=1){const i=(t,r)=>(e=-1)=>r(~e?t.map((t=>Number(t.toFixed(e)))):t),a={h:t,s:r,v:e,a:o,toHSVA(){const t=[a.h,a.s,a.v,a.a];return t.toString=i(t,(t=>`hsva(${t[0]}, ${t[1]}%, ${t[2]}%, ${a.a})`)),t},toHSLA(){const t=[...m(a.h,a.s,a.v),a.a];return t.toString=i(t,(t=>`hsla(${t[0]}, ${t[1]}%, ${t[2]}%, ${a.a})`)),t},toRGBA(){const t=[...f(a.h,a.s,a.v),a.a];return t.toString=i(t,(t=>`rgba(${t[0]}, ${t[1]}, ${t[2]}, ${a.a})`)),t},toCMYK(){const t=function(t,r,e){const o=f(t,r,e),i=o[0]/255,a=o[1]/255,n=o[2]/255,c=h(1-i,1-a,1-n);return[100*(1===c?0:(1-i-c)/(1-c)),100*(1===c?0:(1-a-c)/(1-c)),100*(1===c?0:(1-n-c)/(1-c)),100*c]}(a.h,a.s,a.v);return t.toString=i(t,(t=>`cmyk(${t[0]}%, ${t[1]}%, ${t[2]}%, ${t[3]}%)`)),t},toHEXA(){const t=function(t,r,e){return f(t,r,e).map((t=>u(t).toString(16).padStart(2,"0")))}(a.h,a.s,a.v),r=a.a>=1?"":Number((255*a.a).toFixed(0)).toString(16).toUpperCase().padStart(2,"0");return r&&t.push(r),t.toString=()=>`#${t.join("").toUpperCase()}`,t},clone:()=>x(a.h,a.s,a.v,a.a)};return a}const k=t=>Math.max(Math.min(t,1),0);function z(t){const r={options:Object.assign({lock:null,onchange:()=>0,onstop:()=>0},t),_keyboard(t){const{options:e}=r,{type:o,key:i}=t;if(document.activeElement===e.wrapper){const{lock:e}=r.options,a="ArrowUp"===i,n="ArrowRight"===i,c="ArrowDown"===i,s="ArrowLeft"===i;if("keydown"===o&&(a||n||c||s)){let o=0,i=0;"v"===e?o=a||n?1:-1:"h"===e?o=a||n?-1:1:(i=a?-1:c?1:0,o=s?-1:n?1:0),r.update(k(r.cache.x+.01*o),k(r.cache.y+.01*i)),t.preventDefault()}else i.startsWith("Arrow")&&(r.options.onstop(),t.preventDefault())}},_tapstart(t){i(document,["mouseup","touchend","touchcancel"],r._tapstop),i(document,["mousemove","touchmove"],r._tapmove),t.cancelable&&t.preventDefault(),r._tapmove(t)},_tapmove(t){const{options:e,cache:o}=r,{lock:i,element:a,wrapper:n}=e,c=n.getBoundingClientRect();let s=0,l=0;if(t){const r=t&&t.touches&&t.touches[0];s=t?(r||t).clientX:0,l=t?(r||t).clientY:0,s<c.left?s=c.left:s>c.left+c.width&&(s=c.left+c.width),l<c.top?l=c.top:l>c.top+c.height&&(l=c.top+c.height),s-=c.left,l-=c.top}else o&&(s=o.x*c.width,l=o.y*c.height);"h"!==i&&(a.style.left=`calc(${s/c.width*100}% - ${a.offsetWidth/2}px)`),"v"!==i&&(a.style.top=`calc(${l/c.height*100}% - ${a.offsetHeight/2}px)`),r.cache={x:s/c.width,y:l/c.height};const p=k(s/c.width),h=k(l/c.height);switch(i){case"v":return e.onchange(p);case"h":return e.onchange(h);default:return e.onchange(p,h)}},_tapstop(){r.options.onstop(),a(document,["mouseup","touchend","touchcancel"],r._tapstop),a(document,["mousemove","touchmove"],r._tapmove)},trigger(){r._tapmove()},update(t=0,e=0){const{left:o,top:i,width:a,height:n}=r.options.wrapper.getBoundingClientRect();"h"===r.options.lock&&(e=t),r._tapmove({clientX:o+a*t,clientY:i+n*e})},destroy(){const{options:t,_tapstart:e,_keyboard:o}=r;a(document,["keydown","keyup"],o),a([t.wrapper,t.element],"mousedown",e),a([t.wrapper,t.element],"touchstart",e,{passive:!1})}},{options:e,_tapstart:o,_keyboard:n}=r;return i([e.wrapper,e.element],"mousedown",o),i([e.wrapper,e.element],"touchstart",o,{passive:!1}),i(document,["keydown","keyup"],n),r}function $(t={}){t=Object.assign({onchange:()=>0,className:"",elements:[]},t);const r=i(t.elements,"click",(r=>{t.elements.forEach((e=>e.classList[r.target===e?"add":"remove"](t.className))),t.onchange(r),r.stopPropagation()}));return{destroy:()=>a(...r)}}const H={variantFlipOrder:{start:"sme",middle:"mse",end:"ems"},positionFlipOrder:{top:"tbrl",right:"rltb",bottom:"btrl",left:"lrbt"},position:"bottom",margin:8};function A(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}class V{constructor(t){A(this,"_initializingActive",!0),A(this,"_recalc",!0),A(this,"_nanopop",null),A(this,"_root",null),A(this,"_color",x()),A(this,"_lastColor",x()),A(this,"_swatchColors",[]),A(this,"_setupAnimationFrame",null),A(this,"_eventListener",{init:[],save:[],hide:[],show:[],clear:[],change:[],changestop:[],cancel:[],swatchselect:[]}),this.options=t=Object.assign({...V.DEFAULT_OPTIONS},t);const{swatches:r,components:e,theme:o,sliders:i,lockOpacity:a,padding:n}=t;["nano","monolith"].includes(o)&&!i&&(t.sliders="h"),e.interaction||(e.interaction={});const{preview:c,opacity:s,hue:l,palette:p}=e;e.opacity=!a&&s,e.palette=p||c||s||l,this._preBuild(),this._buildComponents(),this._bindEvents(),this._finalBuild(),r&&r.length&&r.forEach((t=>this.addSwatch(t)));const{button:h,app:g}=this._root;this._nanopop=((t,r,e)=>{const o="object"!=typeof t||t instanceof HTMLElement?{reference:t,popper:r,...e}:t;return{update(t=o){const{reference:r,popper:e}=Object.assign(o,t);if(!e||!r)throw new Error("Popper- or reference-element missing.");return((t,r,e)=>{const{container:o,margin:i,position:a,variantFlipOrder:n,positionFlipOrder:c}={container:document.documentElement.getBoundingClientRect(),...H,...e},{left:s,top:l}=r.style;r.style.left="0",r.style.top="0";const p=t.getBoundingClientRect(),h=r.getBoundingClientRect(),g={t:p.top-h.height-i,b:p.bottom+i,r:p.right+i,l:p.left-h.width-i},d={vs:p.left,vm:p.left+p.width/2+-h.width/2,ve:p.left+p.width-h.width,hs:p.top,hm:p.bottom-p.height/2-h.height/2,he:p.bottom-h.height},[u,f="middle"]=a.split("-"),m=c[u],v=n[f],{top:b,left:y,bottom:w,right:x}=o;for(const t of m){const e="t"===t||"b"===t,o=g[t],[i,a]=e?["top","left"]:["left","top"],[n,c]=e?[h.height,h.width]:[h.width,h.height],[s,l]=e?[w,x]:[x,w],[p,u]=e?[b,y]:[y,b];if(!(o<p||o+n>s))for(const n of v){const s=d[(e?"v":"h")+n];if(!(s<u||s+c>l))return r.style[a]=s-h[a]+"px",r.style[i]=o-h[i]+"px",t+n}}return r.style.left=s,r.style.top=l,null})(r,e,o)}}})(h,g,{margin:n}),h.setAttribute("role","button"),h.setAttribute("aria-label",this._t("btn:toggle"));const d=this;this._setupAnimationFrame=requestAnimationFrame((function r(){if(!g.offsetWidth)return requestAnimationFrame(r);d.setColor(t.default),d._rePositioningPicker(),t.defaultRepresentation&&(d._representation=t.defaultRepresentation,d.setColorRepresentation(d._representation)),t.showAlways&&d.show(),d._initializingActive=!1,d._emit("init")}))}_preBuild(){const{options:t}=this;for(const r of["el","container"])t[r]=l(t[r]);this._root=(t=>{const{components:r,useAsButton:e,inline:o,appClass:i,theme:a,lockOpacity:n}=t.options,s=t=>t?"":'style="display:none" hidden',l=r=>t._t(r),p=c(`\n <div :ref="root" class="pickr">\n\n ${e?"":'<button type="button" :ref="button" class="pcr-button"></button>'}\n\n <div :ref="app" class="pcr-app ${i||""}" data-theme="${a}" ${o?'style="position: unset"':""} aria-label="${l("ui:dialog")}" role="window">\n <div class="pcr-selection" ${s(r.palette)}>\n <div :obj="preview" class="pcr-color-preview" ${s(r.preview)}>\n <button type="button" :ref="lastColor" class="pcr-last-color" aria-label="${l("btn:last-color")}"></button>\n <div :ref="currentColor" class="pcr-current-color"></div>\n </div>\n\n <div :obj="palette" class="pcr-color-palette">\n <div :ref="picker" class="pcr-picker"></div>\n <div :ref="palette" class="pcr-palette" tabindex="0" aria-label="${l("aria:palette")}" role="listbox"></div>\n </div>\n\n <div :obj="hue" class="pcr-color-chooser" ${s(r.hue)}>\n <div :ref="picker" class="pcr-picker"></div>\n <div :ref="slider" class="pcr-hue pcr-slider" tabindex="0" aria-label="${l("aria:hue")}" role="slider"></div>\n </div>\n\n <div :obj="opacity" class="pcr-color-opacity" ${s(r.opacity)}>\n <div :ref="picker" class="pcr-picker"></div>\n <div :ref="slider" class="pcr-opacity pcr-slider" tabindex="0" aria-label="${l("aria:opacity")}" role="slider"></div>\n </div>\n </div>\n\n <div class="pcr-swatches ${r.palette?"":"pcr-last"}" :ref="swatches"></div>\n\n <div :obj="interaction" class="pcr-interaction" ${s(Object.keys(r.interaction).length)}>\n <input :ref="result" class="pcr-result" type="text" spellcheck="false" ${s(r.interaction.input)} aria-label="${l("aria:input")}">\n\n <input :arr="options" class="pcr-type" data-type="HEXA" value="${n?"HEX":"HEXA"}" type="button" ${s(r.interaction.hex)}>\n <input :arr="options" class="pcr-type" data-type="RGBA" value="${n?"RGB":"RGBA"}" type="button" ${s(r.interaction.rgba)}>\n <input :arr="options" class="pcr-type" data-type="HSLA" value="${n?"HSL":"HSLA"}" type="button" ${s(r.interaction.hsla)}>\n <input :arr="options" class="pcr-type" data-type="HSVA" value="${n?"HSV":"HSVA"}" type="button" ${s(r.interaction.hsva)}>\n <input :arr="options" class="pcr-type" data-type="CMYK" value="CMYK" type="button" ${s(r.interaction.cmyk)}>\n\n <input :ref="save" class="pcr-save" value="${l("btn:save")}" type="button" ${s(r.interaction.save)} aria-label="${l("aria:btn:save")}">\n <input :ref="cancel" class="pcr-cancel" value="${l("btn:cancel")}" type="button" ${s(r.interaction.cancel)} aria-label="${l("aria:btn:cancel")}">\n <input :ref="clear" class="pcr-clear" value="${l("btn:clear")}" type="button" ${s(r.interaction.clear)} aria-label="${l("aria:btn:clear")}">\n </div>\n </div>\n </div>\n `),h=p.interaction;return h.options.find((t=>!t.hidden&&!t.classList.add("active"))),h.type=()=>h.options.find((t=>t.classList.contains("active"))),p})(this),t.useAsButton&&(this._root.button=t.el),t.container.appendChild(this._root.root)}_finalBuild(){const t=this.options,r=this._root;if(t.container.removeChild(r.root),t.inline){const e=t.el.parentElement;t.el.nextSibling?e.insertBefore(r.app,t.el.nextSibling):e.appendChild(r.app)}else t.container.appendChild(r.app);t.useAsButton?t.inline&&t.el.remove():t.el.parentNode.replaceChild(r.root,t.el),t.disabled&&this.disable(),t.comparison||(r.button.style.transition="none",t.useAsButton||(r.preview.lastColor.style.transition="none")),this.hide()}_buildComponents(){const t=this,r=this.options.components,e=(t.options.sliders||"v").repeat(2),[o,i]=e.match(/^[vh]+$/g)?e:[],a=()=>this._color||(this._color=this._lastColor.clone()),n={palette:z({element:t._root.palette.picker,wrapper:t._root.palette.palette,onstop:()=>t._emit("changestop","slider",t),onchange(e,o){if(!r.palette)return;const i=a(),{_root:n,options:c}=t,{lastColor:s,currentColor:l}=n.preview;t._recalc&&(i.s=100*e,i.v=100-100*o,i.v<0&&(i.v=0),t._updateOutput("slider"));const p=i.toRGBA().toString(0);this.element.style.background=p,this.wrapper.style.background=`\n linear-gradient(to top, rgba(0, 0, 0, ${i.a}), transparent),\n linear-gradient(to left, hsla(${i.h}, 100%, 50%, ${i.a}), rgba(255, 255, 255, ${i.a}))\n `,c.comparison?c.useAsButton||t._lastColor||s.style.setProperty("--pcr-color",p):(n.button.style.setProperty("--pcr-color",p),n.button.classList.remove("clear"));const h=i.toHEXA().toString();for(const{el:r,color:e}of t._swatchColors)r.classList[h===e.toHEXA().toString()?"add":"remove"]("pcr-active");l.style.setProperty("--pcr-color",p)}}),hue:z({lock:"v"===i?"h":"v",element:t._root.hue.picker,wrapper:t._root.hue.slider,onstop:()=>t._emit("changestop","slider",t),onchange(e){if(!r.hue||!r.palette)return;const o=a();t._recalc&&(o.h=360*e),this.element.style.backgroundColor=`hsl(${o.h}, 100%, 50%)`,n.palette.trigger()}}),opacity:z({lock:"v"===o?"h":"v",element:t._root.opacity.picker,wrapper:t._root.opacity.slider,onstop:()=>t._emit("changestop","slider",t),onchange(e){if(!r.opacity||!r.palette)return;const o=a();t._recalc&&(o.a=Math.round(100*e)/100),this.element.style.background=`rgba(0, 0, 0, ${o.a})`,n.palette.trigger()}}),selectable:$({elements:t._root.interaction.options,className:"active",onchange(r){t._representation=r.target.getAttribute("data-type").toUpperCase(),t._recalc&&t._updateOutput("swatch")}})};this._components=n}_bindEvents(){const{_root:t,options:r}=this,e=[i(t.interaction.clear,"click",(()=>this._clearColor())),i([t.interaction.cancel,t.preview.lastColor],"click",(()=>{this.setHSVA(...(this._lastColor||this._color).toHSVA(),!0),this._emit("cancel")})),i(t.interaction.save,"click",(()=>{!this.applyColor()&&!r.showAlways&&this.hide()})),i(t.interaction.result,["keyup","input"],(t=>{this.setColor(t.target.value,!0)&&!this._initializingActive&&(this._emit("change",this._color,"input",this),this._emit("changestop","input",this)),t.stopImmediatePropagation()})),i(t.interaction.result,["focus","blur"],(t=>{this._recalc="blur"===t.type,this._recalc&&this._updateOutput(null)})),i([t.palette.palette,t.palette.picker,t.hue.slider,t.hue.picker,t.opacity.slider,t.opacity.picker],["mousedown","touchstart"],(()=>this._recalc=!0),{passive:!0})];if(!r.showAlways){const o=r.closeWithKey;e.push(i(t.button,"click",(()=>this.isOpen()?this.hide():this.show())),i(document,"keyup",(t=>this.isOpen()&&(t.key===o||t.code===o)&&this.hide())),i(document,["touchstart","mousedown"],(r=>{this.isOpen()&&!s(r).some((r=>r===t.app||r===t.button))&&this.hide()}),{capture:!0}))}if(r.adjustableNumbers){const r={rgba:[255,255,255,1],hsva:[360,100,100,1],hsla:[360,100,100,1],cmyk:[100,100,100,100]};p(t.interaction.result,((t,e,o)=>{const i=r[this.getColorRepresentation().toLowerCase()];if(i){const r=i[o],a=t+(r>=100?1e3*e:e);return a<=0?0:Number((a<r?a:r).toPrecision(3))}return t}))}if(r.autoReposition&&!r.inline){let t=null;const o=this;e.push(i(window,["scroll","resize"],(()=>{o.isOpen()&&(r.closeOnScroll&&o.hide(),null===t?(t=setTimeout((()=>t=null),100),requestAnimationFrame((function r(){o._rePositioningPicker(),null!==t&&requestAnimationFrame(r)}))):(clearTimeout(t),t=setTimeout((()=>t=null),100)))}),{capture:!0}))}this._eventBindings=e}_rePositioningPicker(){const{options:t}=this;if(!t.inline&&!this._nanopop.update({container:document.body.getBoundingClientRect(),position:t.position})){const t=this._root.app,r=t.getBoundingClientRect();t.style.top=(window.innerHeight-r.height)/2+"px",t.style.left=(window.innerWidth-r.width)/2+"px"}}_updateOutput(t){const{_root:r,_color:e,options:o}=this;if(r.interaction.type()){const t=`to${r.interaction.type().getAttribute("data-type")}`;r.interaction.result.value="function"==typeof e[t]?e[t]().toString(o.outputPrecision):""}!this._initializingActive&&this._recalc&&this._emit("change",e,t,this)}_clearColor(t=!1){const{_root:r,options:e}=this;e.useAsButton||r.button.style.setProperty("--pcr-color","rgba(0, 0, 0, 0.15)"),r.button.classList.add("clear"),e.showAlways||this.hide(),this._lastColor=null,this._initializingActive||t||(this._emit("save",null),this._emit("clear"))}_parseLocalColor(t){const{values:r,type:e,a:o}=function(t){t=t.match(/^[a-zA-Z]+$/)?function(t){if("black"===t.toLowerCase())return"#000";const r=document.createElement("canvas").getContext("2d");return r.fillStyle=t,"#000"===r.fillStyle?null:r.fillStyle}(t):t;const r={cmyk:/^cmyk[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)/i,rgba:/^((rgba)|rgb)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsla:/^((hsla)|hsl)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hsva:/^((hsva)|hsv)[\D]+([\d.]+)[\D]+([\d.]+)[\D]+([\d.]+)[\D]*?([\d.]+|$)/i,hexa:/^#?(([\dA-Fa-f]{3,4})|([\dA-Fa-f]{6})|([\dA-Fa-f]{8}))$/i},e=t=>t.map((t=>/^(|\d+)\.\d+|\d+$/.test(t)?Number(t):void 0));let o;t:for(const i in r){if(!(o=r[i].exec(t)))continue;const a=t=>!!o[2]==("number"==typeof t);switch(i){case"cmyk":{const[,t,r,a,n]=e(o);if(t>100||r>100||a>100||n>100)break t;return{values:b(t,r,a,n),type:i}}case"rgba":{const[,,,t,r,n,c]=e(o);if(t>255||r>255||n>255||c<0||c>1||!a(c))break t;return{values:[...v(t,r,n),c],a:c,type:i}}case"hexa":{let[,t]=o;4!==t.length&&3!==t.length||(t=t.split("").map((t=>t+t)).join(""));const r=t.substring(0,6);let e=t.substring(6);return e=e?parseInt(e,16)/255:void 0,{values:[...w(r),e],a:e,type:i}}case"hsla":{const[,,,t,r,n,c]=e(o);if(t>360||r>100||n>100||c<0||c>1||!a(c))break t;return{values:[...y(t,r,n),c],a:c,type:i}}case"hsva":{const[,,,t,r,n,c]=e(o);if(t>360||r>100||n>100||c<0||c>1||!a(c))break t;return{values:[t,r,n,c],a:c,type:i}}}}return{values:null,type:null}}(t),{lockOpacity:i}=this.options,a=void 0!==o&&1!==o;return r&&3===r.length&&(r[3]=void 0),{values:!r||i&&a?null:r,type:e}}_t(t){return this.options.i18n[t]||V.I18N_DEFAULTS[t]}_emit(t,...r){this._eventListener[t].forEach((t=>t(...r,this)))}on(t,r){return this._eventListener[t].push(r),this}off(t,r){const e=this._eventListener[t]||[],o=e.indexOf(r);return~o&&e.splice(o,1),this}addSwatch(t){const{values:r}=this._parseLocalColor(t);if(r){const{_swatchColors:t,_root:e}=this,o=x(...r),a=n(`<button type="button" style="--pcr-color: ${o.toRGBA().toString(0)}" aria-label="${this._t("btn:swatch")}"/>`);return e.swatches.appendChild(a),t.push({el:a,color:o}),this._eventBindings.push(i(a,"click",(()=>{this.setHSVA(...o.toHSVA(),!0),this._emit("swatchselect",o),this._emit("change",o,"swatch",this)}))),!0}return!1}removeSwatch(t){const r=this._swatchColors[t];if(r){const{el:e}=r;return this._root.swatches.removeChild(e),this._swatchColors.splice(t,1),!0}return!1}applyColor(t=!1){const{preview:r,button:e}=this._root,o=this._color.toRGBA().toString(0);return r.lastColor.style.setProperty("--pcr-color",o),this.options.useAsButton||e.style.setProperty("--pcr-color",o),e.classList.remove("clear"),this._lastColor=this._color.clone(),this._initializingActive||t||this._emit("save",this._color),this}destroy(){cancelAnimationFrame(this._setupAnimationFrame),this._eventBindings.forEach((t=>a(...t))),Object.keys(this._components).forEach((t=>this._components[t].destroy()))}destroyAndRemove(){this.destroy();const{root:t,app:r}=this._root;t.parentElement&&t.parentElement.removeChild(t),r.parentElement.removeChild(r),Object.keys(this).forEach((t=>this[t]=null))}hide(){return!!this.isOpen()&&(this._root.app.classList.remove("visible"),this._emit("hide"),!0)}show(){return!this.options.disabled&&!this.isOpen()&&(this._root.app.classList.add("visible"),this._rePositioningPicker(),this._emit("show",this._color),this)}isOpen(){return this._root.app.classList.contains("visible")}setHSVA(t=360,r=0,e=0,o=1,i=!1){const a=this._recalc;if(this._recalc=!1,t<0||t>360||r<0||r>100||e<0||e>100||o<0||o>1)return!1;this._color=x(t,r,e,o);const{hue:n,opacity:c,palette:s}=this._components;return n.update(t/360),c.update(o),s.update(r/100,1-e/100),i||this.applyColor(),a&&this._updateOutput(),this._recalc=a,!0}setColor(t,r=!1){if(null===t)return this._clearColor(r),!0;const{values:e,type:o}=this._parseLocalColor(t);if(e){const t=o.toUpperCase(),{options:i}=this._root.interaction,a=i.find((r=>r.getAttribute("data-type")===t));if(a&&!a.hidden)for(const t of i)t.classList[t===a?"add":"remove"]("active");return!!this.setHSVA(...e,r)&&this.setColorRepresentation(t)}return!1}setColorRepresentation(t){return t=t.toUpperCase(),!!this._root.interaction.options.find((r=>r.getAttribute("data-type").startsWith(t)&&!r.click()))}getColorRepresentation(){return this._representation}getColor(){return this._color}getSelectedColor(){return this._lastColor}getRoot(){return this._root}disable(){return this.hide(),this.options.disabled=!0,this._root.button.classList.add("disabled"),this}enable(){return this.options.disabled=!1,this._root.button.classList.remove("disabled"),this}}return A(V,"utils",e),A(V,"version","1.8.2"),A(V,"I18N_DEFAULTS",{"ui:dialog":"color picker dialog","btn:toggle":"toggle color picker dialog","btn:swatch":"color swatch","btn:last-color":"use previous color","btn:save":"Save","btn:cancel":"Cancel","btn:clear":"Clear","aria:btn:save":"save and close","aria:btn:cancel":"cancel and close","aria:btn:clear":"clear and close","aria:input":"color input field","aria:palette":"color selection area","aria:hue":"hue selection slider","aria:opacity":"selection slider"}),A(V,"DEFAULT_OPTIONS",{appClass:null,theme:"classic",useAsButton:!1,padding:8,disabled:!1,comparison:!0,closeOnScroll:!1,outputPrecision:0,lockOpacity:!1,autoReposition:!0,container:"body",components:{interaction:{}},i18n:{},swatches:null,inline:!1,sliders:null,default:"#42445a",defaultRepresentation:null,position:"bottom-middle",adjustableNumbers:!0,showAlways:!1,closeWithKey:"Escape"}),A(V,"create",(t=>new V(t))),r.default})()}));const s=n(c),l=class{constructor(e){t(this,e),this.save=r(this,"save",7),this.nameInputEvent=r(this,"nameInputEvent",7),this.change=r(this,"change",7),this.label=void 0,this.value="white",this.colorRepresentation="HEXA",this.colorInputValue="",this.colorChangedFromInput=!1}componentDidLoad(){this.value.includes("rgb")?this.colorRepresentation="RGBA":this.value.includes("#")&&(this.colorRepresentation="HEXA");const t=this.element.shadowRoot.querySelector(".color-picker"),r=this.element.shadowRoot.querySelector(".color-picker-main-container");this.pickr=new s({el:t,theme:"nano",container:r,inline:!0,showAlways:!0,default:this.value,components:{preview:!0,opacity:!0,hue:!0,interaction:{input:!1}}}),this.pickr.on("change",(t=>{this.colorObject=t,"HEXA"===this.colorRepresentation?this.value=this.colorObject.toHEXA().toString():"RGBA"===this.colorRepresentation&&(this.value=this.colorObject.toRGBA().toString(0)),this.change.emit(this.value)})),this.pickr.on("show",(()=>{this.colorObject=this.pickr.getColor()}));const e={root:document.querySelector("body"),rootMargin:"0px",threshold:1};new IntersectionObserver((()=>{this.pickr.setColor(this.value)}),e).observe(this.element)}componentDidUnload(){this.pickr.destroy()}watchHandler(t){this.pickr.setColor(t)}handleHexaButtonClick(){this.colorChangedFromInput=!1,this.colorRepresentation="HEXA",this.value=this.colorObject.toHEXA().toString(),this.change.emit(this.value)}handleRgbaButtonClick(){this.colorChangedFromInput=!1,this.colorRepresentation="RGBA",this.value=this.colorObject.toRGBA().toString(0),this.change.emit(this.value)}handleTitleValueChange(t){this.label=t.target.value}handleColorValueChange(t){this.colorChangedFromInput=!0;const r=t.target;this.colorInputValue=r.value,this.pickr.setColor(r.value)}colorValue(){if(!this.colorChangedFromInput){if(void 0===this.colorObject)return"";if("HEXA"===this.colorRepresentation)return this.colorObject.toHEXA().toString();if("RGBA"===this.colorRepresentation)return this.colorObject.toRGBA().toString(0)}return this.colorChangedFromInput=!0,this.colorInputValue}setActiveButton(){return this.value.includes("rgb")?"rgba":"hexa"}render(){return e(o,null,this.label?e("gxg-label",null,this.label):null,e("div",{class:{"color-picker-main-container":!0},id:"color-picker-main-container"},e("div",{class:"color-picker"}),e("div",{class:"cp-gxg-buttons before-color-value",slot:"editable"},e("gxg-button-group",{"default-selected-btn-id":this.setActiveButton()},e("button",{id:"rgba",onClick:this.handleRgbaButtonClick.bind(this)},"RGBA"),e("button",{id:"hexa",onClick:this.handleHexaButtonClick.bind(this)},"HEXA"))),e("input",{type:"text",name:"cp-color-value",id:"cp-color-value",value:this.colorValue(),class:"color-picker-main-container-textbox",onInput:this.handleColorValueChange.bind(this)})))}get element(){return i(this)}static get watchers(){return{value:["watchHandler"]}}};l.style='/*! Pickr 1.7.4 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>\') no-repeat 50%;background-size:0;transition:all .3s}.pickr .pcr-button:before{background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.15em}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px currentColor}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app *,.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pcr-app button.pcr-active,.pcr-app button:focus,.pcr-app input.pcr-active,.pcr-app input:focus,.pickr button.pcr-active,.pickr button:focus,.pickr input.pcr-active,.pickr input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px currentColor}.pcr-app .pcr-palette,.pcr-app .pcr-slider,.pickr .pcr-palette,.pickr .pcr-slider{transition:box-shadow .3s}.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus,.pickr .pcr-palette:focus,.pickr .pcr-slider:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(0,0,0,.25)}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:10000;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);left:0;top:0}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:.75em}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display:grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em)}}.pcr-app .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-swatches>button:not(.pcr-active){box-shadow:none}.pcr-app .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em}.pcr-app .pcr-interaction>*{margin:0 .2em}.pcr-app .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.75em}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(66,133,244,.75)}.pcr-app .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app .pcr-interaction .pcr-result::-moz-selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{width:auto;color:#fff}.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover,.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:#4285f4}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{background:#f44250}.pcr-app .pcr-interaction .pcr-cancel:focus,.pcr-app .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.85),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity,.pcr-app .pcr-selection .pcr-color-palette{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active,.pcr-app .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:14.25em;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:currentColor;width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(90deg,transparent,#000),url(\'data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>\');background-size:100%,.25em}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width: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:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{width:230px;display:block}.label{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;display:flex;align-items:center;cursor:default}.color-picker-main-container{box-shadow:var(--box-shadow-01);z-index:10;--cardAnimationDelay:0;position:relative;animation-name:slideUp;animation-duration:0.75s;animation-iteration-count:1;animation-delay:var(--cardAnimationDelay);background:var(--color-background);position:relative;margin-top:-1px;transition:max-height 0.5s ease-in-out;padding:var(--spacing-comp-02) var(--card-padding) 0 var(--card-padding)}@keyframes slideUp{0%{top:5px;opacity:0}100%{top:0px;opacity:100%}}.color-picker-main-container-textbox{font-family:var(--font-family-primary);font-size:var(--font-size-md);color:var(--color--black);padding-left:var(--spacing-comp-02);padding-right:var(--spacing-comp-02);padding-top:var(--spacing-comp-01);padding-bottom:var(--spacing-comp-01);background:var(--color-background);border-width:var(--border-width-sm);border-style:var(--border-style-regular);border-color:var(--gray-04);letter-spacing:0.018em;height:var(--spacing-comp-05);border-radius:0;width:100%;margin-bottom:var(--spacing-comp-02);box-sizing:border-box}.color-picker-main-container--visible{max-height:400px}.pcr-app{background:var(--color-background)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:0}.pickr{display:none}.pcr-app{max-width:100%;width:100% !important;box-shadow:none}.cp-gxg-buttons{padding:var(--spacing-comp-02)}.color-picker-main-container-textbox{margin:0 var(--spacing-comp-02);width:calc(100% - 16px);margin-bottom:var(--spacing-comp-02)}.cp-gxg-buttons.before-color-value gxg-button{margin-right:var(--spacing-comp-02)}.cp-gxg-buttons.after-color-value{text-align:right}.pcr-color-chooser,.pcr-color-opacity{width:85%}';export{l as gxg_color_picker}
@@ -1 +0,0 @@
1
- import{r as t,c as r,h as i,H as e,g as o}from"./p-976c3a09.js";import{e as a}from"./p-d8501cb4.js";const l=class{constructor(i){t(this,i),this.treeItemStateChanged=r(this,"treeItemStateChanged",7),this.masterTree=!1,this.checkbox=!0,this.checked=!1,this.opened=!0,this.toggleCheckboxes=!1,this.multiSelection=!1,this.evaluateIsMasterTree=()=>{var t;const r=null===(t=this.el.parentElement)||void 0===t?void 0:t.parentElement;void 0!==r&&"GXG-TREE"===r.nodeName||(this.masterTree=!0)},this.initialConfig=()=>{const t=this.el.parentElement;if("GXG-TREE-ITEM"===(null==t?void 0:t.tagName)){const r=t;this.checkbox=void 0!==r.checkbox?r.checkbox:this.checkbox,this.checked=void 0!==r.checked?r.checked:this.checked,this.opened=void 0!==r.opened?r.opened:this.opened,this.toggleCheckboxes=void 0!==r.toggleCheckboxes?r.toggleCheckboxes:this.toggleCheckboxes}},this.emitTreeItemNewState=(t,r)=>{this.treeItemStateChanged.emit({itemData:t,emittedBy:r})}}componentWillLoad(){this.initialConfig(),this.evaluateIsMasterTree()}checkboxToggledHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"checkboxToggled")}doubleClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"doubleClicked")}selectionChangedHandler(t){const r=this.el.querySelectorAll("gxg-tree-item");(this.masterTree&&this.multiSelection&&!t.detail.ctrl||this.masterTree&&!this.multiSelection)&&Array.from(r).forEach((r=>{r!==t.detail.ref&&(r.selected=!1)})),this.masterTree&&this.emitTreeItemNewState(t.detail,"selectionChanged")}toggleIconClickedHandler(t){this.masterTree&&this.emitTreeItemNewState(t.detail,"toggleIconClicked")}async getCheckedItems(t){const r=Array.from(this.el.querySelectorAll("gxg-tree-item")),i=[];return(null==t?void 0:t.length)?t.forEach((t=>{const e=r.find((r=>t===r.id));e&&i.push({id:e.id,label:e.label,checked:e.checked,selected:e.selected})})):r.forEach((t=>{t.checked&&i.push({id:t.id,label:t.label,checked:t.checked,selected:t.selected})})),i}async getSelectedItems(){const t=[],r=this.el.querySelectorAll("gxg-tree-item");return(null==r?void 0:r.length)&&Array.from(r).forEach((r=>{r.selected&&t.push({id:r.id,label:r.label,checked:r.checked,selected:r.selected})})),t}async toggleItems(t,r){if(!(null==t?void 0:t.length))return[];const i=Array.from(this.el.querySelectorAll("gxg-tree-item")),e=[];return t.forEach((t=>{const o=i.find((r=>t===r.id));o&&void 0===r?o.opened=!o.opened:o&&r&&!o.opened?o.opened=!0:o&&!r&&o.opened&&(o.opened=!1),o&&e.push({id:o.id,opened:o.opened})})),e}render(){return i(e,null,i("div",{class:{tree:!0}},i("ul",{ref:t=>this.ulTree=t},i("slot",null))))}get el(){return o(this)}};l.style=":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width: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:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{display:block;--gxg-tree-item-inner-spacing:var(--spacing-comp-01);overflow:auto;height:100%}:host::-webkit-scrollbar{width:var(--gxg-scrollbar-width, 6px)}:host::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background, --gray-02);border-radius:var(--gxg-scrollbar-track-border-radius, 10px)}:host::-webkit-scrollbar-thumb{background:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}:host::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host ul{margin:0;padding-left:0;width:100%}";const n=class{constructor(i){t(this,i),this.checkboxToggled=r(this,"checkboxToggled",7),this.doubleClicked=r(this,"doubleClicked",7),this.lazyChanged=r(this,"lazyChanged",7),this.selectionChanged=r(this,"selectionChanged",7),this.toggleIconClicked=r(this,"toggleIconClicked",7),this.lazy=!1,this.parentTreeIsMasterTree=!1,this.numberOfParentTrees=1,this.firstItem=!1,this.lastItem=!1,this.leftPadding="0px",this.verticalLineStartPosition="0px",this.horizontalLineWidth="24px",this.horizontalLineStartPosition="0px",this.parts={item:"item",checkbox:"checkbox",toggleButton:"toggle-button"},this.horizontalLinePaddingLeft=0,this.lastTreeItem=!1,this.lastTreeItemOfParentTree=!1,this.numberOfVisibleDescendantItems=0,this.time=0,this.downloading=!1,this.checkbox=void 0,this.checked=void 0,this.opened=void 0,this.toggleCheckboxes=void 0,this.disabled=void 0,this.leaf=!1,this.selected=!1,this.numberOfChildren=0,this.hasChildTree=!1,this.indeterminate=!1,this.evaluateId=()=>{this.id||(this.id=this.el.getAttribute("id"))},this.evaluateLazy=()=>{this.leaf||0!==this.numberOfChildren||(this.lazy=!0,this.opened=!1)},this.observer=new MutationObserver((t=>{for(const r of t)"childList"===r.type&&(this.lazy=!1,this.opened=!0,this.reRender())})),this.initiateMutationObserver=()=>{this.observer.observe(this.el,{childList:!0,subtree:!0})},this.cascadeConfig=()=>{const t=this.el.parentElement;this.checkbox=void 0!==this.checkbox?this.checkbox:t.checkbox,this.checked=void 0!==this.checked?this.checked:t.checked,this.opened=void 0!==this.opened?this.opened:t.opened,this.toggleCheckboxes=void 0!==this.toggleCheckboxes?this.toggleCheckboxes:t.checkbox},this.attachExportParts=()=>{const t=this.el.getAttribute("part"),r=a(t,this.parts);r.length&&(this.exportparts=r)},this.defineLineHeight=()=>{let t=11.5;this.parentTreeIsMasterTree&&(t=0,this.lastItem&&(t=11));let r=0;if(!this.leaf&&!this.lazy){const t=this.el.querySelectorAll("gxg-tree-item").length,i=this.el.querySelector(":scope > gxg-tree").querySelectorAll(":scope > gxg-tree-item");r=this.parentTreeIsMasterTree?t:t-i[i.length-1].querySelectorAll("gxg-tree-item").length}this.lineHeight=24.2*r-t+"px"},this.defineStartPosition=()=>{let t=0,r=13;this.numberOfParentTrees>1?(t=45*(this.numberOfParentTrees-1),this.numberOfParentTrees>2&&(r=t-36)):t=5,this.verticalLineStartPosition=`${t+7}px`,this.leftPadding=`${t}px`,this.horizontalLineStartPosition=`${r}px`},this.liTextClickedHandler=t=>{t.target.classList.contains("toggle-icon")||"GXG-FORM-CHECKBOX"===t.target.nodeName||(this.selected=!t.ctrlKey||!this.selected,this.selectionChanged.emit(this.getItemData(t.ctrlKey)))},this.liTextDoubleClicked=()=>{this.doubleClicked.emit(this.getItemData(!1)),!this.leaf&&this.toggleClickedHandler()},this.liTextKeyDownPressed=t=>{if("ArrowDown"!==t.key&&"ArrowUp"!==t.key||t.preventDefault(),"Enter"===t.key&&this.checkboxClickedHandler(),"ArrowRight"!==t.key||this.leaf||(this.opened?this.el.querySelector("gxg-tree").querySelector("gxg-tree-item").shadowRoot.querySelector(".li-text").focus():this.opened=!0),"ArrowLeft"===t.key){let t=!1;const r=this.el.parentElement.parentElement;let i=null;"GXG-TREE-ITEM"===r.tagName&&(t=!0,i=r.shadowRoot.querySelector(".li-text")),this.leaf?t&&i.focus():this.el.shadowRoot.querySelector("li").classList.contains("tree-open")?this.opened=!1:t&&i.focus()}if(("ArrowUp"===t.key||"Tab"===t.key&&t.shiftKey)&&(t.preventDefault(),!this.firstItem)){let r;const i=this.el.previousElementSibling;if(t.shiftKey&&"Tab"!==t.key)null!==i&&(r=i.shadowRoot.querySelector("li .li-text"));else if(null===i)r=this.el.parentElement.parentElement.shadowRoot.querySelector("li .li-text");else if(r=i.shadowRoot.querySelector("li .li-text"),null!==i&&i.hasChildTree)if(i.opened){const t=this.el.previousElementSibling.querySelector("gxg-tree");r=t.lastElementChild.hasChildTree&&t.lastElementChild.shadowRoot.querySelector("li").classList.contains("tree-open")?t.lastElementChild.querySelector("gxg-tree").lastElementChild.shadowRoot.querySelector("li .li-text"):t.lastElementChild.shadowRoot.querySelector("li .li-text")}else r=this.el.previousElementSibling.shadowRoot.querySelector("li .li-text");null!=r&&r.focus()}if("ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey)if(t.preventDefault(),this.lastTreeItemOfParentTree)!this.leaf&&this.opened&&this.el.firstElementChild.firstElementChild.shadowRoot.querySelector("li .li-text").focus();else{let r;if(t.shiftKey)null!==this.el.nextElementSibling&&(r=this.el.nextElementSibling.shadowRoot.querySelector("li .li-text"));else if(this.lastTreeItem)if(this.hasChildTree&&this.opened)r=this.el.firstElementChild.firstElementChild.shadowRoot.querySelector(".li-text");else{const t=this.el.parentElement.parentElement,i=t.nextElementSibling;null===i?null!==t.parentElement.parentElement.nextElementSibling&&(r=t.parentElement.parentElement.nextElementSibling.shadowRoot.querySelector(".li-text")):r=i.shadowRoot.querySelector(".li-text")}else r=this.hasChildTree&&this.opened?this.el.querySelector("gxg-tree gxg-tree-item").shadowRoot.querySelector("li .li-text"):this.el.nextElementSibling.shadowRoot.querySelector(".li-text");null!=r&&r.focus()}},this.returnToggleIconType=()=>!this.opened||this.lazy?"gemini-tools/add":"gemini-tools/minus",this.checkboxClickedHandler=()=>{this.checkbox&&(this.checked=!this.checked,this.leaf||this.toggleChildrenCheckboxes(this.checked),this.getParentItems().forEach((t=>{t.evaluateCheckboxStatus()})))},this.toggleChildrenCheckboxes=t=>{this.indeterminate=!1;const r=this.el.querySelectorAll("gxg-tree-item");(null==r?void 0:r.length)&&Array.from(r).forEach((r=>{r.indeterminate=!1,r.checked=t}))},this.getParentItems=()=>{var t;const r=[];let i=this.el.parentElement.parentElement;for(;"GXG-TREE-ITEM"===(null==i?void 0:i.nodeName);)r.push(i),i=null===(t=i.parentElement)||void 0===t?void 0:t.parentElement;return r},this.getParentsNumber=()=>{var t;let r=0,i=this.el.parentElement;for(;"GXG-TREE"===(null==i?void 0:i.nodeName);)r++,i=null===(t=i.parentElement)||void 0===t?void 0:t.parentElement;return r},this.getChildrenNumber=()=>{if(0===this.numberOfChildren)return this.el.querySelectorAll("gxg-tree-item").length},this.toggleClickedHandler=()=>{this.lazy&&!this.opened&&(this.downloading=!0,this.toggleIconClicked.emit(this.getItemData())),this.lazy||(this.opened=!this.opened)},this.getItemData=(t=!1)=>({ref:this.el,checkbox:this.checkbox,checked:this.checked,ctrl:t,description:this.description,disabled:this.disabled,icon:this.icon,id:this.id,indeterminate:this.indeterminate,label:this.label,lazy:this.lazy,leaf:this.leaf,opened:this.opened,selected:this.selected})}checkedHandler(t,r){void 0!==r&&this.checkboxToggled.emit(this.getItemData(!1))}openedHandler(t,r){void 0!==r&&this.toggleIconClicked.emit(this.getItemData(!1))}componentWillLoad(){this.numberOfParentTrees=this.getParentsNumber(),this.numberOfChildren=this.getChildrenNumber(),null===this.el.nextElementSibling&&(this.lastTreeItem=!0),1===this.numberOfParentTrees&&(this.parentTreeIsMasterTree=!0,null===this.el.previousElementSibling&&(this.firstItem=!0)),this.el.nextElementSibling||(this.lastItem=!0),this.evaluateId(),this.evaluateLazy(),this.defineLineHeight(),this.defineStartPosition(),this.cascadeConfig(),this.attachExportParts(),this.initiateMutationObserver()}async reRender(){this.defineLineHeight()}evaluateCheckboxStatus(){const t=this.el.querySelectorAll("gxg-tree-item");let r=0;(null==t?void 0:t.length)&&(Array.from(t).forEach((t=>{t.checked&&r++})),t.length===r?(this.checked=!0,this.indeterminate=!1):0===r?(this.checked=!1,this.indeterminate=!1):this.indeterminate=!0)}render(){return i(e,{class:{leaf:this.leaf,"not-leaf":!this.leaf},exportParts:this.exportparts?this.exportparts:null},i("li",{class:{"tree-open":this.opened,"tree-closed":!this.opened,disabled:this.disabled}},i("div",{class:{"li-text":!0,"li-text--not-leaf":!this.leaf,"li-text--leaf":this.leaf,"li-text--first-tree-item":this.firstItem,"li-text--has-child-tree":this.hasChildTree,"li-text--selected":this.selected},style:{paddingLeft:this.leftPadding},onClick:this.liTextClickedHandler.bind(this),onDblClick:this.liTextDoubleClicked.bind(this),onKeyDown:this.liTextKeyDownPressed.bind(this),tabIndex:-1,part:this.parts.item},this.leaf?null:[i("span",{class:{"vertical-line":!0},style:{height:this.lineHeight,left:this.verticalLineStartPosition}}),i("div",{class:{"closed-opened-icons":!0}},i("gxg-icon",{onClick:this.toggleClickedHandler.bind(this),type:this.returnToggleIconType(),color:"auto",class:"icon toggle-icon",part:this.parts.toggleButton}))],this.numberOfParentTrees>1?i("span",{class:{"horizontal-line":!0},style:{left:this.horizontalLineStartPosition,width:this.horizontalLineWidth}}):null,this.checkbox?i("gxg-form-checkbox",{checked:this.checked,class:{checkbox:!0},tabIndex:-1,indeterminate:this.indeterminate,disabled:this.disabled,onClick:this.checkboxClickedHandler,part:this.parts.checkbox}):null,this.icon?i("gxg-icon",{type:this.icon,color:"auto",class:"icon icon--left",style:{"--icon-size":"14px"}}):null,this.downloading&&this.lazy?i("span",{class:"loading"}):null,i("span",{class:"text"},i("slot",null))),i("slot",{name:"tree"}),this.treeModel?this.treeModel:null))}static get assetsDirs(){return["tree-item-assets"]}get el(){return o(this)}static get watchers(){return{checked:["checkedHandler"],opened:["openedHandler"]}}};n.style='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width: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:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}:host{--text-color:var(--color-on-background);--font-family:"Source Sans Pro", sans-serif;--font-weight:normal;--font-size:12px;--guide-color:var(--gray-06);--item-hover-color:var(--gxg-background-color--hover);--item-active-color:var(--silverGray);color:var(--color-on-background);width:100%;display:block}:host li{list-style:none;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);color:var(--text-color);overflow:hidden}:host li>::slotted(gxg-tree){display:none}:host li.tree-open>::slotted(gxg-tree){display:block}:host li.tree-closed .vertical-line{display:none}:host li .li-text{min-height:24px;cursor:pointer;display:flex;align-items:center;position:relative;padding-inline-end:var(--spacing-comp-01)}:host li .li-text:hover{background-color:var(--item-hover-color)}:host li .li-text:active{background-color:var(--gxg-background-color--selected)}:host li .li-text:focus{outline:var(--border-width-md) solid var(--gxg-border-color--focused);outline-offset:-2px}:host li .li-text--selected{background-color:var(--gxg-background-color--selected)}:host li .li-text>*{flex-shrink:0}:host li .vertical-line{position:absolute;width:1px;height:0;top:23px;left:15px;z-index:1;background-image:linear-gradient(var(--guide-color) 28%, rgba(255, 255, 255, 0) 0%);background-position:right;background-size:1px 4px;background-repeat:repeat-y}:host li .horizontal-line{position:absolute;height:1px;top:11px;z-index:1;background-image:linear-gradient(to right, var(--guide-color) 33%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-size:3px 1px;background-repeat:repeat-x}:host li .horizontal-line.display-none{display:none}:host li .closed-opened-icons{position:relative;display:flex;margin-left:-2px}:host li .toggle-icon{position:relative;z-index:2;transform:scale(0.75, 0.75);margin-inline-end:var(--spacing-comp-00);transition-property:opacity;transition-duration:0.5s;transition-timing-function:ease;background-color:var(--gxg-background-color--hover)}:host li .toggle-icon:hover{background-color:var(--color-background)}:host .checkbox{margin-inline-end:var(--spacing-comp-01)}:host .icon--left{margin:0 var(--spacing-comp-01) 0 var(--spacing-comp-00)}:host .right-icon{margin-inline-start:auto;position:relative;top:0;transition-property:top;transition-duration:0.5s;transition-timing-function:ease}:host .loading{opacity:1;display:inline;z-index:1;margin-inline-end:var(--spacing-comp-01);border-radius:50%;width:8px;height:8px;border:0.18rem solid var(--gray-04);border-top-color:var(--gray-01);animation:spin 1s infinite linear}:host .loading--double{border-style:double;border-width:0.5rem}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host([disabled]) li .text{color:var(--darkGray)}:host([disabled]) .toggle-icon{pointer-events:none}';export{l as gxg_tree,n as gxg_tree_item}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,H as r,g as o}from"./p-976c3a09.js";import{L as s}from"./p-26957490.js";import{c as a}from"./p-38c18db5.js";import{c as n}from"./p-9ee8b615.js";const c=(t,e)=>{const i=[];return e.forEach((e=>{i.push({id:e.id,caption:e.name,leftImgSrc:t,checkbox:!0,expanded:!0,leaf:!0,class:"object tree-view-item"})})),i},l=(t,e)=>{const i=[];return e.forEach(((e,r)=>{i.push({id:`${t}-message-${r}}]`,caption:e,leftImgSrc:"gx-test/test-results",leaf:!0})})),i},d=class{constructor(i){t(this,i),this.componentDidRenderFirstTime=e(this,"componentDidRenderFirstTime",7),this.componentDidLoadEvent=e(this,"componentDidLoadEvent",7),this.renderedFirstTime=!1,this.importCategoryData=[],this.objectsInFileTotalNodes=0,this.evaluateObjects=()=>{var t;this.noObjects=!(0!==(null===(t=this.objectsTreeState)||void 0===t?void 0:t.length)&&this.objectsTreeState)},this.evaluateImport=()=>{var t;this.noImport=!(0!==(null===(t=this.importTreeState)||void 0===t?void 0:t.length)&&this.importTreeState)},this.selectFileHandler=()=>{this.fileInputEl.openFile()},this.loadFileHandler=async()=>{if(this.loadCallback&&this.selectedFile){this.importCategoryData=await this.loadCallback(this.selectedFile);const t=(t=>{const e=[];return t?(t.forEach((t=>{const i={id:t.id,caption:`${t.name} (${t.items.length})`,leftImgSrc:t.icon,checkbox:!0,expanded:!0,leaf:!1,class:"category tree-view-item",items:c(t.icon,t.items)};e.push(i)})),e):e})(this.importCategoryData);this.objectsTreeState=t,this.importCategoryData.length>0&&(this.selectedFile=null)}},this.fileSelectedHandler=t=>{this.selectedFile=t.detail[0]},this.evaluateHeaderActiveButton=()=>{this.selectedFile?this.headerButtonsGroup.activeButtonId="load-file-btn":(this.headerButtonsGroup.activeButtonId="select-file-btn",this.fileInputEl.value=void 0)},this.importObjectsHandler=async()=>{if(this.importCallback){this.importingObjects=!0,this.objectsButtonsGroup.activeButtonId="cancel-import-btn";const t=await this.importCallback(this.checkedObjectsIds);(t||!1===t)&&(this.importingObjects=!1,this.objectsButtonsGroup.activeButtonId="import-btn")}},this.objectsTreeCheckedItemsChangedHandler=t=>{const e=[...t.detail.values()].filter((t=>t.item.checked)).filter((t=>"object"===t.item.class)),i=[];e.length>0&&e.forEach((t=>{i.push(t.item.id)})),this.checkedObjectsIds=i},this.cancelImportHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.optionsHandler=()=>{this.optionsCallback&&this.optionsCallback()},this.clearStatusHandler=()=>{this.importTreeState=[],this.statusInfo.error.number=0,this.statusInfo.warning.number=0,this.statusInfo.success.number=0},this.selectAllClickedHandler=t=>{t.target.checked&&this.objectsTreeEl&&(console.log("select all"),this.objectsTreeEl.updateAllItemsProperties({checked:!0}))},this.statusButtonsSelectionChangedHandler=t=>{const e=t.detail,i=Object.assign({},this.statusInfo);i.warning.display=!1,i.error.display=!1,i.success.display=!1,e.forEach((t=>{i[t.itemId].display=!0,this.statusInfo=i})),this.evaluateHiddenImportsMessage()},this.evaluateCheckAllValue=()=>{let t=!0;return 0!==this.objectsTreeState.length&&this.objectsInFileTotalNodes===this.checkedObjectsIds.length||(t=!1),t},this.evaluateHiddenImportsMessage=()=>{},this.checkedObjectsIds=[],this.noObjects=void 0,this.showHiddenImportsMessage=!1,this.statusInfo={error:{display:!0,number:0},warning:{display:!0,number:0},success:{display:!0,number:0}},this.objectsTreeState=[],this.noImport=void 0,this.importTreeState=[],this.importingObjects=!1,this.selectedFile=void 0,this.optionsCallback=void 0,this.importCallback=void 0,this.loadCallback=void 0,this.cancelCallback=void 0,this.statusMinimal=!1}watchObjectsTreeStateHandler(t){this.noObjects=!(0!==t.length&&t),this.objectsInFileTotalNodes=n(t)}watchImportTreeStateHandler(t){this.noImport=!(0!==t.length&&t)}watchSelectedFileHandler(){this.evaluateHeaderActiveButton()}async componentWillLoad(){this._componentLocale=await s.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0),this.evaluateObjects(),this.evaluateImport()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}async addResultItem(t){this.importTreeState=((t,e,i)=>{let r=[...i];const o=((t,e)=>{const i=Object.assign({categoryId:void 0,categoryName:void 0,categoryIcon:void 0},t);t:for(let r=0;r<e.length;r++){const o=e[r];for(let e=0;e<o.items.length;e++)if(o.items[e].id===t.id){i.categoryId=o.id,i.categoryName=o.name,i.categoryIcon=o.icon;break t}}return i})(t,e);return r=((t,e)=>{var i;const r=e.findIndex((e=>e.id===t.categoryId));if(-1===r){const i={id:t.categoryId,caption:`${t.categoryName} (1)`,leftImgSrc:t.categoryIcon,class:`tree-view-item tree-view-item--${t.status}`,expanded:!0,items:[{id:t.id,caption:t.name,items:l(t.id,t.messages),class:`tree-view-item tree-view-item--${t.status}`,expanded:!0,leaf:0===t.messages.length}]};e.push(i)}else if(-1===(null===(i=e[r].items)||void 0===i?void 0:i.findIndex((e=>e.id===t.id)))){const i={id:t.id,caption:t.name,expanded:!0,items:l(t.id,t.messages),class:`tree-view-item tree-view-item--${t.status}`};e[r].items.push(i),e[r].caption=`${t.categoryName} (${e[r].items.length})`}return e})(o,r),r})(t,this.importCategoryData,this.importTreeState),this.statusInfo[`${t.status}`].number+=t.messages.length}render(){return i(r,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",{noContentPadding:!0,noFooterPadding:!0,containerTitle:this._componentLocale.componentName},i("header",{class:"header",slot:"header"},i("gxg-form-text",{type:"file",class:"select-file",label:this._componentLocale.header.fileNameLabel,placeholder:this._componentLocale.header.fileNamePlaceholder,part:"file-name",acceptFile:".xpz, .xml",clearButton:!0,iconPosition:"start",onFileSelected:this.fileSelectedHandler,ref:t=>this.fileInputEl=t}),i("gxg-button-group",{ref:t=>this.headerButtonsGroup=t},i("button",{id:"select-file-btn",part:"select-file-button",onClick:this.selectFileHandler},this._componentLocale.header.selectFileButton),i("button",{id:"load-file-btn",part:"load-file-button",disabled:!this.selectedFile,onClick:this.loadFileHandler},this._componentLocale.header.loadButton))),i("main",{class:"main"},i("gx-ide-container",{containerTitle:this._componentLocale.main.objectsInFile.title,noContentPadding:!0,noBorderFooter:!0,class:"left-grid-item",slimmerFooter:!0,inactiveTitle:this.noObjects,footerSubtleShadow:!this.noObjects,titleType:"secondary"},i("div",{class:{"tree-container":!0,"tree-container--objects-in-file":!0,"tree-container--empty":this.noObjects}},this.noObjects?i("div",{class:"gx-ide-message"},i("gxg-text",{textAlign:a.gxgMessage.common.textAlign,padding:a.gxgMessage.common.textAlign,type:a.gxgMessage.common.type,maxWidth:a.gxgMessage.common.maxWidth,part:"objects-in-file-empty-status-message"},"There are no Objects. ",i("br",null),i("gxg-text",{type:"text-link-no-line",onClick:this.selectFileHandler},"Begin by selecting a file."))):i("gxg-tree-view",{treeModel:this.objectsTreeState,dragDisabled:!0,dropDisabled:!0,toggleCheckboxes:!0,onCheckedItemsChange:this.objectsTreeCheckedItemsChangedHandler,ref:t=>this.objectsTreeEl=t})),i("gxg-form-checkbox",{label:this.objectsTreeState.length>0&&this.objectsInFileTotalNodes===this.checkedObjectsIds.length?this._componentLocale.main.objectsInFile.deselectAll:this._componentLocale.main.objectsInFile.selectAll,part:"select-all-checkbox",slot:"footer-start",disabled:this.importingObjects||0===this.objectsTreeState.length,checked:this.evaluateCheckAllValue(),onClick:this.selectAllClickedHandler}),i("gxg-button-group",{slot:"footer-end",ref:t=>this.objectsButtonsGroup=t},i("button",{id:"import-btn",part:"import-button",disabled:this.importingObjects||0===this.checkedObjectsIds.length,onClick:this.importObjectsHandler},this._componentLocale.main.objectsInFile.importButton),i("button",{id:"cancel-import-btn",part:"cancel-import-button",disabled:!this.importingObjects,onClick:this.cancelImportHandler},this._componentLocale.main.objectsInFile.cancelButton)),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/settings",slot:"footer-end",part:"select-kb-btn",onClick:this.optionsHandler},this._componentLocale.header.optionsButton)),i("gx-ide-container",{containerTitle:this._componentLocale.main.importStatus.title,noContentPadding:!0,noBorderFooter:!0,slimmerFooter:!0,inactiveTitle:this.noImport,footerSubtleShadow:!this.noImport,titleType:"secondary"},i("div",{class:{"tree-container":!0,"tree-container--import-status":!0,"tree-container--empty":this.noImport,"tree-container--no-warnings":!this.statusInfo.warning.display,"tree-container--no-errors":!this.statusInfo.error.display,"tree-container--no-successes":!1===this.statusInfo.success.display}},this.noImport?i("gxg-text",{textAlign:a.gxgMessage.common.textAlign,padding:a.gxgMessage.common.textAlign,type:a.gxgMessage.common.type,maxWidth:a.gxgMessage.common.maxWidth,part:"objects-in-file-empty-status-message",class:"gx-ide-message"},"There are no Imported files."):i("gxg-tree-view",{treeModel:this.importTreeState,toggleCheckboxes:!0,ref:t=>this.objectsTreeEl=t})),i("gxg-text",{type:"button-like",slot:"footer-end",part:"select-kb-btn",onClick:this.clearStatusHandler,disabled:this.noImport},this._componentLocale.main.importStatus.clearButton),i("span",{class:"ghost-element",slot:"footer-start"}))),i("footer",{slot:"footer-start"},i("gx-ide-status-buttons",{errors:this.statusInfo.error.number,warnings:this.statusInfo.warning.number,successes:this.statusInfo.success.number,compact:!0,noBorderTop:!0,noBorderBottom:!0,noBorderStart:!0,minimal:this.statusMinimal,onSelectionChanged:this.statusButtonsSelectionChangedHandler}))),i("gxg-ide-loader",{description:"Importing objects..."})))}static get assetsDirs(){return["gx-ide-assets/kb-manager-import"]}get el(){return o(this)}static get watchers(){return{objectsTreeState:["watchObjectsTreeStateHandler"],importTreeState:["watchImportTreeStateHandler"],selectedFile:["watchSelectedFileHandler"]}}};d.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);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}.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}.header{display:flex;flex-direction:row;gap:var(--gx-ide-grid-column-gap)}.header .select-file{flex:1}.main{height:100%;display:flex}.main>*{flex:1}.main .left-grid-item{border-right:1px solid var(--gx-ide-container-border-color)}.main .gx-ide-message{padding:50px 0}.main .tree-container{}.main .tree-container--empty{align-items:center;justify-content:center}.main .tree-container--import-status .tree-view-item--success::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--success::part(action)::before{grid-area:first-img;content:"";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-success-dark)}.main .tree-container--import-status .tree-view-item--warning::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--warning::part(action)::before{grid-area:first-img;content:"";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-warning-dark)}.main .tree-container--import-status .tree-view-item--error::part(action){grid-template:"first-img left-img text right-img"/max-content max-content 1fr max-content}.main .tree-container--import-status .tree-view-item--error::part(action)::before{grid-area:first-img;content:"";width:var(--spacing-comp-02);height:var(--spacing-comp-02);border-radius:50%;background-color:var(--gray-03);background-color:var(--color-error-dark)}.main .tree-container--no-warnings .tree-view-item--warning{display:none}.main .tree-container--no-errors .tree-view-item--error{display:none}.main .tree-container--no-successes .tree-view-item--success{display:none}.ghost-element{display:block;width:0;height:24px;}';export{d as gx_ide_kb_manager_import}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,H as n,g as s}from"./p-976c3a09.js";import{K as a}from"./p-bac6580b.js";const o="name",r="dm-item__",d="button-cancel",l="button-confirm",h=t=>`${r}button-action confirm${t}`,c=t=>`${r}button-action cancel${t}`,p=`${r}select-option`,m=class{constructor(n){t(this,n),this.deleteField=e(this,"deleteField",7),this.editField=e(this,"editField",7),this.newEntity=e(this,"newEntity",7),this.firstNewField=e(this,"firstNewField",7),this.firstNewFieldErrors=e(this,"firstNewFieldErrors",7),this.newField=e(this,"newField",7),this.actions=(t,e)=>({add:[{label:t.confirm,class:l,part:h(e),event:this.confirmAction("new")},{label:t.cancel,class:d,part:c(e),event:this.toggleShowNewField}],delete:[{label:t.confirm,class:void 0,part:`${r}button-delete-action confirm${e}`,event:this.emitDelete},{label:t.cancel,class:void 0,part:`${r}button-delete-action cancel${e}`,event:this.toggleMode("delete")}],edit:[{label:t.confirm,class:l,part:h(e),event:this.confirmAction("edit")},{label:t.cancel,class:d,part:c(e),event:this.toggleMode("edit")}],normal:[{label:t.edit,class:"button-primary button-edit",part:`${r}button-primary edit${e}`,event:this.toggleMode("edit")},{label:t.delete,class:"button-primary button-delete",part:`${r}button-primary delete${e}`,event:this.toggleMode("delete")}]}),this.lastEditInfo={name:"",type:"ATT"},this.focusInputInNextRender=!1,this.expanded=!1,this.errorType="None",this.waitingMode="none",this.actionsVisible=!0,this.dataType="",this.disabled=!1,this.entityNameToATTs={},this.fieldNames=[],this.level=1,this.maxAtts=3,this.mode="normal",this.name="",this.showNewFieldBtn=!0,this.type="LEVEL",this.makeAttsPrettier=(t,e)=>t.length<=e?"("+t.join(", ")+")":`(${t.slice(0,e).join(", ")} (+${t.length-e}))`,this.emitDelete=t=>{if(0!==this.level&&1===this.fieldNames.length)return this.el.parentElement.parentElement.delete(t),void(this.mode="normal");t.stopPropagation(),this.waitingMode="deleting",this.deleteField.emit()},this.toggleMode=t=>e=>{e.stopPropagation(),this.mode="normal"===this.mode?t:"normal",this.focusInputInNextRender="edit"===t},this.toggleShowNewField=t=>{t.stopPropagation(),this.errorType="None";const e=!this.showNewFieldBtn;this.showNewFieldBtn=e,this.focusInputInNextRender=!e,e||0!==this.level||this.el.firstElementChild.firstElementChild.clearInput()},this.getGxEditInputValue=t=>t.shadowRoot.firstElementChild.value,this.handleKeyDown=t=>e=>{e.code===a.ENTER&&(e.preventDefault(),this.confirmAction(t)(e))},this.checkChildErrors=(t,e)=>{this.el.firstElementChild.firstElementChild.checkErrors(t,e)},this.validateErrorsWhenAddingEntity=(t,e="unknown",i)=>{0===this.level&&"new"===t&&"unknown"===e?this.checkChildErrors(e,i):this.actionsVisible||"unknown"!==e||this.firstNewFieldErrors.emit()},this.confirmAction=(t,e="unknown",i=null)=>n=>{n.stopPropagation();const s=this.getGxEditInputValue(this.inputName).trim();return this.errorType="None",""===s?(this.errorType="Empty",void this.validateErrorsWhenAddingEntity(t,e,n)):this.name!==s&&this.fieldNames.includes(s)?(this.errorType="AlreadyDefined",this.errorName=s,void this.validateErrorsWhenAddingEntity(t,e,n)):"new"===t?(this.lastEditInfo={name:s,type:0===this.level?"ATT":this.inputType.value},void(0===this.level?"unknown"===e?this.checkChildErrors(e,n):"no"===e&&(this.waitingMode="adding",this.expanded=!0,this.newEntity.emit({name:s,level:[i]}),this.toggleShowNewField(n),this.el.firstElementChild.firstElementChild.setAddingMode()):this.actionsVisible?(this.waitingMode="adding",this.newField.emit(this.lastEditInfo),this.toggleShowNewField(n)):this.firstNewField.emit(this.lastEditInfo))):((this.name!==s||0!==this.level&&this.type!==this.inputType.value)&&(this.waitingMode="editing",this.lastEditInfo={name:s,type:0===this.level?"ATT":this.inputType.value},this.editField.emit(this.lastEditInfo)),void this.toggleMode("edit")(n))},this.loading=()=>i("svg",{class:"waiting-mode__loading",height:"28",viewBox:"6 6 12 12"},i("circle",{cx:"12",cy:"12",r:"4","stroke-width":"1.125"})),this.errorText=t=>i("p",{class:"error-text",part:`${r}error-text`},"Empty"===this.errorType?t.Empty:[0===this.level?t.AlreadyDefinedEntity1:t.AlreadyDefined1,i("span",{part:`${r}error-text-name`},this.errorName),t.AlreadyDefined2]),this.readonlyContent=(t,e,n)=>[i("h1",{id:o,class:{name:!0,"name-entity":"ENTITY"===n},part:`${r}name`},e),0!==this.level&&"ATT"!==n&&i("span",{class:"type",part:"LEVEL"===n?`${r}collection`:`${r}entity`},"LEVEL"===n?t.collection:this.makeAttsPrettier(this.entityNameToATTs[this.dataType]||[],this.maxAtts))],this.editableContent=(t,e,n,s)=>[i("gx-edit",{class:"field-name",part:`${r}input${s}${n}`,disabled:this.disabled,type:"text",value:this.name,ref:t=>this.inputName=t,onKeydown:this.handleKeyDown(t)}),0!==this.level&&i("div",{class:"select-wrapper"},i("select",{class:"select",part:`${r}input${n} select`,disabled:this.disabled,ref:t=>this.inputType=t},i("option",{part:p,value:"ATT",selected:"ATT"===this.type},e.ATT),i("option",{part:p,value:"ENTITY",selected:"ENTITY"===this.type},e.ENTITY),i("option",{part:p,value:"LEVEL",selected:"LEVEL"===this.type},e.LEVEL))),"None"!==this.errorType&&this.errorText(this.errorTexts)],this.newFieldMode=(t,e,n,s)=>this.showNewFieldBtn?i("button",{class:"button-new-entity",part:`${r}button-new-entity${n}`,disabled:this.disabled,type:"button",onClick:this.toggleShowNewField},0===this.level?t.addNewEntity:t.addNewField):i("div",{slot:0===this.level?"header":void 0,class:{[`add-new-field--level-${this.level}`]:!0,"add-new-field--no-actions":!this.actionsVisible},part:`${r}header-content`,tabindex:0!==this.level&&this.actionsVisible?"0":void 0},2===this.level&&i("div",{"aria-hidden":"true",class:"sub-field",part:`${r}sub-field`}),i("h1",{class:"name",part:`${r}name`},0===this.level?t.newEntity:t.newField),this.editableContent("new",t,n,e),0===this.level&&i("slot",null),this.actionsVisible&&[i("button",{"aria-label":s[0].label,class:s[0].class,part:s[0].part,disabled:this.disabled,type:"button",onClick:s[0].event}),i("button",{"aria-label":s[1].label,class:s[1].class,part:s[1].part,disabled:this.disabled,type:"button",onClick:s[1].event})]),this.normalMode=(t,e,n,s,a,o)=>[i("div",{slot:0===this.level?"header":void 0,class:{header:!0,"edit-mode":"edit"===this.mode},part:`${r}header-content`,tabindex:0!==this.level?"0":void 0},2===this.level&&i("div",{"aria-hidden":"true",class:"sub-field",part:`${r}sub-field`}),"edit"===this.mode?this.editableContent("edit",t,n,e):this.readonlyContent(t,o?this.lastEditInfo.name:this.name,o?this.lastEditInfo.type:this.type),this.actionsVisible&&i("div",{class:{"delete-mode":"delete"===this.mode,optimization:"delete"!==this.mode,"waiting-mode":"none"!==this.waitingMode},part:`${r}delete-mode${s}`},"none"===this.waitingMode?["delete"===this.mode&&t.deleteMode,i("button",{"aria-label":a[0].label,class:a[0].class,part:a[0].part,disabled:this.disabled,type:"button",onClick:a[0].event}),i("button",{"aria-label":a[1].label,class:a[1].class,part:a[1].part,disabled:this.disabled,type:"button",onClick:a[1].event})]:[t[this.waitingMode],this.loading()])),"LEVEL"===this.type&&(0===this.level?i("div",{slot:"content",part:`${r}content`},i("slot",null)):i("slot",null))]}handleExpandedChange(t){t.stopPropagation()}handleFirstNewField(t){0===this.level&&this.confirmAction("new","no",t.detail)(t)}handleFirstNewFieldErrors(t){this.confirmAction("new","yes")(t)}async setAddingMode(){this.clearInput(),this.waitingMode="adding"}async clearInput(){this.inputName&&(this.inputName.shadowRoot.firstElementChild.value=""),this.errorType="None"}async checkErrors(t,e){this.confirmAction("new",t)(e)}async delete(t){this.emitDelete(t)}async hideWaitingMode(){"add"===this.mode&&0===this.level?this.el.firstElementChild.firstElementChild.hideWaitingMode():"add"!==this.mode&&(this.mode="normal"),this.waitingMode="none"}componentDidUpdate(){this.focusInputInNextRender&&this.inputName&&(this.focusInputInNextRender=!1,requestAnimationFrame((()=>{this.inputName.click()})))}render(){const t=this.disabled?" disabled":"",e="none"===this.waitingMode?"":` ${r}waiting-mode`,s="None"!==this.errorType?" error":"",a=this.captions,d=this.actions(a,t)[this.mode],l="editing"===this.waitingMode||"adding"===this.waitingMode;return i(n,{role:"listitem","aria-labelledby":o,class:{"gx-disabled":this.disabled}},"add"===this.mode&&"adding"!==this.waitingMode?this.newFieldMode(a,s,t,d):0===this.level?i("ch-accordion",{class:"accordion",part:`${r}accordion`,accessibleName:this.name,expanded:this.expanded,exportparts:`accordion__chevron:${r}chevron,accordion__expandable:${r}expandable,accordion__header:${r}header`},this.normalMode(a,s,t,e,d,l)):this.normalMode(a,s,t,e,d,l))}get el(){return s(this)}};m.style=':where(button){all:unset;display:inline-flex;cursor:pointer}*,::before,::after{box-sizing:border-box}.error-text,.name{color:inherit;font:inherit;margin:0;padding:0;outline:0}gx-edit:is(.gx-edit--auto-fill,.gx-edit--auto-fill:focus-within,.gx-edit--auto-fill:hover){background-color:var(--gx-edit-auto-fill-background-color)}:host{display:grid;--chevron-color:#ccc}:host(:hover) .button-primary,:host(:focus-within) .button-primary{display:grid}:host(:hover) .button-primary::before,:host(:focus-within) .button-primary::before{content:""}:host(.gx-disabled){pointer-events:none}.add-new-field--level-0{display:grid;grid-template:"name . . ." min-content "field-name type confirm cancel" 1fr "error-text . confirm cancel" min-content "sub-item sub-item confirm cancel" min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-0 ::slotted(ch-next-data-modeling){grid-area:sub-item}.add-new-field--level-1{display:grid;grid-template:"name . . ." min-content "field-name type confirm cancel" 1fr "error-text . . ." min-content/1fr min-content 56px 32px;row-gap:8px}.add-new-field--level-2{display:grid;grid-template:"sub-field name . . ." min-content ". field-name type confirm cancel" 1fr ". error-text . . ." min-content/min-content 1fr min-content 56px 32px;row-gap:4px}.add-new-field--no-actions{grid-template:"sub-field name ." min-content ". field-name type" 1fr ". error-text ." min-content/min-content 1fr min-content}.accordion:hover .edit-button,.accordion:hover .delete-button,.accordion:focus-within .edit-button,.accordion:focus-within .delete-button{display:grid}.sub-field{grid-area:sub-field}.field-name{grid-area:field-name;margin-inline-end:8px}.button-confirm{grid-area:confirm;margin-inline:16px 8px}.button-cancel{grid-area:cancel}.error-text{grid-area:error-text;display:flex;white-space:break-spaces}.header{display:grid;grid-template:"sub-field name type edit delete" 1fr/min-content max-content 1fr min-content max-content;align-items:center;width:100%;margin-inline-end:12px}.accordion::part(accordion__header){column-gap:24px}.edit-mode{grid-template:"sub-field field-name type confirm cancel" min-content "sub-field error-text error-text confirm cancel" min-content/min-content 1fr min-content 56px 32px}.name{grid-area:name}.name-entity{text-decoration:underline}.type{grid-area:type}.select-wrapper{--chevron:url(\'data:image/svg+xml,<svg width="12" height="8" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><path d="M1.41 0L6 4.59L10.59 0L12 1.42L6 7.42L0 1.42L1.41 0Z"/></svg>\');grid-area:type;position:relative}.select-wrapper::after{content:"";display:flex;position:absolute;inset-inline-end:0;inset-block-start:calc(50% - 3.75px);width:12px;height:7.5px;margin-inline:8px 16px;-webkit-mask:var(--chevron) no-repeat;background-color:var(--chevron-color);pointer-events:none}.select{display:flex;height:100%;appearance:none;background-color:unset;cursor:pointer;outline:unset;transition-property:background-color, border-color, color;transition-duration:250ms}.button-new-entity{align-items:center;transition:color 250ms}.optimization{display:contents}.button-primary{display:none;align-self:center;height:20px;padding:2px}.button-primary::before{display:flex}.button-edit{grid-area:edit;width:21px}.button-edit::before{-webkit-mask:var(--edit-icon) no-repeat}.button-delete{grid-area:delete;width:18px;margin-inline-start:12px}.button-delete::before{-webkit-mask:var(--delete-icon) no-repeat}.delete-mode,.waiting-mode{grid-area:delete;display:grid;grid-template-columns:1fr 24px 24px;align-items:center;column-gap:8px;cursor:auto;animation:fade-in 250ms ease-in-out}.waiting-mode{grid-template-columns:24px 1fr}.waiting-mode__loading{order:-1;width:100%;fill:none;animation:rotate 1.5s linear 0.125s infinite}circle{stroke:currentColor;stroke-dasharray:1, 200;stroke-linecap:round;animation:indeterminate-loading 1.25s ease-in-out 0.125s infinite}@keyframes fade-in{0%{opacity:0}}@keyframes rotate{100%{transform:rotate(1turn)}}@keyframes indeterminate-loading{50%,60%{stroke-dasharray:20, 200;stroke-dashoffset:-8px}100%{stroke-dashoffset:-24px}}';export{m as ch_next_data_modeling_item}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,H as r,g as a,w as n,a as s,f as o}from"./p-976c3a09.js";import{f as l,m as h}from"./p-b374d112.js";const c="ch-tree-x-list-item",d="text/plain",g=t=>t.tagName.toLowerCase()===c,p=()=>l().find(g),m=t=>t&&!t.editing,v=(t,e)=>`"newContainerId":"${t}","metadata":"${JSON.stringify(e)}"`,b=class{constructor(i){t(this,i),this.droppableZoneEnter=e(this,"droppableZoneEnter",7),this.expandedItemChange=e(this,"expandedItemChange",7),this.itemContextmenu=e(this,"itemContextmenu",7),this.itemsDropped=e(this,"itemsDropped",7),this.selectedItemsChange=e(this,"selectedItemsChange",7),this.keyDownEvents={ArrowDown:t=>{const e=p();m(e)&&(t.preventDefault(),e.focusNextItem(h(t)))},ArrowUp:t=>{const e=p();m(e)&&(t.preventDefault(),e.focusPreviousItem(h(t)))},F2:t=>{const e=p();e&&e.editable&&(t.preventDefault(),e.editing=!0)}},this.draggingSelectedItems=!1,this.needForRAF=!0,this.selectedItemsInfo=new Map,this.validDroppableZoneCache=new Map,this.draggedIds=[],this.draggedParentIds=[],this.draggingInTheDocument=!1,this.draggingInTree=!1,this.multiSelection=!1,this.openSubTreeCountdown=750,this.scrollToEdgeOnDrag=!0,this.waitDropProcessing=!1,this.trackItemDrag=t=>{t.preventDefault(),this.lastDragEvent=t,this.updateDropEffect(t),this.needForRAF&&(this.needForRAF=!1,requestAnimationFrame((()=>{this.needForRAF=!0,this.el.style.setProperty("--ch-tree-x-dragging-item-x",`${this.lastDragEvent.pageX}px`),this.el.style.setProperty("--ch-tree-x-dragging-item-y",`${this.lastDragEvent.pageY}px`)})))},this.fixScrollPositionOnDrag=()=>{this.draggingInTree&&this.lastDragEvent&&requestAnimationFrame((()=>{((t,e)=>{const i=this.lastDragEvent.clientY-e.getBoundingClientRect().top,r=e.clientHeight,a=i<=30;(a||i>r-30)&&(e.scrollTop+=(a?i-30:i-(r-30))/10)})(0,this.el),requestAnimationFrame(this.fixScrollPositionOnDrag)}))}}handleContextMenuEvent(t){const e=t.target.closest(c);e&&(t.preventDefault(),this.itemContextmenu.emit({id:e.id,itemRef:e,metadata:e.metadata,contextmenuEvent:t}))}handleKeyDownEvents(t){const e=this.keyDownEvents[t.key];e&&e(t)}handleDragStart(t){this.validDroppableZoneCache.clear(),this.draggingInTheDocument=!0,this.dragStartTimestamp=(new Date).getTime(),this.draggedItems=JSON.parse(t.dataTransfer.getData(d))}handleDragEnd(){this.draggingInTheDocument=!1}handleDragEnter(t){this.cancelSubTreeOpening(null,!0),t.stopPropagation();const e=t.target;e.tagName.toLowerCase()===c&&(this.lastOpenSubTreeItem=e,this.openSubTreeAfterCountdown(e),"valid"===this.validDroppableZone(t)&&(e.dragState="enter"))}handleDragLeave(t){const e=t.target;if(e.tagName.toLowerCase()!==c)return;const i=e;i.dragState="none",this.cancelSubTreeOpening(i)}cancelSubTreeOpening(t,e=!1){(this.lastOpenSubTreeItem===t||e)&&(clearTimeout(this.openSubTreeTimeout),this.lastOpenSubTreeItem=null)}handleItemDrop(t){t.stopPropagation(),this.cancelSubTreeOpening(null,!0);const e=t.target,i=JSON.parse(t.dataTransfer.getData(d));"valid"===this.validDroppableZone(t)&&this.itemsDropped.emit({newContainer:{id:e.id,metadata:e.metadata},draggingSelectedItems:this.draggingSelectedItems,draggedItems:i,dropInTheSameTree:this.draggingInTree})}handleItemDragStart(t){document.body.addEventListener("dragover",this.trackItemDrag,{capture:!0}),this.currentDraggedItem=t.target,this.checkDragValidityAndUpdateDragInfo(t.detail)?(this.draggingInTree=!0,this.scrollToEdgeOnDrag&&this.fixScrollPositionOnDrag()):t.detail.dragEvent.dataTransfer.effectAllowed="none"}handleItemDragEnd(){this.draggingInTree=!1,document.body.removeEventListener("dragover",this.trackItemDrag,{capture:!0}),this.resetVariables()}handleSelectedItemSync(t){t.stopPropagation();const e=t.detail;e.selected?this.selectedItemsInfo.set(e.id,e):this.selectedItemsInfo.delete(e.id)}handleSelectedItemChange(t){t.stopPropagation(),this.handleItemSelection(t.target,t.detail)}async clearSelectedItemsInfo(){this.clearSelectedItems()}async scrollIntoVisible(t){const e=this.el.querySelector(`${c}#${t}`);if(!e)return;let i=e.parentElement;for(;i.tagName.toLowerCase()===c;)i.expanded=!0,i=i.parentElement;requestAnimationFrame((()=>{e.scrollIntoView()}))}async updateValidDropZone(t,e,i,r){var a;if(!this.draggingInTheDocument||t<=this.dragStartTimestamp)return;const n=v(e,i);this.validDroppableZoneCache.set(n,r?"valid":"invalid"),(null===(a=this.lastOpenSubTreeItem)||void 0===a?void 0:a.id)===e&&(this.lastOpenSubTreeItem.dragState="enter")}validDroppableZone(t){const e=t.target,i=v(e.id,this.draggedItems);let r=this.validDroppableZoneCache.get(i);return"temporal-invalid"!==r||e.lazyLoad||e.downloading||(r=null),null!=r?r:"none"===t.dataTransfer.effectAllowed||e.dropDisabled||this.draggingInTree&&(this.draggedIds.includes(e.id)||this.draggedParentIds.includes(e.id))?(this.validDroppableZoneCache.set(i,"invalid"),"invalid"):e.lazyLoad||e.downloading?(this.validDroppableZoneCache.set(i,"temporal-invalid"),"temporal-invalid"):(this.validDroppableZoneCache.set(i,"checking"),this.droppableZoneEnter.emit({newContainer:{id:e.id,metadata:e.metadata},draggedItems:this.draggedItems}),"checking")}openSubTreeAfterCountdown(t){t.leaf||t.expanded||(this.openSubTreeTimeout=setTimeout((()=>{t.expanded=!0,this.expandedItemChange.emit({id:t.id,expanded:!0})}),this.openSubTreeCountdown))}updateDropEffect(t){const e=t.target;if(e.tagName.toLowerCase()!==c||e.closest("ch-tree-x")!==this.el)return;const i=this.validDroppableZone(t);"invalid"!==i&&"temporal-invalid"!==i||(t.dataTransfer.dropEffect="none")}resetVariables(){this.draggedIds=[],this.draggedParentIds=[]}checkDragValidityAndUpdateDragInfo(t){const e=t.elem,i=this.selectedItemsInfo.has(e.id);this.draggingSelectedItems=i;let r,a=[];if(i){const t=[...this.selectedItemsInfo.keys()],i=[...this.selectedItemsInfo.values()],n=t.length;r=i.every((t=>!t.itemRef.dragDisabled)),this.draggedIds=t,a=i.map((t=>({id:t.id,metadata:t.metadata}))),this.dragInfo=1===n?e.caption:n.toString()}else r=!e.dragDisabled,a=[{id:e.id,metadata:e.metadata}],this.draggedIds=[e.id],this.dragInfo=e.caption;this.getDirectParentsOfDraggableItems(i);const n=JSON.stringify(a);return t.dragEvent.dataTransfer.setData(d,n),r}getDirectParentsOfDraggableItems(t){if(t)this.selectedItemsInfo.forEach((t=>{const e=t.parentId;""!==e&&this.draggedParentIds.push(e)}));else{const t=this.currentDraggedItem.parentElement;t.tagName.toLowerCase()===c&&this.draggedParentIds.push(t.id)}}handleItemSelection(t,e){e.ctrlKeyPressed&&this.multiSelection||(this.selectedItemsInfo.delete(e.id),this.selectedItemsInfo.forEach((t=>{t.itemRef.selected=!1})),this.clearSelectedItems(),t.selected=e.selected),e.selected&&this.selectedItemsInfo.set(e.id,e),this.selectedItemsChange.emit(this.selectedItemsInfo)}clearSelectedItems(){this.selectedItemsInfo.clear()}disconnectedCallback(){this.resetVariables(),this.handleItemDragEnd()}render(){return i(r,{class:{"ch-tree-x-dragging-item":this.draggingInTheDocument,"ch-tree-x-not-dragging-item":!this.draggingInTheDocument,"ch-tree-x--dragging-selected-items":this.draggingInTree&&this.draggingSelectedItems,"ch-tree-x-waiting-drop-processing":this.waitDropProcessing}},i("div",{role:"tree",part:"tree-x-container","aria-multiselectable":this.multiSelection.toString(),class:"ch-tree-x-container"},i("slot",null)),this.draggingInTree&&i("span",{"aria-hidden":"true",class:"ch-tree-x-drag-info"},this.dragInfo))}get el(){return a(this)}};b.style="ch-tree-x{display:flex;position:relative;width:100%;overflow:auto}ch-tree-x>.ch-tree-x-container{position:absolute;inset:0}ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list-item{pointer-events:var(--ch-tree-x-pointer-events, all)}ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--deny-drop{pointer-events:none}ch-tree-x.ch-tree-x--dragging-selected-items ch-tree-x-list-item[selected]{--ch-tree-x-pointer-events:none}ch-tree-x.ch-tree-x-waiting-drop-processing{cursor:wait}ch-tree-x.ch-tree-x-waiting-drop-processing>.ch-tree-x-container{pointer-events:none}.ch-tree-x-drag-info{--rtl-offset:16px;position:fixed;left:0;top:0;transform:translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));pointer-events:none;z-index:1;animation:ch-tree-x-drag-info-fade-in 10ms}@keyframes ch-tree-x-drag-info-fade-in{0%,100%{opacity:0}}html[dir=rtl] .ch-tree-x-drag-info{--rtl-offset:-100%}";const f=new Image,x="ch-tree-x-list-item",u=`:scope>${x}`,w=`${x}:not([disabled])`,y=`:scope>${x}:last-child`,k="expandable",z="Enter",C=["container","input","option","checked","indeterminate"].map((t=>`${t}:checkbox__${t}`)).join(","),I=class{constructor(r){t(this,r),this.checkboxChange=e(this,"checkboxChange",7),this.checkboxToggleChange=e(this,"checkboxToggleChange",7),this.itemDragStart=e(this,"itemDragStart",7),this.itemDragEnd=e(this,"itemDragEnd",7),this.loadLazyContent=e(this,"loadLazyContent",7),this.modifyCaption=e(this,"modifyCaption",7),this.openReference=e(this,"openReference",7),this.selectedItemChange=e(this,"selectedItemChange",7),this.selectedItemSync=e(this,"selectedItemSync",7),this.ignoreCheckboxChange=!1,this.checkbox=!1,this.checked=!1,this.customRender=!1,this.disabled=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.dragState="none",this.downloading=!1,this.editing=!1,this.expanded=!1,this.lastItem=!1,this.lazyLoad=!1,this.leaf=!1,this.level=0,this.indeterminate=!1,this.selected=!1,this.showDownloadingSpinner=!0,this.showExpandableButton=!0,this.showLines="none",this.toggleCheckboxes=!1,this.checkIfShouldRemoveEditMode=t=>{t.stopPropagation(),(t.code===z||"Escape"===t.code)&&(t.preventDefault(),this.removeEditMode(!0,t.code===z)())},this.removeEditModeOnClick=t=>{!t.composedPath().includes(this.inputRef)&&t.pointerType&&this.removeEditMode(!1)()},this.removeEditMode=(t,e=!1)=>()=>{if(!this.editing)return;this.editing=!1,document.body.removeEventListener("click",this.removeEditModeOnClick,{capture:!0});const i=this.inputRef.value;e&&""!==i.trim()&&this.modifyCaption.emit({id:this.el.id,caption:i}),t&&this.headerRef.focus()},this.toggleExpand=t=>{t.stopPropagation(),this.leaf||(this.expanded=!this.expanded),this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(h(t),!0))},this.getSelectedInfo=(t,e)=>({ctrlKeyPressed:t,expanded:this.expanded,id:this.el.id,itemRef:this.el,metadata:this.metadata,parentId:this.el.parentElement.id,selected:e}),this.handleActionDblClick=t=>{t.stopPropagation(),h(t)?this.toggleSelected():(this.emitOpenReference(),this.leaf||this.toggleExpand(t))},this.handleActionClick=t=>{t.stopPropagation(),this.editing||(t.preventDefault(),t.pointerType?this.toggleOrSelect(t):(this.emitOpenReference(),this.toggleExpand(t)))},this.handleActionKeyDown=t=>{h(t)&&t.code===z&&(t.stopPropagation(),this.toggleSelected())},this.handleCheckedChange=t=>{t.stopPropagation(),this.checked=t.target.checked,this.checkboxChange.emit({id:this.el.id,checked:this.checked,indeterminate:this.indeterminate})},this.renderImg=(t,e)=>i("img",{"aria-hidden":"true",class:t,part:t,alt:"",src:e,loading:"lazy"}),this.handleDragStart=t=>{if(this.editing)return t.preventDefault(),void t.stopPropagation();t.dataTransfer.setDragImage(f,0,0),t.dataTransfer.effectAllowed="move",this.dragState="start",this.itemDragStart.emit({elem:this.el,dragEvent:t})},this.handleDragEnd=()=>{this.dragState="none",this.itemDragEnd.emit()},this.handleDrop=()=>{this.dragState="none"}}updateChildrenCheckedValue(t){!this.toggleCheckboxes||this.leaf||this.ignoreCheckboxChange?this.ignoreCheckboxChange=!1:this.getDirectTreeItems().forEach((e=>{e.checked===t&&!1===e.indeterminate||(e.checked=t,e.indeterminate=!1,this.checkboxToggleChange.emit({id:e.id,checked:t,indeterminate:!1}))}))}handleEditingChange(t){t&&(document.body.addEventListener("click",this.removeEditModeOnClick,{capture:!0}),n((()=>{requestAnimationFrame((()=>{this.inputRef&&this.inputRef.focus()}))})))}handleExpandedChange(t){this.lazyLoadItems(t)}handleLasItemChange(t){t&&this.showLines?this.setResizeObserver():this.disconnectObserver()}handleSelectedChange(t){this.selectedItemSync.emit(this.getSelectedInfo(!0,t))}handleShowLinesChange(t){t&&this.lastItem?this.setResizeObserver():this.disconnectObserver()}updateCheckboxValue(t){if(!this.toggleCheckboxes)return;const e=t.detail.checked,i=this.getDirectTreeItems().every((t=>t.checked===e));this.ignoreCheckboxChange=this.checked!==e,this.checked=e,this.indeterminate=!i,this.checkboxToggleChange.emit({id:this.el.id,checked:e,indeterminate:!i})}async focusNextItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(w);if(e)return void e.setFocus(t)}this.focusNextSibling(t)}async focusNextSibling(t){const e=this.el.nextElementSibling;e?e.disabled?e.focusNextItem(t):e.setFocus(t):0!==this.level&&this.el.parentElement.focusNextSibling(t)}async focusPreviousItem(t){const e=this.el.previousElementSibling;if(e)return void e.focusLastItem(t);if(0===this.level)return;const i=this.el.parentElement;i.disabled?i.focusPreviousItem(t):i.setFocus(t)}async focusLastItem(t){if(!this.leaf&&this.expanded){const e=this.el.querySelector(y);if(e)return void e.focusLastItem(t)}this.disabled?this.focusPreviousItem(t):this.setFocus(t)}async setFocus(t){this.headerRef.focus(),t||this.setSelected()}getDirectTreeItems(){return Array.from(this.el.querySelectorAll(u))}setResizeObserver(){this.watcher=new ResizeObserver((()=>{const t=this.el.getBoundingClientRect().height-this.headerRef.getBoundingClientRect().height/2;this.el.style.setProperty("--distance-to-checkbox",t+"px")})),this.watcher.observe(this.el),this.watcher.observe(this.headerRef)}disconnectObserver(){this.watcher&&(this.watcher.disconnect(),this.watcher=null)}lazyLoadItems(t){this.lazyLoad&&t&&(this.lazyLoad=!1,this.loadLazyContent.emit(this.el.id))}toggleSelected(){const t=!this.selected;this.selected=t,this.selectedItemChange.emit(this.getSelectedInfo(!0,t))}setSelected(){this.selected=!0,this.selectedItemChange.emit(this.getSelectedInfo(!1,!0))}toggleOrSelect(t){h(t)?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 t=this.level%2==0,e=!this.leaf&&this.showExpandableButton,a=!this.leaf&&!this.showExpandableButton,n=!this.leaf&&!this.lazyLoad,s="all"===this.showLines&&0!==this.level,o="last"===this.showLines&&0!==this.level&&this.lastItem;return i(r,{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":n?k:null,"aria-expanded":n?this.expanded.toString():null,class:{header:!0,"header--selected":this.selected,"header--disabled":this.disabled,"header--expandable-offset":e,"header--checkbox-offset":a&&this.checkbox,"header--even":t,"header--odd":!t,"header--even-expandable":t&&e,"header--odd-expandable":!t&&e,"header--level-0":0===this.level},part:`header${this.disabled?" disabled":""}${this.selected?" selected":""}`,type:"button",disabled:this.disabled,onClick:this.handleActionClick,onKeyDown:this.editing?null:this.handleActionKeyDown,draggable:!this.dragDisabled,onDragStart:this.handleDragStart,onDragEnd:this.dragDisabled?null:this.handleDragEnd,ref:t=>this.headerRef=t},!this.leaf&&this.showExpandableButton&&i("button",{type:"button",class:{"expandable-button":!0,"expandable-button--expanded":this.expanded,"expandable-button--collapsed":!this.expanded},part:`expandable-button${this.disabled?" disabled":""}${this.expanded?" expanded":" collapsed"}`,disabled:this.disabled,onClick:this.toggleExpand}),this.checkbox&&i("ch-checkbox",{accessibleName:this.caption,class:"checkbox",exportparts:C,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:t=>this.inputRef=t}):this.caption,this.rightImgSrc&&this.renderImg("right-img",this.rightImgSrc)),this.showDownloadingSpinner&&!this.leaf&&this.downloading&&i("div",{class:"downloading",part:"downloading"})],(s||o)&&i("div",{class:{"dashed-line":!0,"last-all-line":s&&this.lastItem,"last-line":o},part:"dashed-line"+(this.lastItem?" last-all-line":"")})),n&&i("div",{role:"group","aria-busy":this.downloading.toString(),"aria-live":this.downloading?"polite":null,id:k,class:{expandable:!0,"expandable--collapsed":!this.expanded},part:"expandable"+(this.expanded?" expanded":" collapsed")},i("slot",null)))}get el(){return a(this)}static get watchers(){return{checked:["updateChildrenCheckedValue"],editing:["handleEditingChange"],expanded:["handleExpandedChange"],lastItem:["handleLasItemChange"],selected:["handleSelectedChange"],showLines:["handleShowLinesChange"]}}};I.style=':where(button){all:unset;display:flex;user-select:none;touch-action:manipulation;-webkit-user-drag:element}*,::before,::after{box-sizing:border-box}:host{--checkbox-size:1em;--expandable-button-width:0.75em;--ch-tree-x-list-item-dashed-line--offset:0px;--tab-width:calc(\n var(--checkbox-size) + var(--expandable-button-width) +\n (5px * 2)\n );display:grid;grid-template-rows:min-content;overflow:hidden}.header{--own-offset:0px;display:flex;align-items:center;min-height:calc(1em + 6px);padding-inline-start:var(--padding-inline-start)}.header--disabled{opacity:0.5;pointer-events:none}.header--even{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width)\n )}.header--even .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--even-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--even-expandable+.expandable{--parent-padding-inline-start--even:calc(\n var(--parent-padding-inline-start--odd, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width)\n )}.header--odd .dashed-line{--inset-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) +\n var(--parent-checkbox-offset) + var(--parent-expandable-offset)\n )}.header--odd-expandable{--padding-inline-start:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--odd-expandable+.expandable{--parent-padding-inline-start--odd:calc(\n var(--parent-padding-inline-start--even, 0px) + var(--tab-width) - calc(\n var(--expandable-button-width) + 5px\n )\n )}.header--level-0{--padding-inline-start:0px}.header--level-0+.expandable{--parent-padding-inline-start--even:0px}.header--expandable-offset{--own-offset:calc(\n var(--expandable-button-width) + 5px\n )}.header--expandable-offset+.expandable{--parent-expandable-offset:calc(var(--expandable-button-width) / 2)}.header--checkbox-offset+.expandable{--parent-checkbox-offset:calc(var(--checkbox-size) / 2);--parent-negative-checkbox-offset:calc(var(--checkbox-size) / 2)}.dashed-line{position:absolute;inset-inline-start:calc( var(--inset-inline-start) + var(--ch-tree-x-list-item-dashed-line--offset) );height:1px;width:calc( var(--tab-width) - var(--parent-checkbox-offset) - var(--parent-expandable-offset) - var(--own-offset) - var(--ch-tree-x-list-item-dashed-line--offset) - 4px );border:0 dashed color-mix(in srgb, currentColor 65%, transparent);border-block-end-width:1px;pointer-events:none;content-visibility:hidden;z-index:1}.last-all-line{inset-block-start:0;height:calc(100% - var(--distance-to-checkbox));border-inline-start-width:1px;border-end-start-radius:2px}.last-line{inset-block-start:0;height:100%;border-inline-start-width:1px;border-style:solid;border-block-end:unset}.expandable-button{display:grid;place-items:center;width:var(--expandable-button-width);height:var(--expandable-button-width);margin-inline-end:5px;z-index:1;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto var(--expandable-button-width)}.expandable-button::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;-webkit-mask-size:calc(var(--expandable-button-width) - 2px)}.expandable-button--collapsed::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H8.54v5.61h-1V8.5H1.93v-1H7.54V1.89h1V7.5h5.61Z"/></svg>\')}.expandable-button--expanded::before{-webkit-mask-image:url(\'data:image/svg+xml,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.15,8.5H1.93v-1H14.15Z"/></svg>\')}.expandable-button:focus-visible{outline:1px solid #000}.checkbox{margin-inline-end:5px}.checkbox::part(container){width:var(--checkbox-size);height:var(--checkbox-size)}.action{display:grid;grid-template:"left-img text right-img"/max-content 1fr max-content;align-items:center;height:100%;flex:1;cursor:pointer}.readonly-mode{padding-block:0.75px}.left-img,.right-img{display:block;width:0.875em;height:0.875em;content-visibility:auto;contain-intrinsic-size:auto 0.875em}.left-img{grid-area:left-img;margin-inline-end:5px}.right-img{grid-area:right-img;margin-inline-start:5px}.edit-name{grid-area:text;width:100%;height:100%;padding:0;margin:0;background-color:unset;color:unset;border:1px solid currentColor;font:unset;outline:unset}.downloading{width:0.75em;height:0.75em;margin-inline-start:8px;border:2px solid currentColor;border-inline-start-color:transparent;border-radius:50%;opacity:0.75;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.expandable{--parent-expandable-offset:0px;--parent-negative-checkbox-offset:0px;--parent-checkbox-offset:0px;display:grid;grid-auto-rows:min-content;position:relative;content-visibility:auto;contain-intrinsic-size:auto 100px}.expandable--collapsed{display:none;overflow:hidden;content-visibility:hidden}';const D=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.iconAssetsPath=s("./icon-assets"),this.waitDropProcessing=!1,this.noPadding=!1,this.checkbox=!1,this.checked=!1,this.cssClass="tree-view",this.dragDisabled=!1,this.dropDisabled=!1,this.editableItems=!0,this.multiSelection=!1,this.showLines="all",this.toggleCheckboxes=!1,this.treeModel=[],this.handleDroppableZoneEnter=t=>{if(!this.checkDroppableZoneCallback)return;t.stopPropagation();const e=(new Date).getTime(),i=t.detail;this.checkDroppableZoneCallback(i).then((t=>{this.updateValidDropZone(e,i.newContainer.id,i.draggedItems,t)}))},this.handleSelectedItemsChange=t=>{t.stopPropagation();const e=new Map(t.detail);this.selectedItems.forEach((t=>{const i=this.flattenedTreeModel.get(t).item,r=e.get(t);r?(i.expanded=r.expanded,e.delete(t)):(i.selected=!1,this.selectedItems.delete(t))})),e.forEach(((t,e)=>{const i=this.flattenedTreeModel.get(e).item;i.selected=!0,i.expanded=t.expanded,this.selectedItems.add(e)})),this.selectedItemsChange.emit(t.detail)},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=>{if(!this.dropItemsCallback)return;t.stopPropagation();const e=t.detail,i=e.newContainer.id;if(!this.flattenedTreeModel.get(i))return;const r=e.draggedItems;if(0===r.length)return;const a=this.dropItemsCallback(e);this.waitDropProcessing=!0,a.then((async t=>{if(this.waitDropProcessing=!1,!t.acceptDrop)return;const a=this.flattenedTreeModel.get(i).item;if(e.dropInTheSameTree)r.forEach(this.moveItemToNewParent(a)),e.draggingSelectedItems&&await this.treeRef.clearSelectedItemsInfo();else{if(null==t.items)return;a.items.push(...t.items),t.items.forEach(this.flattenItemUIModel(a))}this.sortItems(a.items),a.expanded=!0}))},this.moveItemToNewParent=t=>e=>{const i=this.flattenedTreeModel.get(e.id),r=i.item,a=i.parentItem;a.items.splice(a.items.indexOf(r),1),t.items.push(r),i.parentItem=t},this.renderSubModel=(t,e,r)=>{var a,n,s,o,l,h,c,d;return i("ch-tree-x-list-item",{id:t.id,caption:t.caption,checkbox:null!==(a=t.checkbox)&&void 0!==a?a:this.checkbox,checked:null!==(n=t.checked)&&void 0!==n?n:this.checked,class:t.class,disabled:t.disabled,downloading:t.downloading,dragDisabled:null!==(s=t.dragDisabled)&&void 0!==s?s:this.dragDisabled,dropDisabled:null!==(o=t.dropDisabled)&&void 0!==o?o:this.dropDisabled,editable:null!==(l=t.editable)&&void 0!==l?l:this.editableItems,expanded:t.expanded,indeterminate:t.indeterminate,lastItem:e,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:t.leftImgSrc?(c=this.iconAssetsPath,d=t.leftImgSrc,`${c}/${d}.svg`):null,level:r,metadata:t.metadata,rightImgSrc:t.rightImgSrc,selected:t.selected,showExpandableButton:t.showExpandableButton,showLines:this.showLines,toggleCheckboxes:null!==(h=t.toggleCheckboxes)&&void 0!==h?h:this.toggleCheckboxes},!t.leaf&&null!=t.items&&t.items.map(((e,i)=>this.renderSubModel(e,this.showLines&&i===t.items.length-1,r+1))))},this.flattenItemUIModel=t=>e=>{var i;this.flattenedTreeModel.set(e.id,{parentItem:t,item:e}),(null!==(i=e.checkbox)&&void 0!==i?i:this.checkbox)&&this.flattenedCheckboxTreeModel.set(e.id,{parentItem:t,item:e}),e.class=null==e.class?"tree-view-item":e.class,e.expanded=null!=e.expanded&&e.expanded,e.indeterminate=null!=e.indeterminate&&e.indeterminate,e.lazy=null!=e.lazy&&e.lazy,e.order=null==e.order?0:e.order,e.selected=null!=e.selected&&e.selected,e.selected&&this.selectedItems.add(e.id),this.flattenSubModel(e)}}handleTreeModelChange(){this.flattenModel()}async loadLazyContent(t,e,i=!1,r=!1){const a=this.flattenedTreeModel.get(t).item;a.downloading=i,a.lazy=r,null!=e&&(a.items=e,this.sortItems(a.items),this.flattenSubModel(a),this.emitCheckedItemsChange(),o(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;o(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}))})),o(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)})),o(this)}async updateItemsProperties(t,e){t.forEach((t=>{const i=this.flattenedTreeModel.get(t);this.updateItemProperty(i,e)})),o(this)}async updateValidDropZone(t,e,i,r){this.treeRef.updateValidDropZone(t,e,i,r)}updateItemProperty(t,e){if(!t)return;const i=t.item;Object.keys(e).forEach((t=>{i[t]=e[t]}))}updateCheckboxValue(t){t.stopPropagation();const e=t.detail,i=this.flattenedCheckboxTreeModel.get(e.id);if(!i)return;const r=i.item;r.checked=e.checked,r.indeterminate=e.indeterminate,this.emitCheckedItemsChange()}loadLazyChildrenHandler(t){if(!this.lazyLoadTreeItemsCallback)return;t.stopPropagation();const e=t.detail,i=this.lazyLoadTreeItemsCallback(e);t.target.downloading=!0,i.then((t=>{this.loadLazyContent(e,t)}))}handleCaptionModification(t){if(!this.modifyItemCaptionCallback)return;t.stopPropagation();const e=t.target,i=t.detail.id,r=this.flattenedTreeModel.get(i),a=r.item,n=t.detail.caption,s=a.caption;a.caption=n,e.caption=n,this.modifyItemCaptionCallback(i,n).then((t=>{t.success?(this.sortItems(r.parentItem.items),o(this)):(e.caption=s,a.caption=s)}))}handleOpenReference(t){t.stopPropagation(),this.itemOpenReference.emit(t.detail)}emitCheckedItemsChange(){const t=new Map(this.flattenedCheckboxTreeModel);t.forEach((t=>{null==t.item.checked&&(t.item.checked=this.checked)})),this.checkedItemsChange.emit(t)}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()}componentWillLoad(){this.flattenModel()}render(){return i("ch-tree-x",{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)=>this.renderSubModel(t,this.showLines&&e===this.treeModel.length-1,0))))}static get assetsDirs(){return["assets"]}static get watchers(){return{treeModel:["handleTreeModelChange"]}}};D.style=':root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-01--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-02{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-02--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-03{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em}.gxg-title-03--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;text-transform:uppercase;line-height:1.556em;color:var(--color-on-primary)}.gxg-title-04{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-title-04--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-md);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-title-05{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em}.gxg-title-05--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-sm);color:var(--color-on-background);text-align:start;line-height:1.556em;color:var(--color-on-primary)}.gxg-text{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em}.gxg-text--negative{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-on-primary)}.gxg-text--gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--gray-05)}.gxg-quote{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;font-style:italic}.gxg-quote--negative{color:var(--color-on-primary)}.gxg-link{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--color-primary-hover)}.gxg-link:active{color:var(--color-primary-active)}.gxg-link-gray{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04)}.gxg-link-gray:hover{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-primary);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--gray-04);color:var(--gray-06)}.gxg-alert-error{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-error-dark);display:inline-block}.gxg-alert-warning{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-warning-dark);display:inline-block}.gxg-alert-success{font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-xs);color:var(--color-on-background);text-align:start;line-height:1.455em;color:var(--color-success-dark);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-button-styles{font-family:var(--font-family-primary) !important;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm) !important;letter-spacing:var(--letter-spacing-xs);color:var(--color-primary-enabled);text-align:center;line-height:1.455em}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width: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:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}gxg-tree-view{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{}.tree-view::-webkit-scrollbar{width: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:var(--gxg-scrollbar-track-thumb-background, --gray-05);border-radius:var(--gxg-scrollbar-track-thumb-radius, 10px)}.tree-view::-webkit-scrollbar-thumb:hover{background:var(--gxg-scrollbar-track-thumb-hover-background, --gray-04);cursor:pointer}.tree-view-item{--checkbox-size:var(--gxg-checkbox-size);--expandable-button-width:var(--spacing-comp-04);}.tree-view-item::part(dashed-line){border-color:var(--gray-02)}.tree-view-item::part(header){padding-inline-end:calc(var(--spacing-comp-02) * 0.65);height:var(--spacing-comp-05);display:flex;gap:5px}.tree-view-item::part(header):first-child{margin-inline-start:var(--spacing-comp-01)}.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);margin-inline-end:0}.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(action){text-transform:capitalize;display:flex;gap:var(--spacing-comp-01)}.tree-view-item::part(left-img){width:var(--spacing-comp-04);height:var(--spacing-comp-04);margin-inline-end:0}.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){margin-inline-end:0}.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:14px;height:14px;margin-inline-end:4px;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%}.ch-tree-x-list-item--editing::part(header){border:2px solid transparent}.ch-tree-x-list-item .ch-tree-x-drag-info{padding-inline:6px;padding-block:2px;background-color:#cfdee6;border:1px solid #0266a0;border-radius:10px;font-size:8px}';export{b as ch_tree_x,I as ch_tree_x_list_item,D as gxg_tree_view}
@@ -1 +0,0 @@
1
- import{r as t,c as i,h as s,H as e,g as o}from"./p-976c3a09.js";import{D as n}from"./p-bac6580b.js";const h="checkbox",a=class{constructor(s){t(this,s),this.click=i(this,"click",7),this.input=i(this,"input",7),this.disabled=!1,this.highlightable=!1,this.indeterminate=!1,this.readonly=!1,this.getValue=t=>t?this.checkedValue:this.unCheckedValue,this.handleClick=t=>{this.readonly||this.disabled||t.stopPropagation()},this.handleChange=t=>{t.stopPropagation();const i=t.target,s=i.checked,e=this.getValue(s);this.checked=s,this.value=e,i.value=e,this.input.emit(t),this.highlightable&&this.click.emit()}}valueChanged(){this.checked=this.value===this.checkedValue}componentWillLoad(){this.checked=this.value===this.checkedValue}render(){var t;const i=`${this.checked?" checked":""}${this.indeterminate?" indeterminate":""}`;return s(e,{class:{[n]:this.disabled,"ch-checkbox--actionable":!this.readonly&&!this.disabled||this.readonly&&this.highlightable}},s("div",{class:{container:!0,"container--checked":this.checked},part:`container${i}`},s("input",{"aria-label":""!==(null===(t=this.accessibleName)||void 0===t?void 0:t.trim())&&this.accessibleName!==this.caption?this.accessibleName:null,id:this.caption?h: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}),s("div",{class:{option:!0,"option--checked":this.checked&&!this.indeterminate,"option--indeterminate":this.indeterminate},part:`option${i}`,"aria-hidden":"true"})),this.caption&&s("label",{class:"label",part:"label",htmlFor:h,onClick:this.handleClick},this.caption))}get element(){return o(this)}static get watchers(){return{value:["valueChanged"]}}};a.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)}";export{a as ch_checkbox}
@@ -1 +0,0 @@
1
- import{r as t,c as s,h as i,f as e}from"./p-976c3a09.js";const h=class{constructor(e){t(this,e),this.checkedItemsChange=s(this,"checkedItemsChange",7),this.itemContextmenu=s(this,"itemContextmenu",7),this.itemOpenReference=s(this,"itemOpenReference",7),this.selectedItemsChange=s(this,"selectedItemsChange",7),this.flattenedTreeModel=new Map,this.flattenedCheckboxTreeModel=new Map,this.selectedItems=new Set,this.waitDropProcessing=!1,this.checkbox=!1,this.checked=!1,this.dragDisabled=!1,this.dropDisabled=!1,this.editableItems=!0,this.multiSelection=!1,this.showLines="none",this.toggleCheckboxes=!1,this.treeModel=[],this.handleDroppableZoneEnter=t=>{if(!this.checkDroppableZoneCallback)return;t.stopPropagation();const s=(new Date).getTime(),i=t.detail;this.checkDroppableZoneCallback(i).then((t=>{this.updateValidDropZone(s,i.newContainer.id,i.draggedItems,t)}))},this.handleSelectedItemsChange=t=>{t.stopPropagation();const s=new Map(t.detail);this.selectedItems.forEach((t=>{const i=this.flattenedTreeModel.get(t).item,e=s.get(t);e?(i.expanded=e.expanded,s.delete(t)):(i.selected=!1,this.selectedItems.delete(t))})),s.forEach(((t,s)=>{const i=this.flattenedTreeModel.get(s).item;i.selected=!0,i.expanded=t.expanded,this.selectedItems.add(s)})),this.selectedItemsChange.emit(t.detail)},this.handleExpandedItemChange=t=>{const s=t.detail;this.flattenedTreeModel.get(s.id).item.expanded=s.expanded},this.handleItemContextmenu=t=>{t.stopPropagation(),this.itemContextmenu.emit(t.detail)},this.handleItemsDropped=t=>{if(!this.dropItemsCallback)return;t.stopPropagation();const s=t.detail,i=s.newContainer.id;if(!this.flattenedTreeModel.get(i))return;const e=s.draggedItems;if(0===e.length)return;const h=this.dropItemsCallback(s);this.waitDropProcessing=!0,h.then((async t=>{if(this.waitDropProcessing=!1,!t.acceptDrop)return;const h=this.flattenedTreeModel.get(i).item;if(s.dropInTheSameTree)e.forEach(this.moveItemToNewParent(h)),s.draggingSelectedItems&&await this.treeRef.clearSelectedItemsInfo();else{if(null==t.items)return;h.items.push(...t.items),t.items.forEach(this.flattenItemUIModel(h))}this.sortItems(h.items),h.expanded=!0}))},this.moveItemToNewParent=t=>s=>{const i=this.flattenedTreeModel.get(s.id),e=i.item,h=i.parentItem;h.items.splice(h.items.indexOf(e),1),t.items.push(e),i.parentItem=t},this.renderSubModel=(t,s,e)=>{var h,n,l,o,a,r;return i("ch-tree-x-list-item",{id:t.id,caption:t.caption,checkbox:null!==(h=t.checkbox)&&void 0!==h?h:this.checkbox,checked:null!==(n=t.checked)&&void 0!==n?n:this.checked,class:t.class,disabled:t.disabled,downloading:t.downloading,dragDisabled:null!==(l=t.dragDisabled)&&void 0!==l?l:this.dragDisabled,dropDisabled:null!==(o=t.dropDisabled)&&void 0!==o?o:this.dropDisabled,editable:null!==(a=t.editable)&&void 0!==a?a:this.editableItems,expanded:t.expanded,indeterminate:t.indeterminate,lastItem:s,lazyLoad:t.lazy,leaf:t.leaf,leftImgSrc:t.leftImgSrc,level:e,metadata:t.metadata,rightImgSrc:t.rightImgSrc,selected:t.selected,showExpandableButton:t.showExpandableButton,showLines:this.showLines,toggleCheckboxes:null!==(r=t.toggleCheckboxes)&&void 0!==r?r:this.toggleCheckboxes},!t.leaf&&null!=t.items&&t.items.map(((s,i)=>this.renderSubModel(s,this.showLines&&i===t.items.length-1,e+1))))},this.flattenItemUIModel=t=>s=>{var i,e,h,n,l,o;this.flattenedTreeModel.set(s.id,{parentItem:t,item:s}),(null!==(i=s.checkbox)&&void 0!==i?i:this.checkbox)&&this.flattenedCheckboxTreeModel.set(s.id,{parentItem:t,item:s}),s.class||(s.class="tree-view-item"),null!==(e=s.expanded)&&void 0!==e||(s.expanded=!1),null!==(h=s.indeterminate)&&void 0!==h||(s.indeterminate=!1),null!==(n=s.lazy)&&void 0!==n||(s.lazy=!1),null!==(l=s.order)&&void 0!==l||(s.order=0),null!==(o=s.selected)&&void 0!==o||(s.selected=!1),s.selected&&this.selectedItems.add(s.id),this.flattenSubModel(s)}}handleTreeModelChange(){this.flattenModel()}async loadLazyContent(t,s,i=!1,h=!1){const n=this.flattenedTreeModel.get(t).item;n.downloading=i,n.lazy=h,null!=s&&(n.items=s,this.sortItems(n.items),this.flattenSubModel(n),this.emitCheckedItemsChange(),e(this))}async scrollIntoVisible(t){const s=this.flattenedTreeModel.get(t);if(!s)return;let i=s.parentItem;for(;i&&null!=i.id;)i.expanded=!0,i=this.flattenedTreeModel.get(i.id).parentItem;e(this),this.treeRef.scrollIntoVisible(t)}async toggleItems(t,s){if(!t)return[];const i=[];return t.forEach((t=>{const e=this.flattenedTreeModel.get(t).item;e&&(e.expanded=null!=s?s:!e.expanded,i.push({id:e.id,expanded:e.expanded}))})),e(this),i}async updateAllItemsProperties(t){[...this.flattenedTreeModel.values()].forEach((s=>{null!=t.expanded&&(s.item.expanded=t.expanded),null!=t.checked&&(s.item.checked=t.checked,s.item.indeterminate=!1)})),e(this)}async updateItemsProperties(t,s){t.forEach((t=>{const i=this.flattenedTreeModel.get(t);this.updateItemProperty(i,s)})),e(this)}async updateValidDropZone(t,s,i,e){this.treeRef.updateValidDropZone(t,s,i,e)}updateItemProperty(t,s){if(!t)return;const i=t.item;Object.keys(s).forEach((t=>{i[t]=s[t]}))}updateCheckboxValue(t){t.stopPropagation();const s=t.detail,i=this.flattenedCheckboxTreeModel.get(s.id);if(!i)return;const e=i.item;e.checked=s.checked,e.indeterminate=s.indeterminate,this.emitCheckedItemsChange()}loadLazyChildrenHandler(t){if(!this.lazyLoadTreeItemsCallback)return;t.stopPropagation();const s=t.detail,i=this.lazyLoadTreeItemsCallback(s);t.target.downloading=!0,i.then((t=>{this.loadLazyContent(s,t)}))}handleCaptionModification(t){if(!this.modifyItemCaptionCallback)return;t.stopPropagation();const s=t.target,i=t.detail.id,h=this.flattenedTreeModel.get(i),n=h.item,l=t.detail.caption,o=n.caption;n.caption=l,s.caption=l,this.modifyItemCaptionCallback(i,l).then((t=>{t.success?(this.sortItems(h.parentItem.items),e(this)):(s.caption=o,n.caption=o)}))}handleOpenReference(t){t.stopPropagation(),this.itemOpenReference.emit(t.detail)}emitCheckedItemsChange(){const t=new Map(this.flattenedCheckboxTreeModel);t.forEach((t=>{var s,i;null!==(s=(i=t.item).checked)&&void 0!==s||(i.checked=this.checked)})),this.checkedItemsChange.emit(t)}flattenSubModel(t){const s=t.items;s?(this.sortItems(s),s.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()}componentWillLoad(){this.flattenModel()}render(){return i("ch-tree-x",{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,s)=>this.renderSubModel(t,this.showLines&&s===this.treeModel.length-1,0))))}static get watchers(){return{treeModel:["handleTreeModelChange"]}}};h.style="ch-test-tree-x{display:contents}";export{h as ch_test_tree_x}
@@ -1 +0,0 @@
1
- import{r as t,c as e,h as i,H as o,g as r}from"./p-976c3a09.js";import{L as a}from"./p-26957490.js";import{c as s}from"./p-38c18db5.js";const n=(t,e)=>{const i=e.find((e=>e.id===t));return i?i.icon:void 0},c=(t,e)=>{const i=e.find((e=>e.id===t));return i?i.icon:void 0},d=class{constructor(i){t(this,i),this.componentDidLoadEvent=e(this,"componentDidLoadEvent",7),this.componentDidRenderFirstTime=e(this,"componentDidRenderFirstTime",7),this.checkedObjectsIds=[],this.checkedPropertiesIds=[],this.renderedFirstTime=!1,this.evaluateObjects=()=>{var t;this.noObjects=!(0!==(null===(t=this.objectsTreeState)||void 0===t?void 0:t.length)&&this.objectsTreeState)},this.optionsCallbackHandler=()=>{this.optionsCallback&&this.optionsCallback()},this.addKBPropertiesCallbackHandler=async t=>{const e=t.detail.value;if(e&&this.addKBPropertiesCallback){const t=await this.addKBPropertiesCallback();if(0===t.length);else{const e=((t,e,i)=>{const o=[...i];return t?(t.forEach((t=>{const i=((t,e)=>!!e.find((e=>e.id===t.id)))(t,o);if(!i){const i=((t,e)=>({caption:t.name,id:t.id,leftImgSrc:c(t.typeId,e),checkbox:!0,class:"property tree-view-item",leaf:!0}))(t,e);o.unshift(i)}})),o):o})(t,this.kbPropertiesTypes,this.objectsTreeState);this.objectsTreeState=e}}else if(!e){const t=(t=>{if(!(t.length>0))return[];const e=[...t];for(let t=e.length-1;t>=0;t--)"property"===e[t].class&&e.splice(t,1);return e})(this.objectsTreeState);this.objectsTreeState=t}},this.addObjectsCallbackHandler=async()=>{if(this.addObjectsCallback){const t=await this.addObjectsCallback();this.updateObjects(t)}},this.addReferencesCallbackHandler=async()=>{if(this.addReferencesCallback){const t=await this.addReferencesCallback(this.checkedObjectsIds);this.updateObjects(t)}},this.updateObjects=t=>{if(t.length){const e=((t,e,i)=>{const o=[...i];return t?(t.forEach((t=>{const i=((t,e)=>{var i;const o={objectExists:!1,objectTypeIndex:-1};if(e){const r=e.findIndex((e=>e.id===t.typeId));-1!==r&&(o.objectTypeIndex=r,(null===(i=e[r].items)||void 0===i?void 0:i.find((e=>e.id===t.id)))&&(o.objectExists=!0))}return o})(t,o);if(!i.objectExists){if(-1===i.objectTypeIndex){const r=((t,e)=>e.find((e=>e.id===t.typeId)))(t,e);if(void 0!==r){const t=(t=>({caption:t.name,id:t.id,leftImgSrc:t.icon,leaf:!1,checkbox:!0,class:"object-type tree-view-item",expanded:!0,items:[]}))(r);i.objectTypeIndex=o.push(t)-1}}const r=((t,e)=>({caption:t.name,id:t.id,leftImgSrc:n(t.typeId,e),checkbox:!0,class:"object tree-view-item",leaf:!0}))(t,e);o[i.objectTypeIndex].items.push(r)}})),o):o})(t,this.objectTypes,this.objectsTreeState);this.objectsTreeState=e}},this.objectsTreeCheckedItemsChangedHandler=t=>{const e=[...t.detail.values()].filter((t=>t.item.checked)),i=e.filter((t=>"object"===t.item.class)),o=[];i.length>0&&i.forEach((t=>{o.push(t.item.id)})),this.checkedObjectsIds=o;const r=e.filter((t=>"property"===t.item.class)),a=[];r.length>0&&r.forEach((t=>{a.push(t.item.id)})),this.checkedPropertiesIds=a},this.exportCallbackHandler=async()=>{this.exportCallback&&this.exportCallback(this.fileNameEl.value,this.checkedPropertiesIds,this.exportAllCheckboxEl.checked?void 0:this.checkedObjectsIds)},this.cancelCallbackHandler=()=>{this.cancelCallback&&this.cancelCallback()},this.clearButtonHandler=()=>{this.objectsTreeEl.updateAllItemsProperties({checked:!1})},this.fileName="",this.exportFilePathName=void 0,this.noObjects=void 0,this.objectsTreeState=[],this.dummyInitialTree=void 0,this.kbPropertiesTypes=void 0,this.objectTypes=void 0,this.exportFileDirectoryCallback=void 0,this.optionsCallback=void 0,this.addKBPropertiesCallback=void 0,this.addReferencesCallback=void 0,this.addObjectsCallback=void 0,this.exportCallback=void 0,this.cancelCallback=void 0}watchObjectsTreeStateHandler(t){this.noObjects=!(0!==t.length&&t)}watchDummyInitialTreeHandler(t){this.objectsTreeState=t}async componentWillLoad(){this._componentLocale=await a.getComponentStrings(this.el),this.componentDidLoadEvent.emit(!0),this.evaluateObjects()}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit(this._componentLocale.componentName),this.renderedFirstTime=!0)}render(){return i(o,{class:"gx-ide-component"},i("div",{class:"gx-ide-main-wrapper"},i("gx-ide-container",{noContentPadding:!0,noHeadingPadding:!0,headingPaddingTop:!0,containerTitle:this._componentLocale.componentName,slimmerFooter:s.gxIdeContainer.slimmerFooter},i("header",{slot:"header",class:"header"},i("div",{class:"header__top"},i("gx-ide-directory-selector",{class:{"select-file-input":!0},value:this.exportFilePathName,part:"xpz-file",label:this._componentLocale.header.exportFileName,ref:t=>this.fileNameEl=t,selectDirectoryCallback:this.exportFileDirectoryCallback}),i("gxg-button-group",{class:"export-cancel-buttons-group","default-selected-btn-id":"responsive-tablet-btn"},i("button",{id:"export-kb-btn",part:"export-btn",onClick:this.exportCallbackHandler},this._componentLocale.header.exportButton),i("button",{id:"cancel-kb-export-btn",part:"cancel-button",onClick:this.cancelCallbackHandler},this._componentLocale.header.cancelButton)),i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/settings",part:"select-kb-btn",class:{"options-btn":!0},onClick:this.optionsCallbackHandler},this._componentLocale.header.optionsButton)),i("div",{class:"header__bottom"},i("div",{class:{"checkboxes-wrapper":!0}},i("gxg-form-checkbox",{label:this._componentLocale.main.addKnowledgeBaseDescription,onChange:this.addKBPropertiesCallbackHandler,part:"add-kb-checkbox"}),i("gxg-form-checkbox",{label:this._componentLocale.main.exportAll,part:"export-all-checkbox",ref:t=>this.exportAllCheckboxEl=t})))),i("div",{class:{"tree-container":!0,"tree-container--empty":this.noObjects}},this.noObjects?i("gxg-text",{textAlign:s.gxgMessage.common.textAlign,padding:s.gxgMessage.common.textAlign,type:s.gxgMessage.common.type,maxWidth:s.gxgMessage.common.maxWidth,class:"gx-ide-message gx-ide-message--short",part:"referenced-by-empty-status-message"},"There are no Objects to display. ",i("br",null),i("gxg-text",{type:"text-link-no-line",textAlign:"center",onClick:this.addObjectsCallbackHandler},"Begin by adding some.")):i("gxg-tree-view",{treeModel:this.objectsTreeState,dragDisabled:!0,dropDisabled:!0,toggleCheckboxes:!0,onCheckedItemsChange:this.objectsTreeCheckedItemsChangedHandler,ref:t=>this.objectsTreeEl=t})),i("gxg-button",{type:"secondary-text-only",part:"export-button",class:{"cancel-btn":!0},slot:"footer-start",onClick:this.clearButtonHandler},this._componentLocale.footer.clearButton),i("div",{class:{"footer-right-wrapper":!0},slot:"footer-end"},i("gxg-button",{onClick:this.addReferencesCallbackHandler,type:"outlined-text-icon",icon:"general/references",part:"export-button",class:{"cancel-btn":!0}},this._componentLocale.footer.referencesButton),i("gxg-button",{type:"primary-text-icon",icon:"menus/new-object",part:"export-button",class:{"cancel-btn":!0},onClick:this.addObjectsCallbackHandler,grabAttention:this.noObjects},this._componentLocale.footer.addButton)))))}static get assetsDirs(){return["gx-ide-assets/kb-manager-export"]}get el(){return r(this)}static get watchers(){return{objectsTreeState:["watchObjectsTreeStateHandler"],dummyInitialTree:["watchDummyInitialTreeHandler"]}}};d.style='.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--gray-01)}ch-grid-column{padding-inline-start:--gxg-container--padding;padding-inline-end:--gxg-container--padding}ch-grid-cell{--spacing-comp-02:var(--gxg-container--padding)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){box-shadow:var(--box-shadow-01) !important;height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--font-weight-regular);font-size:var(--font-size-lg);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}.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}.tree-view-container{display:flex}.header__top{border-top:1px solid var(--gx-ide-container-border-color);display:grid;padding:var(--gxg-container--padding) var(--gxg-container--padding) 0 var(--gxg-container--padding);gap:var(--gx-ide-grid-column-gap);grid-template-columns:1fr auto;grid-template-areas:"select-directory export-cancel-buttons-group options-btn"}.header__top .select-directory{grid-area:select-directory}.header__top .export-cancel-buttons-group{grid-area:export-cancel-buttons-group}.header__top .options-btn{grid-area:options-btn}.header__bottom .checkboxes-wrapper{padding:var(--gx-ide-grid-column-gap);display:flex;flex-wrap:wrap;gap:var(--gx-ide-grid-column-gap)}.header__bottom .checkboxes-wrapper .add-checkbox{display:flex}.tree-container--empty{align-items:center;justify-content:center}.tree-container .gx-ide-message{padding:100px 0}.footer-right-wrapper{display:grid;gap:var(--gx-ide-grid-column-gap);grid-template-columns:100px 100px}';export{d as gx_ide_kb_manager_export}
@@ -1 +0,0 @@
1
- import{r as t,h as i,H as s,g as e}from"./p-976c3a09.js";import{d as o}from"./p-25aa052f.js";const h=class{constructor(i){t(this,i),this.value=void 0,this.titleType="h1",this.disableEdition=!1,this.clickToEdit=!1,this.fluid=!1,this.editing=!1,this.edit=()=>{this.editing=!0,this.positionCursorAtTheEnd()},this.wrapperClickedHandler=()=>{this.editing=!0},this.positionCursorAtTheEnd=()=>{this.textInput.selectionStart=this.textInput.selectionEnd=this.textInput.value.length,this.textInput.focus()},this.inputKeyDownHandler=t=>{"Enter"===t.key||"Escape"===t.key?(t.preventDefault(),this.editing=!1,this.editButtonEl.focus()):this.fluid&&this.setInputWidth()},this.detectClickOutsideFunc=t=>{o(t,this.wrapperEl)&&(this.editing=!1)},this.setInputWidth=()=>{this.textInput.style.width=this.value.length+1+"ch"},this.inputInputHandler=()=>{this.fluid&&(this.value=this.textInput.value,this.ghostDiv.innerText=this.value,this.updateInputWidth())},this.updateInputWidth=()=>{this.fluid&&(this.textInput.style.width=`${this.ghostDiv.clientWidth}px`)}}watchEditingHandler(t){t?document.addEventListener("click",this.detectClickOutsideFunc):document.removeEventListener("click",this.detectClickOutsideFunc)}componentDidLoad(){this.fluid&&this.inputInputHandler()}render(){return i(s,null,i("div",{class:"wrapper",onMouseUp:this.clickToEdit&&!this.editing&&!this.disableEdition&&this.wrapperClickedHandler,ref:t=>this.wrapperEl=t},this.fluid?i("div",{class:"ghost",ref:t=>this.ghostDiv=t}):null,i("input",{type:"text",value:this.value,readOnly:!this.editing,ref:t=>this.textInput=t,onKeyDown:this.inputKeyDownHandler,onInput:this.fluid&&this.inputInputHandler,tabIndex:this.editing?0:-1}),this.disableEdition?null:i("gxg-button",{type:"secondary-icon-only",icon:"gemini-tools/edit",onClick:this.edit,ref:t=>this.editButtonEl=t})))}get el(){return e(this)}static get watchers(){return{editing:["watchEditingHandler"]}}};h.style=":host{display:block}:host .wrapper{font-family:var(--font-family-primary);color:var(--color-on-background);position:relative;max-width:100%}:host input{font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;color:inherit;background-color:transparent;border:none;padding:0;box-sizing:border-box;flex-grow:1;cursor:auto}:host input:focus{outline:none}.wrapper{display:flex;align-items:center;gap:var(--spacing-comp-02)}:host(:not([editing])) input{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([click-to-edit]:not[disable-edition]) .wrapper,:host([click-to-edit]:not[disable-edition]) input{cursor:pointer}:host([title-type=h1]) .wrapper{font-size:24px;font-weight:var(--font-weight-bold);text-transform:capitalize}:host([title-type=h2]) .wrapper{font-size:16px;font-weight:var(--font-weight-bold)}:host([fluid]) .wrapper{display:inline-flex}.ghost{font-family:inherit;font-size:inherit;position:fixed;visibility:hidden;height:auto;width:auto;white-space:nowrap}";export{h as gxg_title_editable}
@@ -1 +0,0 @@
1
- import{h as t,r as e,c as i,H as s}from"./p-976c3a09.js";const o=(e,i=!0)=>(null==e?void 0:e.length)?i?e.map((t=>n(t))):t("gxg-tree",{slot:"tree"},e.map((t=>n(t)))):[],n=e=>{var i;const s=e.items?e.items.length:0;return t("gxg-tree-item",{checkbox:e.checkbox,checked:e.checked,description:e.description,disabled:e.disabled,icon:e.icon,indeterminate:e.indeterminate,id:e.id,key:`tree-item-${e.id}`,label:e.label,leaf:!(0!==s&&!e.leaf||e.lazy),numberOfChildren:s,opened:e.opened,selected:e.selected},[e.label,(null===(i=e.items)||void 0===i?void 0:i.length)&&o(e.items,!1)])},h=(t,e,i)=>t.map((t=>t.id===i?Object.assign(Object.assign({},t),e):t.items?Object.assign(Object.assign({},t),{items:h(t.items,e,i)}):t)),l=(t,e,i)=>t.length&&e&&i?h(t,e,i):t,c=class{constructor(t){e(this,t),this.componentDidRenderFirstTime=i(this,"componentDidRenderFirstTime",7),this.renderedFirstTime=!1,this.closeTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!1)},this.openTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"],!0)},this.toggleTreeNodeHandler=()=>{this.tree.toggleItems(["number-1-1-2"])},this.getSelectedItemsHandler=()=>{(async()=>{const t=await this.tree.getSelectedItems();console.log(t)})()},this.getCheckedItemsHandler=()=>{(async()=>{const t=await this.tree.getCheckedItems();console.log(t)})()},this.deleteNodeHandler=()=>{this.treeModel=[]},this.treeItemStateChangedHandler=t=>{const e=t.detail.itemData,i=t.detail.itemData.id;e.lazy&&this.updateLazyCallback(i).then((t=>{if(null==t?void 0:t.length){const s=l(this.treeModel,{id:i,label:e.label,items:t},i);this.treeModel=s}}))},this.treeModel=void 0,this.lazyNode=void 0,this.updateLazyCallback=void 0,this.newNode=void 0,this.testUpdateNode=!1,this.lazyLoadTreeItemsCallback=void 0}componentDidRender(){this.renderedFirstTime||(this.componentDidRenderFirstTime.emit("test"),this.renderedFirstTime=!0)}loadLazyChildrenHandler(t){if(this.lazyLoadTreeItemsCallback){const e=this.lazyLoadTreeItemsCallback(t.detail);setTimeout((()=>{e.then((t=>{this.treeModel=t}))}),1e3)}}treeItemStateChanged(t){const e=l(this.treeModel,t.detail,t.detail.id);console.log("updatedTreeModel",e)}render(){return!this.testUpdateNode&&this.treeModel?t(s,null,t("gxg-tree",{checked:!0,checkbox:!0,multiSelection:!0,ref:t=>this.tree=t},o(this.treeModel)),",",t("div",{class:"tree-buttons"},t("gxg-button",{type:"outlined",onClick:this.closeTreeNodeHandler},"Close 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.openTreeNodeHandler},"Open 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.toggleTreeNodeHandler},"Toggle 1-1-2"),t("gxg-button",{type:"outlined",onClick:this.getSelectedItemsHandler},"Get Selected Items"),t("gxg-button",{type:"outlined",onClick:this.getCheckedItemsHandler},"Get Checked Items"),t("gxg-button",{type:"outlined",onClick:this.deleteNodeHandler},"Delete Tree"))):this.testUpdateNode?t(s,null,t("gxg-tree",{checked:!0,checkbox:!0,multiSelection:!0,ref:t=>this.tree=t,onTreeItemStateChanged:this.treeItemStateChangedHandler},o(this.treeModel))):t("slot",null)}};c.style=":host{display:block}";export{c as gx_ide_test}
@@ -1,45 +0,0 @@
1
- ch-tree-x {
2
- display: flex;
3
- position: relative;
4
- width: 100%;
5
- overflow: auto;
6
- }
7
- ch-tree-x > .ch-tree-x-container {
8
- position: absolute;
9
- inset: 0;
10
- }
11
- ch-tree-x.ch-tree-x-dragging-item ch-tree-x-list-item {
12
- pointer-events: var(--ch-tree-x-pointer-events, all);
13
- }
14
- ch-tree-x.ch-tree-x-dragging-item .ch-tree-x-list-item--deny-drop {
15
- pointer-events: none;
16
- }
17
- ch-tree-x.ch-tree-x--dragging-selected-items ch-tree-x-list-item[selected] {
18
- --ch-tree-x-pointer-events: none;
19
- }
20
- ch-tree-x.ch-tree-x-waiting-drop-processing {
21
- cursor: wait;
22
- }
23
- ch-tree-x.ch-tree-x-waiting-drop-processing > .ch-tree-x-container {
24
- pointer-events: none;
25
- }
26
-
27
- .ch-tree-x-drag-info {
28
- --rtl-offset: 16px;
29
- position: fixed;
30
- left: 0;
31
- top: 0;
32
- transform: translate(calc(var(--ch-tree-x-dragging-item-x) + var(--rtl-offset)), calc(var(--ch-tree-x-dragging-item-y) + 8px));
33
- pointer-events: none;
34
- z-index: 1;
35
- animation: ch-tree-x-drag-info-fade-in 10ms;
36
- }
37
-
38
- @keyframes ch-tree-x-drag-info-fade-in {
39
- 0%, 100% {
40
- opacity: 0;
41
- }
42
- }
43
- html[dir=rtl] .ch-tree-x-drag-info {
44
- --rtl-offset: -100%;
45
- }