@sme.up/ketchup 11.0.0-SNAPSHOT-20241024085358 → 11.0.0-SNAPSHOT-20241024103823

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 (157) hide show
  1. package/dist/cjs/{f-cell-1eda34a4.js → f-cell-19b57f8b.js} +25 -42
  2. package/dist/cjs/f-cell-19b57f8b.js.map +1 -0
  3. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +1 -1
  4. package/dist/cjs/kup-box.cjs.entry.js +1 -1
  5. package/dist/cjs/kup-cell.cjs.entry.js +1 -1
  6. package/dist/cjs/kup-image-list.cjs.entry.js +1 -1
  7. package/dist/cjs/kup-input-panel.cjs.entry.js +2 -2
  8. package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
  9. package/dist/cjs/kup-manager-f6eafc59.js.map +1 -1
  10. package/dist/collection/components/kup-input-panel/kup-input-panel.css +1 -1
  11. package/dist/collection/f-components/f-cell/f-cell.js +25 -42
  12. package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
  13. package/dist/collection/managers/kup-data/kup-data-declarations.js.map +1 -1
  14. package/dist/components/kup-activity-timeline.js +1 -1
  15. package/dist/components/kup-autocomplete2.js +25 -42
  16. package/dist/components/kup-autocomplete2.js.map +1 -1
  17. package/dist/components/kup-box2.js +1 -1
  18. package/dist/components/kup-calendar.js +1 -1
  19. package/dist/components/kup-card-list.js +1 -1
  20. package/dist/components/kup-cell.js +1 -1
  21. package/dist/components/kup-dashboard.js +1 -1
  22. package/dist/components/kup-echart2.js +1 -1
  23. package/dist/components/kup-grid2.js +1 -1
  24. package/dist/components/kup-iframe.js +1 -1
  25. package/dist/components/kup-image-list.js +1 -1
  26. package/dist/components/kup-input-panel.js +2 -2
  27. package/dist/components/kup-input-panel.js.map +1 -1
  28. package/dist/components/kup-magic-box.js +1 -1
  29. package/dist/components/kup-manager.js +1 -1
  30. package/dist/components/kup-manager.js.map +1 -1
  31. package/dist/components/kup-planner.js +1 -1
  32. package/dist/components/kup-typography-list.js +1 -1
  33. package/dist/esm/{f-cell-465df27d.js → f-cell-0e7188e8.js} +28 -45
  34. package/dist/esm/f-cell-0e7188e8.js.map +1 -0
  35. package/dist/esm/{f-chip-f45ca58e.js → f-chip-c6c5029c.js} +2 -2
  36. package/dist/esm/{f-chip-f45ca58e.js.map → f-chip-c6c5029c.js.map} +1 -1
  37. package/dist/esm/{f-paginator-utils-f92ddef0.js → f-paginator-utils-eab9f07a.js} +2 -2
  38. package/dist/esm/{f-paginator-utils-f92ddef0.js.map → f-paginator-utils-eab9f07a.js.map} +1 -1
  39. package/dist/esm/{f-text-field-76ec5f7d.js → f-text-field-492e7cfb.js} +2 -2
  40. package/dist/esm/{f-text-field-76ec5f7d.js.map → f-text-field-492e7cfb.js.map} +1 -1
  41. package/dist/esm/index.js +1 -1
  42. package/dist/esm/kup-accordion.entry.js +1 -1
  43. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  44. package/dist/esm/kup-autocomplete_27.entry.js +6 -6
  45. package/dist/esm/kup-box.entry.js +6 -6
  46. package/dist/esm/kup-calendar.entry.js +2 -2
  47. package/dist/esm/kup-card-list.entry.js +1 -1
  48. package/dist/esm/kup-cell.entry.js +4 -4
  49. package/dist/esm/kup-dashboard.entry.js +2 -2
  50. package/dist/esm/{kup-data-table-helper-2201fe55.js → kup-data-table-helper-646e501e.js} +2 -2
  51. package/dist/esm/{kup-data-table-helper-2201fe55.js.map → kup-data-table-helper-646e501e.js.map} +1 -1
  52. package/dist/esm/kup-drawer.entry.js +1 -1
  53. package/dist/esm/kup-echart.entry.js +1 -1
  54. package/dist/esm/kup-editor.entry.js +1 -1
  55. package/dist/esm/kup-family-tree.entry.js +1 -1
  56. package/dist/esm/kup-grid.entry.js +1 -1
  57. package/dist/esm/kup-htm.entry.js +1 -1
  58. package/dist/esm/kup-iframe.entry.js +1 -1
  59. package/dist/esm/kup-image-list.entry.js +4 -4
  60. package/dist/esm/kup-input-panel.entry.js +5 -5
  61. package/dist/esm/kup-input-panel.entry.js.map +1 -1
  62. package/dist/esm/kup-lazy.entry.js +1 -1
  63. package/dist/esm/kup-magic-box.entry.js +1 -1
  64. package/dist/esm/{kup-manager-f57e4a5f.js → kup-manager-07bfc644.js} +2 -2
  65. package/dist/esm/{kup-manager-f57e4a5f.js.map → kup-manager-07bfc644.js.map} +1 -1
  66. package/dist/esm/kup-nav-bar.entry.js +1 -1
  67. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  68. package/dist/esm/kup-pdf.entry.js +1 -1
  69. package/dist/esm/kup-photo-frame.entry.js +1 -1
  70. package/dist/esm/kup-planner.entry.js +2 -2
  71. package/dist/esm/kup-probe.entry.js +1 -1
  72. package/dist/esm/kup-qlik.entry.js +1 -1
  73. package/dist/esm/kup-snackbar.entry.js +1 -1
  74. package/dist/esm/kup-typography-list.entry.js +1 -1
  75. package/dist/esm/kup-typography.entry.js +1 -1
  76. package/dist/ketchup/index.esm.js +1 -1
  77. package/dist/ketchup/ketchup.esm.js +1 -1
  78. package/dist/ketchup/{p-7a02ec00.entry.js → p-107388e3.entry.js} +2 -2
  79. package/dist/ketchup/{p-720c5ae1.js → p-13e7fe14.js} +2 -2
  80. package/dist/ketchup/{p-21c5133e.entry.js → p-17f91e1d.entry.js} +2 -2
  81. package/dist/ketchup/{p-e33248f0.entry.js → p-18cdc566.entry.js} +2 -2
  82. package/dist/ketchup/{p-5906f9a0.entry.js → p-19933a35.entry.js} +2 -2
  83. package/dist/ketchup/{p-0d2de1d2.entry.js → p-1e457a4c.entry.js} +2 -2
  84. package/dist/ketchup/{p-22a83408.entry.js → p-20b49cab.entry.js} +2 -2
  85. package/dist/ketchup/{p-7cacbaa8.entry.js → p-2159cb7d.entry.js} +2 -2
  86. package/dist/ketchup/{p-e49dd479.entry.js → p-2dfbf6cc.entry.js} +2 -2
  87. package/dist/ketchup/{p-1fb51b42.entry.js → p-35dcc495.entry.js} +2 -2
  88. package/dist/ketchup/p-3cf2fcc1.entry.js +2 -0
  89. package/dist/ketchup/{p-7cca823b.entry.js.map → p-3cf2fcc1.entry.js.map} +1 -1
  90. package/dist/ketchup/{p-e9407357.entry.js → p-3e6434f9.entry.js} +2 -2
  91. package/dist/ketchup/{p-1dd09495.js → p-4a84cdec.js} +2 -2
  92. package/dist/ketchup/{p-8eb61a64.entry.js → p-516d1ab7.entry.js} +2 -2
  93. package/dist/ketchup/{p-795ed6f8.entry.js → p-58978dd0.entry.js} +2 -2
  94. package/dist/ketchup/{p-6bf9e08e.entry.js → p-595a4c1f.entry.js} +2 -2
  95. package/dist/ketchup/{p-e195e9da.entry.js → p-74658c36.entry.js} +2 -2
  96. package/dist/ketchup/{p-94927e94.entry.js → p-89845cf1.entry.js} +2 -2
  97. package/dist/ketchup/{p-d5fa41e7.entry.js → p-89866b04.entry.js} +2 -2
  98. package/dist/ketchup/{p-9fcaf427.entry.js → p-90316bea.entry.js} +2 -2
  99. package/dist/ketchup/p-90316bea.entry.js.map +1 -0
  100. package/dist/ketchup/{p-07e18bea.entry.js → p-9b1a821d.entry.js} +2 -2
  101. package/dist/ketchup/{p-4d19d951.entry.js → p-a97d6070.entry.js} +2 -2
  102. package/dist/ketchup/{p-9e7f5ec3.entry.js → p-ab60dd33.entry.js} +2 -2
  103. package/dist/ketchup/{p-44177671.entry.js → p-ae122dfc.entry.js} +2 -2
  104. package/dist/ketchup/{p-bdd1c18c.entry.js → p-be8e06db.entry.js} +2 -2
  105. package/dist/ketchup/p-c5845d51.js +2 -0
  106. package/dist/ketchup/{p-b2756ccb.entry.js → p-c9f02ff2.entry.js} +2 -2
  107. package/dist/ketchup/{p-3c56b590.entry.js → p-cb02fb80.entry.js} +2 -2
  108. package/dist/ketchup/{p-f6a5e96d.js → p-d2ca23dd.js} +2 -2
  109. package/dist/ketchup/p-d2ca23dd.js.map +1 -0
  110. package/dist/ketchup/{p-6b3839e9.entry.js → p-e41ef521.entry.js} +2 -2
  111. package/dist/ketchup/{p-7c8d7e71.entry.js → p-e995d57b.entry.js} +2 -2
  112. package/dist/ketchup/{p-afcecbf4.entry.js → p-ed185e52.entry.js} +2 -2
  113. package/dist/ketchup/{p-b83642df.entry.js → p-f0b0c1a0.entry.js} +2 -2
  114. package/dist/ketchup/{p-709d72e1.js → p-f4049819.js} +2 -2
  115. package/dist/ketchup/p-f63dd1ec.js +2 -0
  116. package/dist/ketchup/p-f63dd1ec.js.map +1 -0
  117. package/dist/types/managers/kup-data/kup-data-declarations.d.ts +7 -1
  118. package/package.json +1 -1
  119. package/dist/cjs/f-cell-1eda34a4.js.map +0 -1
  120. package/dist/esm/f-cell-465df27d.js.map +0 -1
  121. package/dist/ketchup/p-5b5d99c4.js +0 -2
  122. package/dist/ketchup/p-5b5d99c4.js.map +0 -1
  123. package/dist/ketchup/p-7cca823b.entry.js +0 -2
  124. package/dist/ketchup/p-9fcaf427.entry.js.map +0 -1
  125. package/dist/ketchup/p-f2f03a48.js +0 -2
  126. package/dist/ketchup/p-f6a5e96d.js.map +0 -1
  127. /package/dist/ketchup/{p-7a02ec00.entry.js.map → p-107388e3.entry.js.map} +0 -0
  128. /package/dist/ketchup/{p-720c5ae1.js.map → p-13e7fe14.js.map} +0 -0
  129. /package/dist/ketchup/{p-21c5133e.entry.js.map → p-17f91e1d.entry.js.map} +0 -0
  130. /package/dist/ketchup/{p-e33248f0.entry.js.map → p-18cdc566.entry.js.map} +0 -0
  131. /package/dist/ketchup/{p-5906f9a0.entry.js.map → p-19933a35.entry.js.map} +0 -0
  132. /package/dist/ketchup/{p-0d2de1d2.entry.js.map → p-1e457a4c.entry.js.map} +0 -0
  133. /package/dist/ketchup/{p-22a83408.entry.js.map → p-20b49cab.entry.js.map} +0 -0
  134. /package/dist/ketchup/{p-7cacbaa8.entry.js.map → p-2159cb7d.entry.js.map} +0 -0
  135. /package/dist/ketchup/{p-e49dd479.entry.js.map → p-2dfbf6cc.entry.js.map} +0 -0
  136. /package/dist/ketchup/{p-1fb51b42.entry.js.map → p-35dcc495.entry.js.map} +0 -0
  137. /package/dist/ketchup/{p-e9407357.entry.js.map → p-3e6434f9.entry.js.map} +0 -0
  138. /package/dist/ketchup/{p-1dd09495.js.map → p-4a84cdec.js.map} +0 -0
  139. /package/dist/ketchup/{p-8eb61a64.entry.js.map → p-516d1ab7.entry.js.map} +0 -0
  140. /package/dist/ketchup/{p-795ed6f8.entry.js.map → p-58978dd0.entry.js.map} +0 -0
  141. /package/dist/ketchup/{p-6bf9e08e.entry.js.map → p-595a4c1f.entry.js.map} +0 -0
  142. /package/dist/ketchup/{p-e195e9da.entry.js.map → p-74658c36.entry.js.map} +0 -0
  143. /package/dist/ketchup/{p-94927e94.entry.js.map → p-89845cf1.entry.js.map} +0 -0
  144. /package/dist/ketchup/{p-d5fa41e7.entry.js.map → p-89866b04.entry.js.map} +0 -0
  145. /package/dist/ketchup/{p-07e18bea.entry.js.map → p-9b1a821d.entry.js.map} +0 -0
  146. /package/dist/ketchup/{p-4d19d951.entry.js.map → p-a97d6070.entry.js.map} +0 -0
  147. /package/dist/ketchup/{p-9e7f5ec3.entry.js.map → p-ab60dd33.entry.js.map} +0 -0
  148. /package/dist/ketchup/{p-44177671.entry.js.map → p-ae122dfc.entry.js.map} +0 -0
  149. /package/dist/ketchup/{p-bdd1c18c.entry.js.map → p-be8e06db.entry.js.map} +0 -0
  150. /package/dist/ketchup/{p-f2f03a48.js.map → p-c5845d51.js.map} +0 -0
  151. /package/dist/ketchup/{p-b2756ccb.entry.js.map → p-c9f02ff2.entry.js.map} +0 -0
  152. /package/dist/ketchup/{p-3c56b590.entry.js.map → p-cb02fb80.entry.js.map} +0 -0
  153. /package/dist/ketchup/{p-6b3839e9.entry.js.map → p-e41ef521.entry.js.map} +0 -0
  154. /package/dist/ketchup/{p-7c8d7e71.entry.js.map → p-e995d57b.entry.js.map} +0 -0
  155. /package/dist/ketchup/{p-afcecbf4.entry.js.map → p-ed185e52.entry.js.map} +0 -0
  156. /package/dist/ketchup/{p-b83642df.entry.js.map → p-f0b0c1a0.entry.js.map} +0 -0
  157. /package/dist/ketchup/{p-709d72e1.js.map → p-f4049819.js.map} +0 -0
package/dist/ketchup/{p-d5fa41e7.entry.js → p-89866b04.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{F as a}from"./p-cc32b7a2.js";import{F as r}from"./p-5d03c077.js";import{F as l}from"./p-f2f03a48.js";import{F as h}from"./p-c4054aba.js";import{k as c,g as f,s as p,ao as d,h as u,R as m,e as g}from"./p-f6a5e96d.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-d4a879fc.js";import"./p-029c7cbe.js";var y;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the component.";t["enableDesign"]="When set to true, the component is in design mode and it is draggable."})(y||(y={}));const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";const k=b;const v=class{constructor(e){t(this,e);this.kupSave=i(this,"kup-dashboard-save",6);this.kupManager=c();this.internalData=null;this.internalDataBackup=null;this.resetInternalData=false;this.customStyle="";this.data=null;this.enableDesign=false}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return f(this,y,t)}async refresh(){e(this)}async setProps(t){p(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=Math.random()*16|0,e=t==="x"?i:i&3|8;return e.toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(d.RESET),secondary:true,onClick:()=>{this.resetData()}};const i={icon:"save",label:this.kupManager.language.translate(d.SAVE),onClick:()=>this.onKupSave()};return n("div",{class:"header"},this.enableDesign?n(a,Object.assign({},t)):undefined,this.enableDesign?n(a,Object.assign({},i)):undefined)}buildForm(t,i){const e={form:true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row","form-dropzone":this.enableDesign&&t&&t.sections!=null&&t.sections.length>0};return t?n("div",{class:e,style:this.getGridStyle(t),ref:e=>{if(!e)return;const n=e;n.kupData={parent:i,form:t}}},t.sections.map((i=>this.buildSection(i,t)))):n("div",null,this.kupManager.language.translate(u.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(d.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value;this.refresh()}};const o={icon:"add",slim:true,onClick:()=>{if(!t.sections){t.sections=[]}const i={id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout};t.sections.push(i);this.resetData(this.internalData)}};const s={icon:"remove",slim:true,secondary:true,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1);this.resetData(this.internalData)}};const h={checked:t.loaded,label:this.kupManager.language.translate(d.LOADED),onChange:()=>{t.loaded=!t.loaded;this.refresh()}};const c={checked:t.layout=="column",label:this.kupManager.language.translate(d.VERTICAL),onChange:()=>{t.layout=t.layout=="column"?"row":"column";this.refresh()}};return n("div",{class:"section-header"},n("div",null,t.id," - ",t.layout),n("div",null,n("div",{class:"section-header-actions"},n(l,Object.assign({},e)),n(r,Object.assign({},h)),n(r,Object.assign({},c)),n(a,Object.assign({},o)),n(a,Object.assign({},s)))))}buildSection(t,i){const e={section:true,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign};const o={"section-body":true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row"};return n("div",{class:e,ref:e=>{if(!e)return;const n=e;n.kupData={parent:i,section:t}}},this.enableDesign?this.buildSectionHeader(t,i):undefined,n("div",{class:o,style:this.getGridStyle(t)},!this.enableDesign&&t.loaded&&(!t.sections||t.sections.length==0)?n("slot",{name:t.id}):undefined,t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):undefined))}calcSectionPosition(t,i,e,n,o){let s=n;for(let n=0;n<o.length;n++){const a=o[n];const r=a.getBoundingClientRect();if(e&&t<r.y){s=n;break}else if(!e&&i<r.x){s=n;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i)));t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,m.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i)));this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i)));t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder();this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const n=this.calcSectionPosition(t,i,e.kupData.form.layout=="column",e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,n)}else if(e.kupData.section){const n=this.calcSectionPosition(t,i,e.kupData.section.layout=="column",e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,n)}}dropped(t,i,e){const n=e.kupData.parent.sections.indexOf(e.kupData.section);e.kupData.parent.sections.splice(n,1);if(i.kupData.form){if(!i.kupData.form.sections)i.kupData.form.sections=[];const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,i.kupData.form.layout=="column",i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(n,0,e.kupData.section);e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||i.kupData.section.sections.length==0){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null;e.kupData.section.dim=null;i.kupData.section.id=this.buildGuid();i.kupData.section.sections=[];i.kupData.section.sections.push(t)}const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,i.kupData.section.layout=="column",i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(n,0,e.kupData.section);e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{if(this.enableDesign||!t.dim)e+=" 1fr";else e+=t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim}));if(t.layout=="column")i["gridTemplateRows"]=e;if(t.layout=="row")i["gridTemplateColumns"]=e}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder";t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");if(t)t.parentElement.removeChild(t)}resetData(t=null){if(t)this.internalDataBackup=t;this.resetInternalData=true;setTimeout((()=>{if(this.internalDataBackup){this.internalData=this.internalDataBackup;this.internalDataBackup=null}this.resetInternalData=false}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.resetInternalData){this.internalData=null;this.unregisterInteractables()}else if(!this.internalData)this.internalData=JSON.parse(JSON.stringify(this.data))}componentDidRender(){this.kupManager.debug.logRender(this,true);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");if(i)i.forEach((t=>{h(t)}))}this.didRenderInteractables()}render(){return n(o,{key:"2a5f7d91b832041e5c68460409f8723bcae04c25"},n("style",{key:"00165eccb43eb45e9519e50ae383b6f237b6d293"},this.kupManager.theme.setKupStyle(this.rootElement)),n("div",{key:"66a90a4032f46aec89e48e2e8c3c95d948dee416",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables();this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};v.style=k;export{v as kup_dashboard};
2
- //# sourceMappingURL=p-d5fa41e7.entry.js.map
1
+ import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{F as a}from"./p-cc32b7a2.js";import{F as r}from"./p-5d03c077.js";import{F as l}from"./p-c5845d51.js";import{F as h}from"./p-c4054aba.js";import{k as c,g as p,s as f,ao as d,h as u,R as m,e as g}from"./p-d2ca23dd.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-d4a879fc.js";import"./p-029c7cbe.js";var y;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the component.";t["enableDesign"]="When set to true, the component is in design mode and it is draggable."})(y||(y={}));const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";const k=b;const v=class{constructor(e){t(this,e);this.kupSave=i(this,"kup-dashboard-save",6);this.kupManager=c();this.internalData=null;this.internalDataBackup=null;this.resetInternalData=false;this.customStyle="";this.data=null;this.enableDesign=false}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){f(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=Math.random()*16|0,e=t==="x"?i:i&3|8;return e.toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(d.RESET),secondary:true,onClick:()=>{this.resetData()}};const i={icon:"save",label:this.kupManager.language.translate(d.SAVE),onClick:()=>this.onKupSave()};return n("div",{class:"header"},this.enableDesign?n(a,Object.assign({},t)):undefined,this.enableDesign?n(a,Object.assign({},i)):undefined)}buildForm(t,i){const e={form:true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row","form-dropzone":this.enableDesign&&t&&t.sections!=null&&t.sections.length>0};return t?n("div",{class:e,style:this.getGridStyle(t),ref:e=>{if(!e)return;const n=e;n.kupData={parent:i,form:t}}},t.sections.map((i=>this.buildSection(i,t)))):n("div",null,this.kupManager.language.translate(u.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(d.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value;this.refresh()}};const o={icon:"add",slim:true,onClick:()=>{if(!t.sections){t.sections=[]}const i={id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout};t.sections.push(i);this.resetData(this.internalData)}};const s={icon:"remove",slim:true,secondary:true,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1);this.resetData(this.internalData)}};const h={checked:t.loaded,label:this.kupManager.language.translate(d.LOADED),onChange:()=>{t.loaded=!t.loaded;this.refresh()}};const c={checked:t.layout=="column",label:this.kupManager.language.translate(d.VERTICAL),onChange:()=>{t.layout=t.layout=="column"?"row":"column";this.refresh()}};return n("div",{class:"section-header"},n("div",null,t.id," - ",t.layout),n("div",null,n("div",{class:"section-header-actions"},n(l,Object.assign({},e)),n(r,Object.assign({},h)),n(r,Object.assign({},c)),n(a,Object.assign({},o)),n(a,Object.assign({},s)))))}buildSection(t,i){const e={section:true,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign};const o={"section-body":true,"layout-column":t&&t.layout=="column","layout-row":t&&t.layout=="row"};return n("div",{class:e,ref:e=>{if(!e)return;const n=e;n.kupData={parent:i,section:t}}},this.enableDesign?this.buildSectionHeader(t,i):undefined,n("div",{class:o,style:this.getGridStyle(t)},!this.enableDesign&&t.loaded&&(!t.sections||t.sections.length==0)?n("slot",{name:t.id}):undefined,t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):undefined))}calcSectionPosition(t,i,e,n,o){let s=n;for(let n=0;n<o.length;n++){const a=o[n];const r=a.getBoundingClientRect();if(e&&t<r.y){s=n;break}else if(!e&&i<r.x){s=n;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i)));t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,m.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i)));this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i)));t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder();this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const n=this.calcSectionPosition(t,i,e.kupData.form.layout=="column",e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,n)}else if(e.kupData.section){const n=this.calcSectionPosition(t,i,e.kupData.section.layout=="column",e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,n)}}dropped(t,i,e){const n=e.kupData.parent.sections.indexOf(e.kupData.section);e.kupData.parent.sections.splice(n,1);if(i.kupData.form){if(!i.kupData.form.sections)i.kupData.form.sections=[];const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,i.kupData.form.layout=="column",i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(n,0,e.kupData.section);e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||i.kupData.section.sections.length==0){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null;e.kupData.section.dim=null;i.kupData.section.id=this.buildGuid();i.kupData.section.sections=[];i.kupData.section.sections.push(t)}const n=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,i.kupData.section.layout=="column",i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(n,0,e.kupData.section);e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{if(this.enableDesign||!t.dim)e+=" 1fr";else e+=t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim}));if(t.layout=="column")i["gridTemplateRows"]=e;if(t.layout=="row")i["gridTemplateColumns"]=e}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder";t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");if(t)t.parentElement.removeChild(t)}resetData(t=null){if(t)this.internalDataBackup=t;this.resetInternalData=true;setTimeout((()=>{if(this.internalDataBackup){this.internalData=this.internalDataBackup;this.internalDataBackup=null}this.resetInternalData=false}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable")));this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);if(this.resetInternalData){this.internalData=null;this.unregisterInteractables()}else if(!this.internalData)this.internalData=JSON.parse(JSON.stringify(this.data))}componentDidRender(){this.kupManager.debug.logRender(this,true);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");if(i)i.forEach((t=>{h(t)}))}this.didRenderInteractables()}render(){return n(o,{key:"2a5f7d91b832041e5c68460409f8723bcae04c25"},n("style",{key:"00165eccb43eb45e9519e50ae383b6f237b6d293"},this.kupManager.theme.setKupStyle(this.rootElement)),n("div",{key:"66a90a4032f46aec89e48e2e8c3c95d948dee416",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables();this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};v.style=k;export{v as kup_dashboard};
2
+ //# sourceMappingURL=p-89866b04.entry.js.map
package/dist/ketchup/{p-9fcaf427.entry.js → p-90316bea.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as n,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-5b5d99c4.js";import{k as r,a5 as u,F as c,g as h,s as p,h as f,al as d,ab as m,ak as b,aa as v,am as k,e as g}from"./p-f6a5e96d.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-f2f03a48.js";import"./p-1dd09495.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var w;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options"})(w||(w={}));const j=12;const O=22;const $=t=>{if(t==0){return j/2}if(!t){return null}if(t===1){return 1.5*j}return t*j};const z=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*j};const T=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:87ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const W=T;var D=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var C=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var E=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};var F,I,P,R,N,G,J,V,A,L,B,H,K,X,Y,q,Q,U,Z,tt,et,it,nt,st,ot,lt,at,rt,ut,ct,ht,pt,ft,dt,mt,bt,vt,kt,gt,yt,_t,xt,wt,jt,Ot,$t,zt,St,Mt,Tt,Wt;const Dt=document.documentElement;const Ct=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-input-panel-ready",6);F.add(this);I.set(this,r());P.set(this,new Map([["SmeupTreeNode",D(this,F,"m",St).bind(this)],["SmeupDataTree",D(this,F,"m",Mt).bind(this)],["SmeupTable",D(this,F,"m",Tt).bind(this)],["SmeupDataTable",D(this,F,"m",Tt).bind(this)]]));R.set(this,null);N.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,[]);J.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));V.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",K).bind(this)],[c.EDITOR,D(this,F,"m",X).bind(this)],[c.LABEL,D(this,F,"m",q).bind(this)],[c.TABLE,D(this,F,"m",Y).bind(this)]]));A.set(this,new Map([[x.TAB,D(this,F,"m",it).bind(this)]]));L.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,R,structuredClone(this.data),"f");if(D(this,G,"f").length){D(this,G,"f").map((({event:t,handler:e})=>{this.rootElement.removeEventListener(t,e)}));C(this,G,[],"f")}if(D(this,L,"f").length){D(this,L,"f").map((t=>{D(this,I,"f").keysBinding.unregister(t)}));C(this,L,[],"f")}D(this,F,"m",ot).call(this,this.data)}async getProps(t){return h(this,w,t)}async refresh(){i(this)}async setProps(t){p(this,w,t)}componentWillLoad(){D(this,I,"f").debug.logLoad(this,false);D(this,I,"f").language.register(this);D(this,I,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,I,"f").debug.logLoad(this,true)}componentWillRender(){D(this,I,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){y(e[t])}}D(this,I,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const e=t?[n("p",null,D(this,I,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",B).call(this,t)));return n(s,{key:"62cdea4b11e55aaf3a71231851f798bee78bf60e"},n("style",{key:"de02343d1c662d98d2fb9acce6222072cf61e4fb"},D(this,I,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"76c0582d6e71eff483aa177d252eea61b7804f1b",id:_},e))}disconnectedCallback(){D(this,I,"f").language.unregister(this);D(this,I,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,G=new WeakMap,J=new WeakMap,V=new WeakMap,A=new WeakMap,L=new WeakMap,F=new WeakSet,B=function t(e){var i;const s=e.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((i=s===null||s===void 0?void 0:s.sections)===null||i===void 0?void 0:i.length)){a=e.cells.map((t=>D(this,F,"m",H).call(this,t.cell,e.row,t.column)))}else{a=s.absolute?D(this,F,"m",Z).call(this,e,s):D(this,F,"m",U).call(this,e,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return n("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)}})}},a,!this.hiddenSubmitButton?n(l,{buttonType:"submit",label:D(this,I,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}):null)},H=function t(e,i,s){if(!e){return}const o=D(this,V,"f").get(e.shape);if(o!==undefined){return o(e,s.name)}const l={cell:e,column:s,row:i,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Q).call(this,e,s.title);if(r){return n("div",{class:{"input-panel__label_container":true}},r,n(a,Object.assign({},l)))}return n(a,Object.assign({},l))},K=function t(e,i){return n(l,Object.assign({icon:e.icon,id:i},e.data,{wrapperClass:"form__submit"}))},X=function t(e,i){const s="kup-editor-save";const o=t=>{const e=this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===i)).cell}return t}),null);e.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,G,"f").push({event:s,handler:o});return n("kup-editor",Object.assign({},e.data,{id:i,isReadOnly:!e.isEditable,showToolbar:true}))},Y=function t(e,i){return n("kup-data-table",Object.assign({id:i,editableData:true,showGroups:true,showFilters:true,showFooter:true},e.data))},q=function t(e,i){return n("span",{class:"input-panel-label",id:i},e.value)},Q=function t(e,i){if(!i){return null}const s=Dt.ketchup.data.cell.getType(e,e.shape);if(s===u.RADIO){return n("span",null,i)}return null},U=function t(e,i){const n=D(this,A,"f").get(i.sectionsType);return n?n(e,i.sections):i.sections.map((t=>D(this,F,"m",tt).call(this,e,t)))},Z=function t(e,i){return i.sections.map((t=>D(this,F,"m",et).call(this,e,t)))},tt=function t(e,i,s=false,o={}){var l,a;const r={"input-panel__section":!i.horizontal,"input-panel__horizontal-section":i.horizontal};o.gap=+i.gap>0?`${i.gap}rem`:"1rem";let u=[];if((l=i.sections)===null||l===void 0?void 0:l.length){u=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)));const n=i.sections.some((t=>t.dim));if(!i.gridCols&&i.horizontal){o.gridTemplateColumns=n?i.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.sections.length}, 1fr)`}if(!i.gridRows&&!i.horizontal){o.gridTemplateRows=n?i.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.sections.length}, 1fr)`}}else if((a=i.content)===null||a===void 0?void 0:a.length){u=i.content.map((t=>D(this,F,"m",nt).call(this,e,t)));o.gridTemplateColumns=+i.gridCols>0?`repeat(${i.gridCols}, 1fr)`:"";o.gridTemplateRows=+i.gridRows>0?`repeat(${i.gridRows}, 1fr)`:""}const c=n("div",{class:r,style:o},u);return i.title&&!s?n("div",{class:{"input-panel__section_label_container":true}},n("h3",null,i.title),c):c},et=function t(e,i){var s,o;let l=[];if((s=i.sections)===null||s===void 0?void 0:s.length){l=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((o=i.content)===null||o===void 0?void 0:o.length){l=i.content.map((t=>D(this,F,"m",st).call(this,e,t)))}const a=`${$(i.absoluteWidth)}px`;const r=`${z(i.absoluteHeight)}px`;const u=`${S(i.absoluteRow)}px`;const c=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return n("div",{style:h},l)},it=function t(e,i){if(!this.tabSelected){this.tabSelected=i[0].id||"0"}const s=i.map(((t,e)=>({active:(t.id||`${e}`)===this.tabSelected,value:t.title,icon:t.icon,id:t.id||`${e}`})));const o=i.map(((t,i)=>{const n=t.id||`${i}`;return D(this,F,"m",tt).call(this,e,t,true,{display:this.tabSelected!==n?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,G,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const e=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}return n("div",{class:{"input-panel__tabs_container":true}},n("kup-tab-bar",{data:s,customStyle:l}),o)},nt=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));const o=+i.colSpan>0?i.colSpan:!(+i.colSpan>0)&&!(+i.colStart>0)?1:null;const l=o?`span ${o}`:`${i.colStart}`;const a=+i.colEnd>0?`${i.colEnd}`:"";const r=+i.rowSpan>0?i.rowSpan:!(+i.rowSpan>0)&&!(+i.rowStart>0)?1:null;const u=r?`span ${r}`:`${i.rowStart}`;const c=+i.rowEnd>0?`${i.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},st=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=i.absoluteLength>8?i.absoluteLength:8}else{o=i.absoluteLength}const l=`${$(o)}px`;const a=`${z(1)}px`;const r=`${S(i.absoluteRow)}px`;const u=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},ot=function t(e){var i;const n=((i=e===null||e===void 0?void 0:e.rows)===null||i===void 0?void 0:i.length)?e.rows.reduce(((t,i)=>{const n=e.columns.filter((t=>t.visible)).map((t=>{const e=structuredClone(i.cells[t.name]);const n=e?Object.assign(Object.assign({},e),{data:D(this,F,"m",lt).call(this,e,t),slotData:D(this,F,"m",ct).call(this,e,t),isEditable:true}):null;return{column:t,cell:n}}));return[...t,{cells:n,row:i}]}),[]):[];n.map((({cells:t})=>t.map((({cell:t,column:e})=>{const i=Dt.ketchup.data.cell.getType(t,t.shape);const n=D(this,J,"f").get(i);if(!n){return}const s=this.rootElement.shadowRoot.querySelector(`${n}[id=${e.name}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=n},lt=function t(e,i){const n=Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e,i)),{disabled:!e.editable,id:i.name});const s=Dt.ketchup.data.cell.getType(e,e.shape);const o=e.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",at).call(this,n,Object.assign({},e.data)):Object.assign(Object.assign({},n),l)},at=function t(e,i){for(const n in i){if(i[n]instanceof Object&&!Array.isArray(i[n])&&n in e){e[n]=D(this,F,"m",t).call(this,e[n],i[n])}else{e[n]=i[n]}}return e},rt=function t(){return this.inputPanelCells.reduce(((t,e)=>{const i=Object.keys(e.row.cells).reduce(((t,i)=>{var n;const s=(n=e.cells.find((t=>t.column.name===i)))===null||n===void 0?void 0:n.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",$t).call(this,s.data.data,i))}return Object.assign(Object.assign({},t),{[i]:Object.assign(Object.assign({},e.row.cells[i]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...e.cells.map((t=>t.column))],rows:[...t.rows,{cells:i,layout:e.row.layout}]}}),{columns:[],rows:[]})},ut=function t(e,i){if(!e){return null}const n=e.options;const s=i.title;const o=e.value;const l=Dt.ketchup.data.cell.getType(e,e.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",dt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",ft).bind(this)],[u.CHART,D(this,F,"m",pt).bind(this)],[u.CHIP,D(this,F,"m",ht).bind(this)],[u.CHECKBOX,D(this,F,"m",mt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",bt).bind(this)],[u.COMBOBOX,D(this,F,"m",dt).bind(this)],[u.EDITOR,D(this,F,"m",vt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",ht).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",ht).bind(this)],[u.NUMBER,D(this,F,"m",jt).bind(this)],[u.DATE,D(this,F,"m",_t).bind(this)],[u.OBJECT,D(this,F,"m",xt).bind(this)],[u.RADIO,D(this,F,"m",gt).bind(this)],[u.STRING,D(this,F,"m",kt).bind(this)],[u.SWITCH,D(this,F,"m",yt).bind(this)],[u.TABLE,D(this,F,"m",Ot).bind(this)],[u.TIME,D(this,F,"m",wt).bind(this)]]);const r=a.get(l);return r?r(n,s,o,e,i.name):null},ct=function t(e,i){const n=Dt.ketchup.data.cell.getType(e,e.shape);if(!e.editable){return null}if(n===u.CHIP){return{trailingIcon:true,label:i.title,disabled:!e.editable,id:i.name,fullWidth:false}}if(n===u.MULTI_AUTOCOMPLETE||n===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",dt).call(this,e.options,i.title,null,e,i.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!e.editable,id:i.name})}return null},ht=function t(e,i,n){return d(n)},pt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},ft=function t(e,i,n,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",rt).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,L,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,I,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},dt=function t(e,i,n,s,o){const l=m(n,i,[]);if(s.fun){const t=Dt.ketchup.data.cell.getType(s,s.shape);const e=D(this,N,"f").get(t);if(!e){return}e.map((t=>{const e=t=>{D(this,F,"m",Wt).call(this,t.detail,s.fun,l,o,n)};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}))}else if(e){l.data["kup-list"].data=D(this,F,"m",zt).call(this,e,n)}return l},mt=function t(e,i,n){return b(n,i)},bt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},vt=function t(e,i,n){return{initialValue:n}},kt=function t(e,i,n){return{label:i}},gt=function t(e,i,n){return v(n,e)},yt=function t(e,i,n){return k(n,i)},_t=function t(e,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},xt=function t(e,i,n,s,o){return{initialValue:n||"",label:i||" ",value:n||""}},wt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},jt=function t(e,i,n){return{label:i}},Ot=function t(e,i,n,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,I,"f").debug.logMessage(this,`Empty value for ${o} cell.`,g.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,I,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,g.ERROR);return null}return{data:{columns:t.columns.map((e=>Object.assign(Object.assign({},e),{obj:t.rows[0].cells[e.name].obj}))),rows:t.rows.map((e=>Object.assign(Object.assign({},e),{cells:Object.keys(e.cells).reduce(((i,n)=>{const s=t.columns.find((t=>t.name===n));return Object.assign(Object.assign({},i),{[n]:Object.assign(Object.assign({},e.cells[n]),{data:Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e.cells[n],s)),{disabled:e.cells[n].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,I,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,g.ERROR);return null}},$t=function t(e,i){const n=Object.assign(Object.assign({},e),{rows:e.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=e.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return n}try{const t=JSON.parse(D(this,R,"f").rows[0].cells[i].value);n.rows=e.rows.map(((e,i)=>s.reduce(((n,s)=>{const o=t.rows[i].cells[s]&&e.cells[s].value!==t.rows[i].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[i]),{cells:Object.assign(Object.assign({},n.cells),{[s]:Object.assign(Object.assign({},t.rows[i].cells[s]),{value:e.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[i]),{cells:n.cells})}),Object.assign(Object.assign({},t.rows[i]),{cells:{}}))));return n}catch(t){return n}},zt=function t(e,i){const n=D(this,P,"f").get(e.type);if(n){return n(e,i)}else{return e.map((t=>({value:t.label,id:t.id,selected:i===t.id})))}},St=function t(e,i){return e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:i===e.content.codice,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},Mt=function t(e,i){return e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:i===e.obj.k,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},Tt=function t(e,i){return e.rows.map((t=>{var e;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((e=n[o])===null||e===void 0?void 0:e.value)||n[s].value,selected:i===n[s].value}}))},Wt=function t(e,i,n,s,o){if(e.id!==s||e.open===false){return}this.optionsHandler(i,e.inputValue,D(this,F,"m",rt).call(this),e.id).then((t=>{var i;n.data["kup-list"].data=(i=D(this,F,"m",zt).call(this,t,o))!==null&&i!==void 0?i:[];e.comp.refresh()}))};Ct.style=W;export{Ct as kup_input_panel};
2
- //# sourceMappingURL=p-9fcaf427.entry.js.map
1
+ import{r as t,c as e,f as i,h as n,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-f63dd1ec.js";import{k as r,a5 as u,F as c,g as h,s as p,h as f,aa as d,ac as m,al as b,ab as v,am as k,e as g}from"./p-d2ca23dd.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-c5845d51.js";import"./p-4a84cdec.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var w;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options"})(w||(w={}));const j=12;const O=22;const $=t=>{if(t==0){return j/2}if(!t){return null}if(t===1){return 1.5*j}return t*j};const z=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*j};const T=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:40ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const W=T;var D=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var C=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var E=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};var F,I,P,R,N,G,J,V,A,L,B,H,K,X,Y,q,Q,U,Z,tt,et,it,nt,st,ot,lt,at,rt,ut,ct,ht,pt,ft,dt,mt,bt,vt,kt,gt,yt,_t,xt,wt,jt,Ot,$t,zt,St,Mt,Tt,Wt;const Dt=document.documentElement;const Ct=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-input-panel-ready",6);F.add(this);I.set(this,r());P.set(this,new Map([["SmeupTreeNode",D(this,F,"m",St).bind(this)],["SmeupDataTree",D(this,F,"m",Mt).bind(this)],["SmeupTable",D(this,F,"m",Tt).bind(this)],["SmeupDataTable",D(this,F,"m",Tt).bind(this)]]));R.set(this,null);N.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,[]);J.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));V.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",K).bind(this)],[c.EDITOR,D(this,F,"m",X).bind(this)],[c.LABEL,D(this,F,"m",q).bind(this)],[c.TABLE,D(this,F,"m",Y).bind(this)]]));A.set(this,new Map([[x.TAB,D(this,F,"m",it).bind(this)]]));L.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,R,structuredClone(this.data),"f");if(D(this,G,"f").length){D(this,G,"f").map((({event:t,handler:e})=>{this.rootElement.removeEventListener(t,e)}));C(this,G,[],"f")}if(D(this,L,"f").length){D(this,L,"f").map((t=>{D(this,I,"f").keysBinding.unregister(t)}));C(this,L,[],"f")}D(this,F,"m",ot).call(this,this.data)}async getProps(t){return h(this,w,t)}async refresh(){i(this)}async setProps(t){p(this,w,t)}componentWillLoad(){D(this,I,"f").debug.logLoad(this,false);D(this,I,"f").language.register(this);D(this,I,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,I,"f").debug.logLoad(this,true)}componentWillRender(){D(this,I,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){y(e[t])}}D(this,I,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const e=t?[n("p",null,D(this,I,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",B).call(this,t)));return n(s,{key:"62cdea4b11e55aaf3a71231851f798bee78bf60e"},n("style",{key:"de02343d1c662d98d2fb9acce6222072cf61e4fb"},D(this,I,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"76c0582d6e71eff483aa177d252eea61b7804f1b",id:_},e))}disconnectedCallback(){D(this,I,"f").language.unregister(this);D(this,I,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,G=new WeakMap,J=new WeakMap,V=new WeakMap,A=new WeakMap,L=new WeakMap,F=new WeakSet,B=function t(e){var i;const s=e.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((i=s===null||s===void 0?void 0:s.sections)===null||i===void 0?void 0:i.length)){a=e.cells.map((t=>D(this,F,"m",H).call(this,t.cell,e.row,t.column)))}else{a=s.absolute?D(this,F,"m",Z).call(this,e,s):D(this,F,"m",U).call(this,e,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return n("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)}})}},a,!this.hiddenSubmitButton?n(l,{buttonType:"submit",label:D(this,I,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}):null)},H=function t(e,i,s){if(!e){return}const o=D(this,V,"f").get(e.shape);if(o!==undefined){return o(e,s.name)}const l={cell:e,column:s,row:i,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Q).call(this,e,s.title);if(r){return n("div",{class:{"input-panel__label_container":true}},r,n(a,Object.assign({},l)))}return n(a,Object.assign({},l))},K=function t(e,i){return n(l,Object.assign({icon:e.icon,id:i},e.data,{wrapperClass:"form__submit"}))},X=function t(e,i){const s="kup-editor-save";const o=t=>{const e=this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===i)).cell}return t}),null);e.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,G,"f").push({event:s,handler:o});return n("kup-editor",Object.assign({},e.data,{id:i,isReadOnly:!e.isEditable,showToolbar:true}))},Y=function t(e,i){return n("kup-data-table",Object.assign({id:i,editableData:true,showGroups:true,showFilters:true,showFooter:true},e.data))},q=function t(e,i){return n("span",{class:"input-panel-label",id:i},e.value)},Q=function t(e,i){if(!i){return null}const s=Dt.ketchup.data.cell.getType(e,e.shape);if(s===u.RADIO){return n("span",null,i)}return null},U=function t(e,i){const n=D(this,A,"f").get(i.sectionsType);return n?n(e,i.sections):i.sections.map((t=>D(this,F,"m",tt).call(this,e,t)))},Z=function t(e,i){return i.sections.map((t=>D(this,F,"m",et).call(this,e,t)))},tt=function t(e,i,s=false,o={}){var l,a;const r={"input-panel__section":!i.horizontal,"input-panel__horizontal-section":i.horizontal};o.gap=+i.gap>0?`${i.gap}rem`:"1rem";let u=[];if((l=i.sections)===null||l===void 0?void 0:l.length){u=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)));const n=i.sections.some((t=>t.dim));if(!i.gridCols&&i.horizontal){o.gridTemplateColumns=n?i.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.sections.length}, 1fr)`}if(!i.gridRows&&!i.horizontal){o.gridTemplateRows=n?i.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.sections.length}, 1fr)`}}else if((a=i.content)===null||a===void 0?void 0:a.length){u=i.content.map((t=>D(this,F,"m",nt).call(this,e,t)));o.gridTemplateColumns=+i.gridCols>0?`repeat(${i.gridCols}, 1fr)`:"";o.gridTemplateRows=+i.gridRows>0?`repeat(${i.gridRows}, 1fr)`:""}const c=n("div",{class:r,style:o},u);return i.title&&!s?n("div",{class:{"input-panel__section_label_container":true}},n("h3",null,i.title),c):c},et=function t(e,i){var s,o;let l=[];if((s=i.sections)===null||s===void 0?void 0:s.length){l=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((o=i.content)===null||o===void 0?void 0:o.length){l=i.content.map((t=>D(this,F,"m",st).call(this,e,t)))}const a=`${$(i.absoluteWidth)}px`;const r=`${z(i.absoluteHeight)}px`;const u=`${S(i.absoluteRow)}px`;const c=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return n("div",{style:h},l)},it=function t(e,i){if(!this.tabSelected){this.tabSelected=i[0].id||"0"}const s=i.map(((t,e)=>({active:(t.id||`${e}`)===this.tabSelected,value:t.title,icon:t.icon,id:t.id||`${e}`})));const o=i.map(((t,i)=>{const n=t.id||`${i}`;return D(this,F,"m",tt).call(this,e,t,true,{display:this.tabSelected!==n?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,G,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const e=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}return n("div",{class:{"input-panel__tabs_container":true}},n("kup-tab-bar",{data:s,customStyle:l}),o)},nt=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));const o=+i.colSpan>0?i.colSpan:!(+i.colSpan>0)&&!(+i.colStart>0)?1:null;const l=o?`span ${o}`:`${i.colStart}`;const a=+i.colEnd>0?`${i.colEnd}`:"";const r=+i.rowSpan>0?i.rowSpan:!(+i.rowSpan>0)&&!(+i.rowStart>0)?1:null;const u=r?`span ${r}`:`${i.rowStart}`;const c=+i.rowEnd>0?`${i.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},st=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=i.absoluteLength>8?i.absoluteLength:8}else{o=i.absoluteLength}const l=`${$(o)}px`;const a=`${z(1)}px`;const r=`${S(i.absoluteRow)}px`;const u=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},ot=function t(e){var i;const n=((i=e===null||e===void 0?void 0:e.rows)===null||i===void 0?void 0:i.length)?e.rows.reduce(((t,i)=>{const n=e.columns.filter((t=>t.visible)).map((t=>{const e=structuredClone(i.cells[t.name]);const n=e?Object.assign(Object.assign({},e),{data:D(this,F,"m",lt).call(this,e,t),slotData:D(this,F,"m",ct).call(this,e,t),isEditable:true}):null;return{column:t,cell:n}}));return[...t,{cells:n,row:i}]}),[]):[];n.map((({cells:t})=>t.map((({cell:t,column:e})=>{const i=Dt.ketchup.data.cell.getType(t,t.shape);const n=D(this,J,"f").get(i);if(!n){return}const s=this.rootElement.shadowRoot.querySelector(`${n}[id=${e.name}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=n},lt=function t(e,i){const n=Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e,i)),{disabled:!e.editable,id:i.name});const s=Dt.ketchup.data.cell.getType(e,e.shape);const o=e.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",at).call(this,n,Object.assign({},e.data)):Object.assign(Object.assign({},n),l)},at=function t(e,i){for(const n in i){if(i[n]instanceof Object&&!Array.isArray(i[n])&&n in e){e[n]=D(this,F,"m",t).call(this,e[n],i[n])}else{e[n]=i[n]}}return e},rt=function t(){return this.inputPanelCells.reduce(((t,e)=>{const i=Object.keys(e.row.cells).reduce(((t,i)=>{var n;const s=(n=e.cells.find((t=>t.column.name===i)))===null||n===void 0?void 0:n.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",$t).call(this,s.data.data,i))}return Object.assign(Object.assign({},t),{[i]:Object.assign(Object.assign({},e.row.cells[i]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...e.cells.map((t=>t.column))],rows:[...t.rows,{cells:i,layout:e.row.layout}]}}),{columns:[],rows:[]})},ut=function t(e,i){if(!e){return null}const n=e.options;const s=i.title;const o=e.value;const l=Dt.ketchup.data.cell.getType(e,e.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",dt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",ft).bind(this)],[u.CHART,D(this,F,"m",pt).bind(this)],[u.CHIP,D(this,F,"m",ht).bind(this)],[u.CHECKBOX,D(this,F,"m",mt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",bt).bind(this)],[u.COMBOBOX,D(this,F,"m",dt).bind(this)],[u.EDITOR,D(this,F,"m",vt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",ht).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",ht).bind(this)],[u.NUMBER,D(this,F,"m",jt).bind(this)],[u.DATE,D(this,F,"m",_t).bind(this)],[u.OBJECT,D(this,F,"m",xt).bind(this)],[u.RADIO,D(this,F,"m",gt).bind(this)],[u.STRING,D(this,F,"m",kt).bind(this)],[u.SWITCH,D(this,F,"m",yt).bind(this)],[u.TABLE,D(this,F,"m",Ot).bind(this)],[u.TIME,D(this,F,"m",wt).bind(this)]]);const r=a.get(l);return r?r(n,s,o,e,i.name):null},ct=function t(e,i){const n=Dt.ketchup.data.cell.getType(e,e.shape);if(!e.editable){return null}if(n===u.CHIP){return{trailingIcon:true,label:i.title,disabled:!e.editable,id:i.name,fullWidth:false}}if(n===u.MULTI_AUTOCOMPLETE||n===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",dt).call(this,e.options,i.title,null,e,i.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!e.editable,id:i.name})}return null},ht=function t(e,i,n){return d(n)},pt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},ft=function t(e,i,n,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",rt).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,L,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,I,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},dt=function t(e,i,n,s,o){const l=m(n,i,[]);if(s.fun){const t=Dt.ketchup.data.cell.getType(s,s.shape);const e=D(this,N,"f").get(t);if(!e){return}e.map((t=>{const e=t=>{D(this,F,"m",Wt).call(this,t.detail,s.fun,l,o,n)};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}))}else if(e){l.data["kup-list"].data=D(this,F,"m",zt).call(this,e,n)}return l},mt=function t(e,i,n){return b(n,i)},bt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},vt=function t(e,i,n){return{initialValue:n}},kt=function t(e,i,n){return{label:i}},gt=function t(e,i,n){return v(n,e)},yt=function t(e,i,n){return k(n,i)},_t=function t(e,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},xt=function t(e,i,n,s,o){return{initialValue:n||"",label:i||" ",value:n||""}},wt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},jt=function t(e,i,n){return{label:i}},Ot=function t(e,i,n,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,I,"f").debug.logMessage(this,`Empty value for ${o} cell.`,g.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,I,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,g.ERROR);return null}return{data:{columns:t.columns.map((e=>Object.assign(Object.assign({},e),{obj:t.rows[0].cells[e.name].obj}))),rows:t.rows.map((e=>Object.assign(Object.assign({},e),{cells:Object.keys(e.cells).reduce(((i,n)=>{const s=t.columns.find((t=>t.name===n));return Object.assign(Object.assign({},i),{[n]:Object.assign(Object.assign({},e.cells[n]),{data:Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e.cells[n],s)),{disabled:e.cells[n].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,I,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,g.ERROR);return null}},$t=function t(e,i){const n=Object.assign(Object.assign({},e),{rows:e.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=e.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return n}try{const t=JSON.parse(D(this,R,"f").rows[0].cells[i].value);n.rows=e.rows.map(((e,i)=>s.reduce(((n,s)=>{const o=t.rows[i].cells[s]&&e.cells[s].value!==t.rows[i].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[i]),{cells:Object.assign(Object.assign({},n.cells),{[s]:Object.assign(Object.assign({},t.rows[i].cells[s]),{value:e.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[i]),{cells:n.cells})}),Object.assign(Object.assign({},t.rows[i]),{cells:{}}))));return n}catch(t){return n}},zt=function t(e,i){const n=D(this,P,"f").get(e.type);if(n){return n(e,i)}else{return e.map((t=>({value:t.label,id:t.id,selected:i===t.id})))}},St=function t(e,i){return e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:i===e.content.codice,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},Mt=function t(e,i){return e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:i===e.obj.k,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},Tt=function t(e,i){return e.rows.map((t=>{var e;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((e=n[o])===null||e===void 0?void 0:e.value)||n[s].value,selected:i===n[s].value}}))},Wt=function t(e,i,n,s,o){if(e.id!==s||e.open===false){return}this.optionsHandler(i,e.inputValue,D(this,F,"m",rt).call(this),e.id).then((t=>{var i;n.data["kup-list"].data=(i=D(this,F,"m",zt).call(this,t,o))!==null&&i!==void 0?i:[];e.comp.refresh()}))};Ct.style=W;export{Ct as kup_input_panel};
2
+ //# sourceMappingURL=p-90316bea.entry.js.map
package/dist/ketchup/p-90316bea.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["KupInputPanelLayoutSectionType","KupInputPanelProps","CHAR_WIDTH","ROW_HEIGHT","getAbsoluteWidth","length","getAbsoluteHeight","height","getAbsoluteTop","row","getAbsoluteLeft","col","kupInputPanelCss","KupInputPanelStyle0","dom","document","documentElement","KupInputPanel","_KupInputPanel_kupManager","set","this","kupManagerInstance","_KupInputPanel_optionsAdapterMap","Map","__classPrivateFieldGet","_KupInputPanel_instances","_KupInputPanel_treeOptionsNodeAdapter","bind","_KupInputPanel_dataTreeOptionsChildrenAdapter","_KupInputPanel_tableOptionsAdapter","_KupInputPanel_originalData","_KupInputPanel_eventNames","FCellTypes","AUTOCOMPLETE","MULTI_AUTOCOMPLETE","COMBOBOX","MULTI_COMBOBOX","_KupInputPanel_listeners","_KupInputPanel_cellTypeComponents","DATE","TIME","_KupInputPanel_cellCustomRender","FCellShapes","BUTTON_LIST","_KupInputPanel_renderButton","EDITOR","_KupInputPanel_renderEditor","LABEL","_KupInputPanel_renderLabel","TABLE","_KupInputPanel_renderDataTable","_KupInputPanel_sectionRenderMap","TAB","_KupInputPanel_renderSectionTab","_KupInputPanel_keysShortcut","onDataChanged","__classPrivateFieldSet","structuredClone","data","map","event","handler","rootElement","removeEventListener","key","keysBinding","unregister","_KupInputPanel_mapCells","call","getProps","descriptions","refresh","forceUpdate","setProps","props","componentWillLoad","debug","logLoad","language","register","theme","componentDidLoad","kupReady","emit","comp","id","componentWillRender","logRender","componentDidRender","root","shadowRoot","fs","querySelectorAll","index","FTextFieldMDC","render","isEmptyData","Boolean","inputPanelCells","inputPanelContent","h","translate","KupLanguageGeneric","EMPTY_DATA","inputPanelCell","_KupInputPanel_renderRow","Host","setKupStyle","componentWrapperId","disconnectedCallback","layout","horizontal","rowContent","_a","sections","cells","cell","_KupInputPanel_renderCell","column","absolute","_KupInputPanel_renderAbsoluteLayout","_KupInputPanel_renderGridLayout","classObj","class","name","onSubmit","e","preventDefault","submitCb","value","before","Object","assign","after","_KupInputPanel_reverseMapCells","hiddenSubmitButton","FButton","buttonType","label","CONFIRM","wrapperClass","customRender","get","shape","undefined","cellProps","component","editable","renderKup","setSizes","_KupInputPanel_getLabelComponent","title","FCell","cellId","icon","edtCell","reduce","find","detail","htmlValue","replace","addEventListener","push","isReadOnly","isEditable","showToolbar","editableData","showGroups","showFilters","showFooter","cellType","ketchup","getType","RADIO","sectionRender","sectionsType","section","_KupInputPanel_renderSection","_KupInputPanel_renderAbsoluteSection","customLabelRender","styleObj","gap","content","innerSection","hasDim","some","sec","dim","gridCols","gridTemplateColumns","join","gridRows","gridTemplateRows","_b","field","_KupInputPanel_renderField","sectionContent","style","_KupInputPanel_renderAbsoluteField","width","absoluteWidth","absoluteHeight","top","absoluteRow","left","absoluteColumn","sectionStyle","position","overflow","tabSelected","tabNodes","i","active","sectionId","display","tabCustomStyle","l","includes","node","customStyle","fieldCell","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd","absoluteLength","inpuPanelCells","rows","columns","filter","visible","mappedCell","_KupInputPanel_setProps","slotData","_KupInputPanel_slotData","componentQuery","el","querySelector","setValue","defaultProps","_KupInputPanel_mapData","disabled","noDataProps","__rest","_KupInputPanel_deepObjectsMerge","target","source","Array","isArray","curr","updatedCells","keys","cellState","c","JSON","stringify","_KupInputPanel_getTableUpdatedCell","obj","options","fieldLabel","currentValue","dataAdapterMap","_KupInputPanel_CMBandACPAdapter","_KupInputPanel_BTNAdapter","CHART","_KupInputPanel_GRAAdapter","CHIP","_KupInputPanel_CHIAdapter","CHECKBOX","_KupInputPanel_CHKAdapter","COLOR_PICKER","_KupInputPanel_CLPAdapter","_KupInputPanel_EDTAdapter","NUMBER","_KupInputPanel_NumberAdapter","_KupInputPanel_DateAdapter","OBJECT","_KupInputPanel_ObjectAdapter","_KupInputPanel_RADAdapter","STRING","_KupInputPanel_ITXAdapter","SWITCH","_KupInputPanel_SWTAdapter","_KupInputPanel_DataTableAdapter","_KupInputPanel_TimeAdapter","adapter","trailingIcon","fullWidth","showDropDownIcon","_options","_fieldLabel","CHIAdapter","sizeX","offlineMode","sizeY","_currentValue","onClick","fun","customButtonClickHandler","currentState","keyShortcut","_c","_d","rawOptions","configCMandACP","CMBandACPAdapter","evNames","evName","_KupInputPanel_getAutocompleteEventCallback","_KupInputPanel_optionsTreeComboAdapter","CHKAdapter","initialValue","RADAdapter","SWTAdapter","_cell","_id","_rawOptions","_value","parse","logMessage","KupDebugCategory","WARNING","type","ERROR","tableValue","updated","editableColsId","beforeTableValue","updatedRow","colId","changed","option","selected","children","child","codice","testo","k","fields","open","optionsHandler","inputValue","then"],"sources":["src/components/kup-input-panel/kup-input-panel-declarations.ts","src/components/kup-input-panel/kup-input-panel-utils.ts","src/components/kup-input-panel/kup-input-panel.scss?tag=kup-input-panel&encapsulation=shadow","src/components/kup-input-panel/kup-input-panel.tsx"],"sourcesContent":["import { GenericObject } from '../../components';\nimport {\n KupDataCell,\n KupDataColumn,\n} from '../../managers/kup-data/kup-data-declarations';\n\nexport interface KupInputPanelSubmit {\n value: KupInputPanelSubmitValue;\n cell?: string;\n}\nexport interface KupInputPanelSubmitValue {\n after: KupInputPanelData;\n before: KupInputPanelData;\n}\n\nexport interface KupInputPanelData {\n columns?: KupDataColumn[];\n rows?: KupInputPanelRow[];\n actions?: KupInputPanelAction[];\n}\n\nexport interface KupInputPanelAction {\n type?: string;\n fun?: string;\n}\n\nexport interface KupInputPanelColumn {\n name: string;\n title: string;\n visible?: boolean;\n}\n\nexport interface KupInputPanelRow {\n cells?: KupInputPanelRowCells;\n layout?: KupInputPanelLayout;\n}\n\nexport interface KupInputPanelRowCells {\n [key: string]: KupInputPanelCell;\n}\n\nexport interface KupInputPanelCell extends KupDataCell {\n options?: GenericObject | GenericObject[];\n editable?: boolean;\n mandatory?: boolean;\n fun?: string;\n}\n\nexport interface KupInputPanelCellOptions {\n id: string;\n label: string;\n}\n\nexport interface KupInputPanelLayout {\n horizontal?: boolean;\n absolute?: boolean;\n sections?: KupInputPanelLayoutSection[];\n sectionsType?: KupInputPanelLayoutSectionType;\n}\n\nexport enum KupInputPanelLayoutSectionType {\n TAB = 'tab',\n}\n\nexport interface KupInputPanelLayoutSection {\n id?: string;\n title?: string;\n icon?: string;\n content?: KupInputPanelLayoutField[];\n sections?: KupInputPanelLayoutSection[];\n dim?: string;\n horizontal?: boolean;\n gridCols?: number;\n gridRows?: number;\n // Gap is in rem\n gap?: number;\n sectionsType?: KupInputPanelLayoutSectionType;\n // absolute Attributes\n absoluteColumn?: number;\n absoluteWidth?: number;\n absoluteRow?: number;\n absoluteHeight?: number;\n}\n\nexport interface KupInputPanelLayoutField {\n id: string;\n // Span is referred to start\n colSpan?: number;\n colStart?: number;\n colEnd?: number;\n // Span is referred to start\n rowSpan?: number;\n rowStart?: number;\n rowEnd?: number;\n // absolute Attributes\n absoluteColumn?: number;\n absoluteRow?: number;\n absoluteLength?: number;\n}\n\nexport type DataAdapterFn = (\n options: GenericObject,\n fieldLabel: string,\n currentValue: string,\n cell?: KupInputPanelCell,\n id?: string\n) => Object;\n\nexport type InputPanelCells = {\n cells: { cell: KupDataCell; column: KupDataColumn }[];\n row?: KupInputPanelRow;\n};\n\nexport type InputPanelEvent = {\n state: { cell: KupDataCell; column: KupDataColumn }[];\n data: {\n field: string;\n value: number | string | object;\n };\n};\n\nexport type InputPanelOptionsHandler = (\n fun: string,\n inputValue: string,\n currentState: KupInputPanelData,\n cellId: string\n) => Promise<GenericObject>;\n\nexport type InputPanelButtonClickHandler = (event: {\n fun: string;\n cellId: string;\n currentState: KupInputPanelData;\n}) => void;\n\nexport enum KupInputPanelProps {\n customStyle = 'Custom style of the component.',\n data = 'Actual data of the input panel.',\n hiddenSubmitButton = 'Creates a hidden submit button in order to submit the form with enter.',\n submitCb = 'Sets the callback function on submit form',\n optionsHandler = 'Sets the callback function to recieve options',\n}\n","const CHAR_WIDTH = 12;\nconst ROW_HEIGHT = 22;\n\nexport const getAbsoluteWidth = (length: number) => {\n if (length == 0) {\n return CHAR_WIDTH / 2;\n }\n\n if (!length) {\n return null;\n }\n\n if (length === 1) {\n return 1.5 * CHAR_WIDTH;\n }\n\n return length * CHAR_WIDTH;\n};\n\nexport const getAbsoluteHeight = (height: number) => {\n if (!height) {\n return null;\n }\n\n return height * ROW_HEIGHT;\n};\n\nexport const getAbsoluteTop = (row: number) => {\n if (!row) {\n return null;\n }\n\n return (row - 1) * ROW_HEIGHT;\n};\n\nexport const getAbsoluteLeft = (col: number) => {\n if (!col) {\n return null;\n }\n\n return col * CHAR_WIDTH;\n};\n","/**\n* @prop --kup-input-panel-background-color: Sets background of the component.\n* @prop --kup-input-panel-color: Sets text color of the component.\n* @prop --kup-input-panel-font-family: Sets font family of the component.\n* @prop --kup-input-panel-font-size: Sets font size of the component.\n* @prop --kup-input-panel-label-alignment: Sets the text alignment of labels.\n* @prop --kup-input-panel-label-width: Sets the width of labels.\n* @prop --kup-input-panel-padding: Sets the padding of the input panel.\n*/\n\n:host {\n --kup_input_panel_background_color: var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );\n --kup_input_panel_color: var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );\n --kup_input_panel_font_family: var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );\n --kup_input_panel_font_size: var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );\n --kup_input_panel_label_alignment: var(--kup-input-panel-label-alignment);\n --kup_input_panel_label_width: var(--kup-input-panel-label-width);\n --kup_input_panel_padding: var(--kup-input-panel-padding, 1em 0);\n\n .input-panel {\n background: var(--kup_input_panel_background_color);\n color: var(--kup_input_panel_color);\n display: flex;\n flex-grow: 1;\n overflow: auto;\n padding: var(--kup_input_panel_padding);\n position: relative;\n gap: 2rem;\n\n &--column {\n flex-direction: column;\n }\n\n &__section_label_container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n &__section {\n display: grid;\n\n .f-cell__content {\n > * {\n width: 100%;\n }\n }\n }\n\n &__horizontal-section {\n display: inline-grid;\n }\n\n .f-cell .f-checkbox .checkbox .checkbox__native-control {\n height: 40px;\n width: 40px;\n }\n\n &__label_container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n > .f-cell {\n flex: 1;\n }\n }\n\n &__tabs_container {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: 2rem;\n }\n\n .f-cell.number-cell {\n .f-cell__content {\n --kup-textfield-font-family: var(--kup_cell_font_family);\n\n font-family: var(--kup_cell_font_family);\n }\n }\n\n .input-panel-label {\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n }\n\n &--absolute {\n // TODO: calc the height dynamically\n height: 40ch;\n justify-content: flex-end;\n\n .input-panel-label {\n justify-content: start;\n }\n\n .mdc-text-field {\n height: unset !important;\n }\n }\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Method,\n Prop,\n State,\n VNode,\n Watch,\n forceUpdate,\n h,\n} from '@stencil/core';\nimport {\n KupAutocompleteEventPayload,\n KupComboboxIconClickEventPayload,\n KupDataCell,\n KupDataTableDataset,\n KupDataTableRow,\n KupEditorEventPayload,\n KupTabBarEventPayload,\n KupTabBarNode,\n} from '../../components';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellProps,\n FCellShapes,\n FCellTypes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport {\n GenericObject,\n KupComponent,\n KupEventPayload,\n} from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n DataAdapterFn,\n InputPanelButtonClickHandler,\n InputPanelCells,\n InputPanelOptionsHandler,\n KupInputPanelCell,\n KupInputPanelColumn,\n KupInputPanelData,\n KupInputPanelLayout,\n KupInputPanelLayoutField,\n KupInputPanelLayoutSection,\n KupInputPanelLayoutSectionType,\n KupInputPanelProps,\n KupInputPanelRow,\n KupInputPanelSubmit,\n} from './kup-input-panel-declarations';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\nimport {\n getAbsoluteHeight,\n getAbsoluteLeft,\n getAbsoluteTop,\n getAbsoluteWidth,\n} from './kup-input-panel-utils';\nimport {\n CHIAdapter,\n CHKAdapter,\n CMBandACPAdapter,\n RADAdapter,\n SWTAdapter,\n} from '../../utils/cell-utils';\n\nconst dom: KupDom = document.documentElement as KupDom;\n@Component({\n tag: 'kup-input-panel',\n styleUrl: 'kup-input-panel.scss',\n shadow: true,\n})\nexport class KupInputPanel {\n /**\n * References the root HTML element of the component (<kup-form>).\n */\n @Element() rootElement: HTMLElement;\n\n //#region PROPS\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n\n /**\n * Actual data of the form.\n * @default null\n */\n @Prop() data: KupInputPanelData = null;\n\n /**\n * Creates a hidden submit button in order to submit the form with enter.\n * @default false\n */\n @Prop() hiddenSubmitButton: boolean = false;\n\n /**\n * Sets the callback function on submit form\n * @default null\n */\n @Prop() submitCb: (e: KupInputPanelSubmit) => unknown = null;\n\n /**\n * Sets the callback function on loading options via FUN\n * @default null\n */\n @Prop() optionsHandler: InputPanelOptionsHandler = null;\n\n /**\n * Sets the handler to use when click on custom buttons\n * @default null\n */\n @Prop() customButtonClickHandler?: InputPanelButtonClickHandler = null;\n //#endregion\n\n //#region STATES\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n /**\n * Values to send as props to FCell\n * @default []\n */\n @State() private inputPanelCells: InputPanelCells[] = [];\n\n /**\n * Id of selected tab if exists\n * @default null\n */\n @State() private tabSelected: string = null;\n //#endregion\n\n //#region VARIABLES\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n #kupManager: KupManager = kupManagerInstance();\n\n #optionsAdapterMap = new Map<\n string,\n (options: any, currentValue: string) => GenericObject[]\n >([\n ['SmeupTreeNode', this.#treeOptionsNodeAdapter.bind(this)],\n ['SmeupDataTree', this.#dataTreeOptionsChildrenAdapter.bind(this)],\n ['SmeupTable', this.#tableOptionsAdapter.bind(this)],\n ['SmeupDataTable', this.#tableOptionsAdapter.bind(this)],\n ]);\n\n #originalData: KupInputPanelData = null;\n\n #eventNames = new Map<FCellTypes, string[]>([\n [\n FCellTypes.AUTOCOMPLETE,\n ['kup-autocomplete-input', 'kup-autocomplete-iconclick'],\n ],\n [\n FCellTypes.MULTI_AUTOCOMPLETE,\n ['kup-autocomplete-input', 'kup-autocomplete-iconclick'],\n ],\n [FCellTypes.COMBOBOX, ['kup-combobox-iconclick']],\n [FCellTypes.MULTI_COMBOBOX, ['kup-combobox-iconclick']],\n ]);\n #listeners: { event: string; handler: (e) => void }[] = [];\n #cellTypeComponents: Map<FCellTypes, string> = new Map<FCellTypes, string>([\n [FCellTypes.DATE, 'kup-date-picker'],\n [FCellTypes.TIME, 'kup-time-picker'],\n ]);\n #cellCustomRender: Map<\n FCellShapes,\n (cell: KupDataCell, cellId: string) => any\n > = new Map<FCellShapes, (cell: KupDataCell, cellId: string) => any>([\n [FCellShapes.BUTTON_LIST, this.#renderButton.bind(this)],\n [FCellShapes.EDITOR, this.#renderEditor.bind(this)],\n [FCellShapes.LABEL, this.#renderLabel.bind(this)],\n [FCellShapes.TABLE, this.#renderDataTable.bind(this)],\n ]);\n #sectionRenderMap: Map<\n KupInputPanelLayoutSectionType,\n (cells: InputPanelCells, sections: KupInputPanelLayoutSection[]) => any\n > = new Map<\n KupInputPanelLayoutSectionType,\n (cells: InputPanelCells, sections: KupInputPanelLayoutSection[]) => any\n >([\n [KupInputPanelLayoutSectionType.TAB, this.#renderSectionTab.bind(this)],\n ]);\n #keysShortcut: string[] = [];\n //#endregion\n\n //#region WATCHERS\n /*-------------------------------------------------*/\n /* W a t c h e r s */\n /*-------------------------------------------------*/\n\n @Watch('data')\n onDataChanged() {\n this.#originalData = structuredClone(this.data);\n if (this.#listeners.length) {\n this.#listeners.map(({ event, handler }) => {\n this.rootElement.removeEventListener(event, handler);\n });\n this.#listeners = [];\n }\n\n if (this.#keysShortcut.length) {\n this.#keysShortcut.map((key) => {\n this.#kupManager.keysBinding.unregister(key);\n });\n this.#keysShortcut = [];\n }\n\n this.#mapCells(this.data);\n }\n //#endregion\n\n //#region PUBLIC METHODS\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Used to retrieve component's props values.\n * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n */\n @Method()\n async getProps(descriptions?: boolean): Promise<GenericObject> {\n return getProps(this, KupInputPanelProps, descriptions);\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n /**\n * Sets the props to the component.\n * @param {GenericObject} props - Object containing props that will be set to the component.\n */\n @Method()\n async setProps(props: GenericObject): Promise<void> {\n setProps(this, KupInputPanelProps, props);\n }\n //#endregion\n\n //#region EVENTS\n /*-------------------------------------------------*/\n /* Events */\n /*-------------------------------------------------*/\n\n /**\n * When component load is complete\n */\n @Event({\n eventName: 'kup-input-panel-ready',\n composed: true,\n cancelable: false,\n bubbles: true,\n })\n kupReady: EventEmitter<KupEventPayload>;\n //#endregion\n\n //#region PRIVATE METHODS\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n #renderRow(inputPanelCell: InputPanelCells) {\n const layout = inputPanelCell.row.layout;\n\n const horizontal = layout?.horizontal || false;\n\n let rowContent: VNode[];\n\n if (!layout?.sections?.length) {\n rowContent = inputPanelCell.cells.map((cell) =>\n this.#renderCell(cell.cell, inputPanelCell.row, cell.column)\n );\n } else {\n rowContent = layout.absolute\n ? this.#renderAbsoluteLayout(inputPanelCell, layout)\n : this.#renderGridLayout(inputPanelCell, layout);\n }\n\n const classObj = {\n 'input-panel': true,\n 'input-panel--column': !horizontal,\n 'input-panel--absolute': layout?.absolute,\n };\n\n // We create a form for each row in data\n return (\n <form\n class={classObj}\n name={this.rootElement.id}\n onSubmit={(e: SubmitEvent) => {\n e.preventDefault();\n this.submitCb({\n value: {\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n },\n });\n }}\n >\n {rowContent}\n {!this.hiddenSubmitButton ? (\n <FButton\n buttonType=\"submit\"\n label={this.#kupManager.language.translate(\n KupLanguageGeneric.CONFIRM\n )}\n wrapperClass=\"form__submit\"\n ></FButton>\n ) : null}\n </form>\n );\n }\n\n #renderCell(\n cell: KupDataCell,\n row: KupInputPanelRow,\n column: KupInputPanelColumn\n ) {\n if (!cell) {\n return;\n }\n\n const customRender = this.#cellCustomRender.get(cell.shape);\n\n if (customRender !== undefined) {\n return customRender(cell, column.name);\n }\n\n const cellProps: FCellProps = {\n cell,\n column,\n row,\n component: this,\n editable: true,\n renderKup: true,\n setSizes: true,\n };\n\n const label = this.#getLabelComponent(cell, column.title);\n\n if (label) {\n return (\n <div class={{ 'input-panel__label_container': true }}>\n {label}\n <FCell {...cellProps} />\n </div>\n );\n }\n\n return <FCell {...cellProps} />;\n }\n\n #renderButton(cell: KupDataCell, cellId: string) {\n return (\n <FButton\n icon={cell.icon}\n id={cellId}\n {...cell.data}\n wrapperClass=\"form__submit\"\n ></FButton>\n );\n }\n\n #renderEditor(cell: KupDataCell, cellId: string) {\n const event = 'kup-editor-save';\n const handler = (e: CustomEvent<KupEditorEventPayload>) => {\n const edtCell: KupDataCell =\n this.inputPanelCells.reduce<KupDataCell>((cell, { cells }) => {\n if (!cell) {\n return cells.find(\n ({ column }) => column.name === cellId\n ).cell;\n }\n return cell;\n }, null);\n edtCell.value = e.detail.htmlValue.replace(/\\n/g, '<br>');\n };\n\n this.rootElement.addEventListener(event, handler);\n\n this.#listeners.push({\n event,\n handler,\n });\n\n return (\n <kup-editor\n {...cell.data}\n id={cellId}\n isReadOnly={!cell.isEditable}\n showToolbar={true}\n ></kup-editor>\n );\n }\n\n #renderDataTable(cell: KupDataCell, cellId: string) {\n return (\n <kup-data-table\n id={cellId}\n editableData={true}\n showGroups={true}\n showFilters={true}\n showFooter={true}\n {...cell.data}\n ></kup-data-table>\n );\n }\n\n #renderLabel(cell: KupDataCell, cellId: string) {\n return (\n <span class=\"input-panel-label\" id={cellId}>\n {cell.value}\n </span>\n );\n }\n\n #getLabelComponent(cell: KupDataCell, label: string) {\n if (!label) {\n return null;\n }\n\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n if (cellType === FCellTypes.RADIO) {\n return <span>{label}</span>;\n }\n\n return null;\n }\n\n #renderGridLayout(\n inputPanelCell: InputPanelCells,\n layout: KupInputPanelLayout\n ) {\n const sectionRender = this.#sectionRenderMap.get(layout.sectionsType);\n\n return sectionRender\n ? sectionRender(inputPanelCell, layout.sections)\n : layout.sections.map((section) =>\n this.#renderSection(inputPanelCell, section)\n );\n }\n\n #renderAbsoluteLayout(\n inputPanelCell: InputPanelCells,\n layout: KupInputPanelLayout\n ) {\n return layout.sections.map((section) =>\n this.#renderAbsoluteSection(inputPanelCell, section)\n );\n }\n\n #renderSection(\n cells: InputPanelCells,\n section: KupInputPanelLayoutSection,\n customLabelRender: boolean = false,\n styleObj: GenericObject = {}\n ) {\n const classObj = {\n 'input-panel__section': !section.horizontal,\n 'input-panel__horizontal-section': section.horizontal,\n };\n\n styleObj.gap = +section.gap > 0 ? `${section.gap}rem` : '1rem';\n\n let content = [];\n\n if (section.sections?.length) {\n content = section.sections.map((innerSection) =>\n this.#renderSection(cells, innerSection)\n );\n\n const hasDim = section.sections.some((sec) => sec.dim);\n\n if (!section.gridCols && section.horizontal) {\n styleObj.gridTemplateColumns = hasDim\n ? section.sections.map((sec) => sec.dim || 'auto').join(' ')\n : `repeat(${section.sections.length}, 1fr)`;\n }\n\n if (!section.gridRows && !section.horizontal) {\n styleObj.gridTemplateRows = hasDim\n ? section.sections.map((sec) => sec.dim || 'auto').join(' ')\n : `repeat(${section.sections.length}, 1fr)`;\n }\n } else if (section.content?.length) {\n content = section.content.map((field) =>\n this.#renderField(cells, field)\n );\n styleObj.gridTemplateColumns =\n +section.gridCols > 0 ? `repeat(${section.gridCols}, 1fr)` : '';\n\n styleObj.gridTemplateRows =\n +section.gridRows > 0 ? `repeat(${section.gridRows}, 1fr)` : '';\n }\n\n const sectionContent = (\n <div class={classObj} style={styleObj}>\n {content}\n </div>\n );\n\n return section.title && !customLabelRender ? (\n <div class={{ 'input-panel__section_label_container': true }}>\n <h3>{section.title}</h3>\n {sectionContent}\n </div>\n ) : (\n sectionContent\n );\n }\n\n #renderAbsoluteSection(\n cells: InputPanelCells,\n section: KupInputPanelLayoutSection\n ) {\n let content = [];\n\n if (section.sections?.length) {\n content = section.sections.map((innerSection) =>\n this.#renderAbsoluteSection(cells, innerSection)\n );\n } else if (section.content?.length) {\n content = section.content.map((field) =>\n this.#renderAbsoluteField(cells, field)\n );\n }\n\n const width = `${getAbsoluteWidth(section.absoluteWidth)}px`;\n const height = `${getAbsoluteHeight(section.absoluteHeight)}px`;\n const top = `${getAbsoluteTop(section.absoluteRow)}px`;\n const left = `${getAbsoluteLeft(section.absoluteColumn)}px`;\n\n const sectionStyle = {\n position: 'absolute',\n width,\n 'min-width': width,\n 'max-width': width,\n height,\n 'min-height': height,\n 'max-height': height,\n top,\n left,\n overflow: 'auto',\n };\n\n return <div style={sectionStyle}>{content}</div>;\n }\n\n #renderSectionTab(\n cells: InputPanelCells,\n sections: KupInputPanelLayoutSection[]\n ) {\n if (!this.tabSelected) {\n this.tabSelected = sections[0].id || '0';\n }\n\n const tabNodes: KupTabBarNode[] = sections.map((section, i) => ({\n active: (section.id || `${i}`) === this.tabSelected,\n value: section.title,\n icon: section.icon,\n id: section.id || `${i}`,\n }));\n\n const sectionContent = sections.map((section, i) => {\n const sectionId = section.id || `${i}`;\n return this.#renderSection(cells, section, true, {\n display: this.tabSelected !== sectionId ? 'none' : 'grid',\n });\n });\n\n const tabCustomStyle =\n '.tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }';\n\n if (!this.#listeners.map((l) => l.event).includes('kup-tabbar-click')) {\n const event = 'kup-tabbar-click';\n const handler = (e: CustomEvent<KupTabBarEventPayload>) => {\n this.tabSelected = e.detail.node.id;\n };\n\n this.rootElement.addEventListener(event, handler);\n this.#listeners.push({\n event,\n handler,\n });\n }\n\n return (\n <div class={{ 'input-panel__tabs_container': true }}>\n <kup-tab-bar\n data={tabNodes}\n customStyle={tabCustomStyle}\n ></kup-tab-bar>\n {sectionContent}\n </div>\n );\n }\n\n #renderField(cells: InputPanelCells, field: KupInputPanelLayoutField) {\n const fieldCell = cells.cells.find(\n (cell) => cell.column.name === field.id\n );\n\n const colSpan =\n +field.colSpan > 0\n ? field.colSpan\n : !(+field.colSpan > 0) && !(+field.colStart > 0)\n ? 1\n : null;\n\n const colStart = colSpan ? `span ${colSpan}` : `${field.colStart}`;\n\n const colEnd = +field.colEnd > 0 ? `${field.colEnd}` : '';\n\n const rowSpan =\n +field.rowSpan > 0\n ? field.rowSpan\n : !(+field.rowSpan > 0) && !(+field.rowStart > 0)\n ? 1\n : null;\n\n const rowStart = rowSpan ? `span ${rowSpan}` : `${field.rowStart}`;\n\n const rowEnd = +field.rowEnd > 0 ? `${field.rowEnd}` : '';\n\n const styleObj = {\n 'grid-column-start': colStart,\n 'grid-column-end': colEnd,\n 'grid-row-start': rowStart,\n 'grid-row-end': rowEnd,\n };\n\n if (!fieldCell || !fieldCell.cell) {\n return;\n }\n\n return (\n <div style={styleObj}>\n {this.#renderCell(fieldCell.cell, cells.row, fieldCell.column)}\n </div>\n );\n }\n\n #renderAbsoluteField(\n cells: InputPanelCells,\n field: KupInputPanelLayoutField\n ) {\n const fieldCell = cells.cells.find(\n (cell) => cell.column.name === field.id\n );\n if (!fieldCell || !fieldCell.cell) {\n return;\n }\n\n let length: number;\n if (fieldCell.cell.shape == FCellShapes.DATE) {\n length = field.absoluteLength > 8 ? field.absoluteLength : 8;\n } else {\n length = field.absoluteLength;\n }\n\n const width = `${getAbsoluteWidth(length)}px`;\n const height = `${getAbsoluteHeight(1)}px`;\n const top = `${getAbsoluteTop(field.absoluteRow)}px`;\n const left = `${getAbsoluteLeft(field.absoluteColumn)}px`;\n\n const styleObj = {\n position: 'absolute',\n width,\n 'min-width': width,\n 'max-width': width,\n height,\n 'min-height': height,\n 'max-height': height,\n top,\n left,\n overflow: 'auto',\n };\n\n fieldCell.cell.data = {\n ...fieldCell.cell.data,\n customStyle:\n (fieldCell.cell.data.customStyle || '') +\n '.mdc-text-field {height: unset !important;}',\n };\n\n return (\n <div style={styleObj}>\n {this.#renderCell(fieldCell.cell, cells.row, fieldCell.column)}\n </div>\n );\n }\n\n #mapCells(data: KupInputPanelData) {\n const inpuPanelCells = data?.rows?.length\n ? data.rows.reduce((inpuPanelCells, row) => {\n const cells = data.columns\n .filter((column) => column.visible)\n .map((column) => {\n const cell = structuredClone(row.cells[column.name]);\n const mappedCell = cell\n ? {\n ...cell,\n data: this.#setProps(cell, column),\n slotData: this.#slotData(cell, column),\n isEditable: true,\n }\n : null;\n return { column, cell: mappedCell };\n });\n return [...inpuPanelCells, { cells, row }];\n }, [])\n : [];\n\n inpuPanelCells.map(({ cells }: InputPanelCells) =>\n cells.map(({ cell, column }) => {\n const cellType = dom.ketchup.data.cell.getType(\n cell,\n cell.shape\n );\n const componentQuery = this.#cellTypeComponents.get(cellType);\n if (!componentQuery) {\n return;\n }\n\n const el: any = this.rootElement.shadowRoot.querySelector(\n `${componentQuery}[id=${column.name}]`\n );\n el?.setValue(cell.value);\n })\n );\n\n this.inputPanelCells = inpuPanelCells;\n }\n\n #setProps(cell: KupInputPanelCell, column: KupInputPanelColumn) {\n const defaultProps = {\n ...this.#mapData(cell, column),\n disabled: !cell.editable,\n id: column.name,\n };\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n const { data, ...noDataProps } = cell.data || {};\n\n return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n cellType !== FCellTypes.MULTI_COMBOBOX\n ? this.#deepObjectsMerge(defaultProps, {\n ...cell.data,\n })\n : // Add and ovverride defaultProps of Chip host component except data\n {\n ...defaultProps,\n ...noDataProps,\n };\n }\n\n #deepObjectsMerge(target: GenericObject, source: GenericObject) {\n for (const key in source) {\n if (\n source[key] instanceof Object &&\n !Array.isArray(source[key]) &&\n key in target\n ) {\n target[key] = this.#deepObjectsMerge(target[key], source[key]);\n } else {\n target[key] = source[key];\n }\n }\n return target;\n }\n\n #reverseMapCells(): KupInputPanelData {\n return this.inputPanelCells.reduce(\n (data, curr) => {\n const updatedCells = Object.keys(curr.row.cells).reduce(\n (cells, key) => {\n const cellState = curr.cells.find(\n (c) => c.column.name === key\n )?.cell;\n\n let value: any = cellState?.value;\n\n if (cellState?.shape === FCellShapes.TABLE) {\n value = JSON.stringify(\n this.#getTableUpdatedCell(\n cellState.data.data,\n key\n )\n );\n }\n\n return {\n ...cells,\n [key]: {\n ...curr.row.cells[key],\n value,\n obj: cellState?.obj,\n },\n };\n },\n {}\n );\n\n return {\n columns: [\n ...data.columns,\n ...curr.cells.map((cell) => cell.column),\n ],\n rows: [\n ...data.rows,\n {\n cells: updatedCells,\n layout: curr.row.layout,\n },\n ],\n };\n },\n {\n columns: [],\n rows: [],\n }\n );\n }\n\n #mapData(cell: KupInputPanelCell, col: KupInputPanelColumn) {\n if (!cell) {\n return null;\n }\n\n const options = cell.options;\n const fieldLabel = col.title;\n const currentValue = cell.value;\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n [FCellTypes.AUTOCOMPLETE, this.#CMBandACPAdapter.bind(this)],\n [FCellTypes.BUTTON_LIST, this.#BTNAdapter.bind(this)],\n [FCellTypes.CHART, this.#GRAAdapter.bind(this)],\n [FCellTypes.CHIP, this.#CHIAdapter.bind(this)],\n [FCellTypes.CHECKBOX, this.#CHKAdapter.bind(this)],\n [FCellTypes.COLOR_PICKER, this.#CLPAdapter.bind(this)],\n [FCellTypes.COMBOBOX, this.#CMBandACPAdapter.bind(this)],\n [FCellTypes.EDITOR, this.#EDTAdapter.bind(this)],\n [FCellTypes.MULTI_AUTOCOMPLETE, this.#CHIAdapter.bind(this)],\n [FCellTypes.MULTI_COMBOBOX, this.#CHIAdapter.bind(this)],\n [FCellTypes.NUMBER, this.#NumberAdapter.bind(this)],\n [FCellTypes.DATE, this.#DateAdapter.bind(this)],\n [FCellTypes.OBJECT, this.#ObjectAdapter.bind(this)],\n [FCellTypes.RADIO, this.#RADAdapter.bind(this)],\n [FCellTypes.STRING, this.#ITXAdapter.bind(this)],\n [FCellTypes.SWITCH, this.#SWTAdapter.bind(this)],\n [FCellTypes.TABLE, this.#DataTableAdapter.bind(this)],\n [FCellTypes.TIME, this.#TimeAdapter.bind(this)],\n ]);\n\n const adapter = dataAdapterMap.get(cellType);\n\n return adapter\n ? adapter(options, fieldLabel, currentValue, cell, col.name)\n : null;\n }\n\n #slotData(cell: KupInputPanelCell, col: KupInputPanelColumn) {\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n if (!cell.editable) {\n return null;\n }\n\n if (cellType === FCellTypes.CHIP) {\n return {\n trailingIcon: true,\n label: col.title,\n disabled: !cell.editable,\n id: col.name,\n fullWidth: false,\n };\n }\n\n if (\n cellType === FCellTypes.MULTI_AUTOCOMPLETE ||\n cellType === FCellTypes.MULTI_COMBOBOX\n ) {\n return {\n ...this.#CMBandACPAdapter(\n cell.options,\n col.title,\n null,\n cell,\n col.name\n ),\n showDropDownIcon: true,\n class: '',\n style: { width: '100%' },\n disabled: !cell.editable,\n id: col.name,\n };\n }\n\n return null;\n }\n\n #CHIAdapter(\n _options: GenericObject,\n _fieldLabel: string,\n currentValue: string\n ) {\n return CHIAdapter(currentValue);\n }\n\n #GRAAdapter() {\n //TODO: definire mapping\n return {\n data: {\n sizeX: '50px',\n offlineMode: {\n value: '8;4;5',\n },\n id: 'i1012_GREF_0',\n cellId: 'i1012_GREF_0',\n sizeY: '50px',\n },\n };\n }\n\n #BTNAdapter(\n _options: GenericObject,\n _fieldLabel: string,\n _currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n cell.data = cell.data || {};\n\n cell.data.onClick = () => {\n cell.fun\n ? this.customButtonClickHandler({\n fun: cell.fun,\n cellId: id,\n currentState: this.#reverseMapCells(),\n })\n : this.submitCb({\n value: {\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n },\n cell: id,\n });\n };\n\n if (cell.data?.keyShortcut && !cell.data?.disabled) {\n this.#keysShortcut.push(cell.data?.keyShortcut);\n this.#kupManager.keysBinding.register(\n cell.data?.keyShortcut,\n cell.data.onClick.bind(this)\n );\n }\n\n return {\n label: cell.value,\n fun: cell.fun,\n ...cell.data,\n };\n }\n\n #CMBandACPAdapter(\n rawOptions: GenericObject,\n fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n if (cell.fun) {\n const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n const evNames = this.#eventNames.get(cellType);\n\n if (!evNames) {\n return;\n }\n\n evNames.map((evName) => {\n const handler = (\n e: CustomEvent<KupAutocompleteEventPayload>\n ) => {\n this.#getAutocompleteEventCallback(\n e.detail,\n cell.fun,\n configCMandACP,\n id,\n currentValue\n );\n };\n this.rootElement.addEventListener(evName, handler);\n this.#listeners.push({\n event: evName,\n handler,\n });\n });\n } else if (rawOptions) {\n configCMandACP.data['kup-list'].data =\n this.#optionsTreeComboAdapter(rawOptions, currentValue);\n }\n\n return configCMandACP;\n }\n\n #CHKAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string\n ) {\n return CHKAdapter(currentValue, fieldLabel);\n }\n\n #CLPAdapter(\n _options: GenericObject,\n fieldLabel: string,\n _currentValue: string\n ) {\n return {\n data: {\n 'kup-text-field': {\n label: fieldLabel,\n },\n },\n };\n }\n\n #EDTAdapter(\n _options: GenericObject,\n _fieldLabel: string,\n currentValue: string\n ) {\n return {\n initialValue: currentValue,\n };\n }\n\n #ITXAdapter(\n _options: GenericObject,\n fieldLabel: string,\n _currentValue: string\n ) {\n return { label: fieldLabel };\n }\n\n #RADAdapter(\n options: GenericObject,\n _fieldLabel: string,\n currentValue: string\n ) {\n return RADAdapter(currentValue, options);\n }\n\n #SWTAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string\n ) {\n return SWTAdapter(currentValue, fieldLabel);\n }\n\n #DateAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string\n ) {\n return {\n data: {\n 'kup-text-field': {\n label: fieldLabel,\n },\n },\n initialValue: currentValue,\n };\n }\n\n #ObjectAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string,\n _cell: KupInputPanelCell,\n _id: string\n ) {\n return {\n initialValue: currentValue || '',\n label: fieldLabel || ' ',\n value: currentValue || '',\n };\n }\n\n #TimeAdapter(\n _options: GenericObject,\n fieldLabel: string,\n _currentValue: string\n ) {\n return {\n data: {\n 'kup-text-field': {\n label: fieldLabel,\n },\n },\n };\n }\n\n #NumberAdapter(\n _options: GenericObject,\n fieldLabel: string,\n _currentValue: string\n ) {\n return { label: fieldLabel };\n }\n\n #DataTableAdapter(\n _rawOptions: GenericObject,\n _fieldLabel: string,\n _value: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n try {\n let data = JSON.parse(cell.value);\n\n if (!data) {\n this.#kupManager.debug.logMessage(\n this,\n `Empty value for ${id} cell.`,\n KupDebugCategory.WARNING\n );\n return null;\n }\n\n if ((data as any).type !== 'SmeupDataTable') {\n this.#kupManager.debug.logMessage(\n this,\n `Wrong data table type for ${id} cell. Type \\`SmeupDataTable\\` in value expected`,\n KupDebugCategory.ERROR\n );\n return null;\n }\n\n return {\n data: {\n columns: data.columns.map((col) => ({\n ...col,\n obj: data.rows[0].cells[col.name].obj,\n })),\n rows: data.rows.map((row) => ({\n ...row,\n cells: Object.keys(row.cells).reduce((cell, key) => {\n const column = data.columns.find(\n (col) => col.name === key\n );\n return {\n ...cell,\n [key]: {\n ...row.cells[key],\n data: {\n ...this.#mapData(\n row.cells[key],\n column\n ),\n disabled:\n row.cells[key].editable === false,\n id: column.id,\n },\n },\n };\n }, {}),\n })),\n },\n };\n } catch (e) {\n this.#kupManager.debug.logMessage(\n this,\n `Invalid value for ${id} cell. Type \\`SmeupDataTable\\` expected`,\n KupDebugCategory.ERROR\n );\n return null;\n }\n }\n\n #getTableUpdatedCell(\n tableValue: KupDataTableDataset,\n cellId: string\n ): KupDataTableDataset {\n const updated: KupDataTableDataset = {\n ...tableValue,\n rows: tableValue.rows.map((row) => ({ ...row, cells: {} })),\n };\n\n const editableColsId = tableValue.columns\n .filter((col) => col.isEditable)\n .map((col) => col.name);\n\n if (!editableColsId.length) {\n return updated;\n }\n\n try {\n const beforeTableValue = JSON.parse(\n this.#originalData.rows[0].cells[cellId].value\n );\n\n updated.rows = tableValue.rows.map((row, i) =>\n editableColsId.reduce<KupDataTableRow>(\n (updatedRow, colId) => {\n const changed =\n beforeTableValue.rows[i].cells[colId] &&\n row.cells[colId].value !==\n beforeTableValue.rows[i].cells[colId].value;\n\n if (changed) {\n return {\n ...beforeTableValue.rows[i],\n cells: {\n ...updatedRow.cells,\n [colId]: {\n ...beforeTableValue.rows[i].cells[\n colId\n ],\n value: row.cells[colId].value,\n },\n },\n };\n }\n\n return {\n ...beforeTableValue.rows[i],\n cells: updatedRow.cells,\n };\n },\n { ...beforeTableValue.rows[i], cells: {} }\n )\n );\n\n return updated;\n } catch (e) {\n return updated;\n }\n }\n\n #optionsTreeComboAdapter(options: any, currentValue: string) {\n const adapter = this.#optionsAdapterMap.get(options.type);\n\n if (adapter) {\n return adapter(options, currentValue);\n } else {\n return options.map((option) => ({\n value: option.label,\n id: option.id,\n selected: currentValue === option.id,\n }));\n }\n }\n\n #treeOptionsNodeAdapter(\n options: any,\n currentValue: string\n ): GenericObject[] {\n return options.children.map((child) => ({\n id: child.content.codice,\n value: child.content.testo,\n selected: currentValue === child.content.codice,\n children: child.children?.length\n ? this.#treeOptionsNodeAdapter(child, currentValue)\n : [],\n }));\n }\n\n #dataTreeOptionsChildrenAdapter(\n options: any,\n currentValue: string\n ): GenericObject[] {\n return options.children.map((child) => ({\n id: child.obj.k,\n value: child.value,\n selected: currentValue === child.obj.k,\n children: child.children?.length\n ? this.#dataTreeOptionsChildrenAdapter(child, currentValue)\n : [],\n }));\n }\n\n #tableOptionsAdapter(options: any, currentValue: string): GenericObject[] {\n return options.rows.map((row) => {\n const cells = row.fields || row.cells;\n const [id, value] = Object.keys(cells);\n\n return {\n id: cells[id].value,\n value: cells[value]?.value || cells[id].value,\n selected: currentValue === cells[id].value,\n };\n });\n }\n\n #getAutocompleteEventCallback(\n detail: KupAutocompleteEventPayload | KupComboboxIconClickEventPayload,\n fun: string,\n data: any,\n id: string,\n currentValue: string\n ) {\n if (\n detail.id !== id ||\n (detail as KupComboboxIconClickEventPayload).open === false\n ) {\n return;\n }\n this.optionsHandler(\n fun,\n detail.inputValue,\n this.#reverseMapCells(),\n detail.id\n ).then((options) => {\n data.data['kup-list'].data =\n this.#optionsTreeComboAdapter(options, currentValue) ?? [];\n detail.comp.refresh();\n });\n }\n\n //#endregion\n\n //#region LIFECYCLE HOOKS\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.#kupManager.debug.logLoad(this, false);\n this.#kupManager.language.register(this);\n this.#kupManager.theme.register(this);\n this.onDataChanged();\n }\n\n componentDidLoad() {\n this.kupReady.emit({ comp: this, id: this.rootElement.id });\n this.#kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.#kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n const root: ShadowRoot = this.rootElement.shadowRoot;\n if (root) {\n const fs: NodeListOf<HTMLElement> =\n root.querySelectorAll('.f-text-field');\n for (let index = 0; index < fs.length; index++) {\n FTextFieldMDC(fs[index]);\n }\n }\n this.#kupManager.debug.logRender(this, true);\n }\n\n render() {\n const isEmptyData = Boolean(!this.inputPanelCells.length);\n\n const inputPanelContent: VNode[] = isEmptyData\n ? [\n <p>\n {this.#kupManager.language.translate(\n KupLanguageGeneric.EMPTY_DATA\n )}\n </p>,\n ]\n : this.inputPanelCells.map((inputPanelCell) =>\n this.#renderRow(inputPanelCell)\n );\n\n return (\n <Host>\n <style>\n {this.#kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>{inputPanelContent}</div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.#kupManager.language.unregister(this);\n this.#kupManager.theme.unregister(this);\n }\n //#endregion\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/ketchup/{p-07e18bea.entry.js → p-9b1a821d.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-d7c15b0e.js";import{k as s,g as p,s as r}from"./p-f6a5e96d.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-cc32b7a2.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";const f="snackbar";var h;(function(t){t["actionButton"]="Set of FButton props to set the action button.";t["closeButton"]="When true, the hide button will be displayed.";t["customStyle"]="Custom style of the component.";t["text"]="Sets the textual content of the snackbar.";t["timeout"]="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."})(h||(h={}));const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";const u=k;const d=class{constructor(i){t(this,i);this.kupActionClick=e(this,"kup-snackbar-actionclick",6);this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6);this.kupManager=s();this.visible=false;this.actionButton=null;this.closeButton=true;this.customStyle="";this.text="";this.header="";this.timeout=null}onKupActionClick(){this.hide();this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=false}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=true}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.timeout&&this.visible){setTimeout((()=>{this.hide();this.onKupTimeoutComplete()}),this.timeout)}this.kupManager.debug.logRender(this,true)}render(){return a(n,{key:"1543a186a11316b84a53b02453c9d06ad644b188","kup-visible":this.visible},a("style",{key:"b406ad7fa2d68f02975d7faa9f5e72a269cf2359"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"cf4204659b6a91faff19efb406e29e1c11461950",id:l},a("div",{key:"88dfe566adda8dabdbe0536c314e0fbdd032a267",class:f},a("div",{key:"4930076e8ef0cc034e39a701731ee0c55f06b93d",class:"snackbar__text__block"},a("div",{key:"58b3fccae5b1b2d29850ed41e4a3a489af8f123f",class:`${f}__header`},this.header),a("div",{key:"a034ec14453dd9ae2cfb880465c2c459eb8eefa0",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};d.style=u;export{d as kup_snackbar};
2
- //# sourceMappingURL=p-07e18bea.entry.js.map
1
+ import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-d7c15b0e.js";import{k as s,g as p,s as r}from"./p-d2ca23dd.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-cc32b7a2.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";const f="snackbar";var h;(function(t){t["actionButton"]="Set of FButton props to set the action button.";t["closeButton"]="When true, the hide button will be displayed.";t["customStyle"]="Custom style of the component.";t["text"]="Sets the textual content of the snackbar.";t["timeout"]="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."})(h||(h={}));const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";const u=k;const d=class{constructor(i){t(this,i);this.kupActionClick=e(this,"kup-snackbar-actionclick",6);this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6);this.kupManager=s();this.visible=false;this.actionButton=null;this.closeButton=true;this.customStyle="";this.text="";this.header="";this.timeout=null}onKupActionClick(){this.hide();this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=false}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=true}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.timeout&&this.visible){setTimeout((()=>{this.hide();this.onKupTimeoutComplete()}),this.timeout)}this.kupManager.debug.logRender(this,true)}render(){return a(n,{key:"1543a186a11316b84a53b02453c9d06ad644b188","kup-visible":this.visible},a("style",{key:"b406ad7fa2d68f02975d7faa9f5e72a269cf2359"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"cf4204659b6a91faff19efb406e29e1c11461950",id:l},a("div",{key:"88dfe566adda8dabdbe0536c314e0fbdd032a267",class:f},a("div",{key:"4930076e8ef0cc034e39a701731ee0c55f06b93d",class:"snackbar__text__block"},a("div",{key:"58b3fccae5b1b2d29850ed41e4a3a489af8f123f",class:`${f}__header`},this.header),a("div",{key:"a034ec14453dd9ae2cfb880465c2c459eb8eefa0",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};d.style=u;export{d as kup_snackbar};
2
+ //# sourceMappingURL=p-9b1a821d.entry.js.map