@sme.up/ketchup 11.0.0-SNAPSHOT-20241107091530 → 11.0.0-SNAPSHOT-20241107165833

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 (184) hide show
  1. package/dist/cjs/{f-cell-32c25f65.js → f-cell-6c56dc27.js} +4 -4
  2. package/dist/cjs/{f-cell-32c25f65.js.map → f-cell-6c56dc27.js.map} +1 -1
  3. package/dist/cjs/{f-chip-3118b9ba.js → f-chip-ba07ec67.js} +2 -2
  4. package/dist/cjs/{f-chip-3118b9ba.js.map → f-chip-ba07ec67.js.map} +1 -1
  5. package/dist/cjs/{f-paginator-utils-3099b4b3.js → f-paginator-utils-34835b29.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-3099b4b3.js.map → f-paginator-utils-34835b29.js.map} +1 -1
  7. package/dist/cjs/{f-text-field-1ced2cfa.js → f-text-field-e1540ae4.js} +2 -2
  8. package/dist/cjs/{f-text-field-1ced2cfa.js.map → f-text-field-e1540ae4.js.map} +1 -1
  9. package/dist/cjs/index.cjs.js +1 -1
  10. package/dist/cjs/ketchup.cjs.js +1 -1
  11. package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
  12. package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
  13. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +6 -6
  14. package/dist/cjs/kup-box.cjs.entry.js +6 -6
  15. package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
  16. package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
  17. package/dist/cjs/kup-cell.cjs.entry.js +4 -4
  18. package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
  19. package/dist/cjs/{kup-data-table-helper-457ee6aa.js → kup-data-table-helper-ca99429e.js} +2 -2
  20. package/dist/cjs/{kup-data-table-helper-457ee6aa.js.map → kup-data-table-helper-ca99429e.js.map} +1 -1
  21. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  22. package/dist/cjs/kup-echart.cjs.entry.js +1 -1
  23. package/dist/cjs/kup-editor.cjs.entry.js +1 -1
  24. package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
  25. package/dist/cjs/kup-grid.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-htm.cjs.entry.js +1 -1
  27. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  28. package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
  29. package/dist/cjs/kup-input-panel.cjs.entry.js +23 -12
  30. package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
  31. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  32. package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
  33. package/dist/cjs/{kup-manager-65839aad.js → kup-manager-458527e9.js} +2 -2
  34. package/dist/cjs/kup-manager-458527e9.js.map +1 -0
  35. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  36. package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
  37. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  38. package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
  39. package/dist/cjs/kup-planner.cjs.entry.js +2 -2
  40. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  41. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  42. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  43. package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
  44. package/dist/cjs/kup-typography.cjs.entry.js +1 -1
  45. package/dist/cjs/loader.cjs.js +1 -1
  46. package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js.map +1 -1
  47. package/dist/collection/components/kup-input-panel/kup-input-panel.css +4 -0
  48. package/dist/collection/components/kup-input-panel/kup-input-panel.e2e.js +68 -20
  49. package/dist/collection/components/kup-input-panel/kup-input-panel.e2e.js.map +1 -1
  50. package/dist/collection/components/kup-input-panel/kup-input-panel.js +19 -7
  51. package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
  52. package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position.js +1 -1
  53. package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position.js.map +1 -1
  54. package/dist/components/kup-input-panel.js +20 -8
  55. package/dist/components/kup-input-panel.js.map +1 -1
  56. package/dist/components/kup-manager.js +1 -1
  57. package/dist/components/kup-manager.js.map +1 -1
  58. package/dist/esm/{f-cell-678a99c3.js → f-cell-dc6e3d13.js} +4 -4
  59. package/dist/esm/{f-cell-678a99c3.js.map → f-cell-dc6e3d13.js.map} +1 -1
  60. package/dist/esm/{f-chip-b0b7b121.js → f-chip-ba5e40f4.js} +2 -2
  61. package/dist/esm/{f-chip-b0b7b121.js.map → f-chip-ba5e40f4.js.map} +1 -1
  62. package/dist/esm/{f-paginator-utils-56f66406.js → f-paginator-utils-6283a294.js} +2 -2
  63. package/dist/esm/{f-paginator-utils-56f66406.js.map → f-paginator-utils-6283a294.js.map} +1 -1
  64. package/dist/esm/{f-text-field-73c20614.js → f-text-field-7ceb0591.js} +2 -2
  65. package/dist/esm/{f-text-field-73c20614.js.map → f-text-field-7ceb0591.js.map} +1 -1
  66. package/dist/esm/index.js +1 -1
  67. package/dist/esm/ketchup.js +1 -1
  68. package/dist/esm/kup-accordion.entry.js +1 -1
  69. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  70. package/dist/esm/kup-autocomplete_28.entry.js +6 -6
  71. package/dist/esm/kup-box.entry.js +6 -6
  72. package/dist/esm/kup-calendar.entry.js +2 -2
  73. package/dist/esm/kup-card-list.entry.js +1 -1
  74. package/dist/esm/kup-cell.entry.js +4 -4
  75. package/dist/esm/kup-dashboard.entry.js +2 -2
  76. package/dist/esm/{kup-data-table-helper-1333a2f8.js → kup-data-table-helper-353a9675.js} +2 -2
  77. package/dist/esm/{kup-data-table-helper-1333a2f8.js.map → kup-data-table-helper-353a9675.js.map} +1 -1
  78. package/dist/esm/kup-drawer.entry.js +1 -1
  79. package/dist/esm/kup-echart.entry.js +1 -1
  80. package/dist/esm/kup-editor.entry.js +1 -1
  81. package/dist/esm/kup-family-tree.entry.js +1 -1
  82. package/dist/esm/kup-grid.entry.js +1 -1
  83. package/dist/esm/kup-htm.entry.js +1 -1
  84. package/dist/esm/kup-iframe.entry.js +1 -1
  85. package/dist/esm/kup-image-list.entry.js +4 -4
  86. package/dist/esm/kup-input-panel.entry.js +23 -12
  87. package/dist/esm/kup-input-panel.entry.js.map +1 -1
  88. package/dist/esm/kup-lazy.entry.js +1 -1
  89. package/dist/esm/kup-magic-box.entry.js +1 -1
  90. package/dist/esm/{kup-manager-c6f89439.js → kup-manager-f28f3f94.js} +2 -2
  91. package/dist/esm/{kup-manager-c6f89439.js.map → kup-manager-f28f3f94.js.map} +1 -1
  92. package/dist/esm/kup-nav-bar.entry.js +1 -1
  93. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  94. package/dist/esm/kup-pdf.entry.js +1 -1
  95. package/dist/esm/kup-photo-frame.entry.js +1 -1
  96. package/dist/esm/kup-planner.entry.js +2 -2
  97. package/dist/esm/kup-probe.entry.js +1 -1
  98. package/dist/esm/kup-qlik.entry.js +1 -1
  99. package/dist/esm/kup-snackbar.entry.js +1 -1
  100. package/dist/esm/kup-typography-list.entry.js +1 -1
  101. package/dist/esm/kup-typography.entry.js +1 -1
  102. package/dist/esm/loader.js +1 -1
  103. package/dist/ketchup/index.esm.js +1 -1
  104. package/dist/ketchup/ketchup.esm.js +1 -1
  105. package/dist/ketchup/ketchup.esm.js.map +1 -1
  106. package/dist/ketchup/p-04c25532.entry.js +2 -0
  107. package/dist/ketchup/{p-197aa6ed.entry.js.map → p-04c25532.entry.js.map} +1 -1
  108. package/dist/ketchup/{p-f8fe5435.entry.js → p-057f17e6.entry.js} +2 -2
  109. package/dist/ketchup/{p-634b3510.entry.js → p-0b1e37b8.entry.js} +2 -2
  110. package/dist/ketchup/{p-d336255f.js → p-1362560b.js} +2 -2
  111. package/dist/ketchup/{p-9b0551b5.js → p-170d2abd.js} +2 -2
  112. package/dist/ketchup/{p-a496ba6a.entry.js → p-2a6bb010.entry.js} +2 -2
  113. package/dist/ketchup/{p-65780ddc.entry.js → p-2d68ffb5.entry.js} +2 -2
  114. package/dist/ketchup/{p-7f762e33.entry.js → p-3338a656.entry.js} +2 -2
  115. package/dist/ketchup/{p-42ea84f3.entry.js → p-37d71bc6.entry.js} +2 -2
  116. package/dist/ketchup/{p-dd816cfe.entry.js → p-3a2a4de6.entry.js} +2 -2
  117. package/dist/ketchup/{p-a3b1896e.entry.js → p-43b236fe.entry.js} +2 -2
  118. package/dist/ketchup/{p-f073ce49.entry.js → p-4a39ec70.entry.js} +2 -2
  119. package/dist/ketchup/{p-256ca361.entry.js → p-5655beb9.entry.js} +2 -2
  120. package/dist/ketchup/{p-6e4b8f6d.entry.js → p-5da3d8ef.entry.js} +2 -2
  121. package/dist/ketchup/{p-e545ca7b.entry.js → p-64ae9a7d.entry.js} +2 -2
  122. package/dist/ketchup/{p-ebdf1442.entry.js → p-75e96ca0.entry.js} +2 -2
  123. package/dist/ketchup/p-81285484.js +29 -0
  124. package/dist/{cjs/kup-manager-65839aad.js.map → ketchup/p-81285484.js.map} +1 -1
  125. package/dist/ketchup/{p-2b14f215.js → p-854b53fb.js} +2 -2
  126. package/dist/ketchup/{p-0efc24e7.entry.js → p-8e04c2fd.entry.js} +2 -2
  127. package/dist/ketchup/{p-b05c0af5.entry.js → p-92fcbf1a.entry.js} +2 -2
  128. package/dist/ketchup/{p-07e7fade.entry.js → p-947559c9.entry.js} +2 -2
  129. package/dist/ketchup/{p-3e9957c1.entry.js → p-98e9e968.entry.js} +2 -2
  130. package/dist/ketchup/{p-69ada7f9.entry.js → p-99813847.entry.js} +2 -2
  131. package/dist/ketchup/{p-d1fc3c35.entry.js → p-aab21af5.entry.js} +2 -2
  132. package/dist/ketchup/p-b412ff9f.entry.js +2 -0
  133. package/dist/ketchup/p-b412ff9f.entry.js.map +1 -0
  134. package/dist/ketchup/{p-5184497b.entry.js → p-b9f36550.entry.js} +2 -2
  135. package/dist/ketchup/p-ba1eb179.js +2 -0
  136. package/dist/ketchup/{p-00286291.entry.js → p-baaf5cdc.entry.js} +2 -2
  137. package/dist/ketchup/{p-ddc78c64.entry.js → p-c4d94b5d.entry.js} +2 -2
  138. package/dist/ketchup/{p-b947f411.entry.js → p-d1a9c9a1.entry.js} +2 -2
  139. package/dist/ketchup/{p-31d98241.entry.js → p-d3e76f80.entry.js} +2 -2
  140. package/dist/ketchup/{p-784120c9.entry.js → p-ddee8c53.entry.js} +2 -2
  141. package/dist/ketchup/{p-dfaaabb5.entry.js → p-de9c014f.entry.js} +2 -2
  142. package/dist/ketchup/{p-e34f8755.entry.js → p-fbd5c6f3.entry.js} +2 -2
  143. package/dist/ketchup/{p-49485bbf.js → p-fcfc07e1.js} +2 -2
  144. package/dist/types/components/kup-input-panel/kup-input-panel-declarations.d.ts +9 -0
  145. package/dist/types/components/kup-input-panel/kup-input-panel.d.ts +5 -0
  146. package/package.json +1 -1
  147. package/dist/ketchup/p-197aa6ed.entry.js +0 -2
  148. package/dist/ketchup/p-4d6644f0.entry.js +0 -2
  149. package/dist/ketchup/p-4d6644f0.entry.js.map +0 -1
  150. package/dist/ketchup/p-e9985f62.js +0 -2
  151. package/dist/ketchup/p-f98dc5f6.js +0 -29
  152. package/dist/ketchup/p-f98dc5f6.js.map +0 -1
  153. /package/dist/ketchup/{p-f8fe5435.entry.js.map → p-057f17e6.entry.js.map} +0 -0
  154. /package/dist/ketchup/{p-634b3510.entry.js.map → p-0b1e37b8.entry.js.map} +0 -0
  155. /package/dist/ketchup/{p-d336255f.js.map → p-1362560b.js.map} +0 -0
  156. /package/dist/ketchup/{p-9b0551b5.js.map → p-170d2abd.js.map} +0 -0
  157. /package/dist/ketchup/{p-a496ba6a.entry.js.map → p-2a6bb010.entry.js.map} +0 -0
  158. /package/dist/ketchup/{p-65780ddc.entry.js.map → p-2d68ffb5.entry.js.map} +0 -0
  159. /package/dist/ketchup/{p-7f762e33.entry.js.map → p-3338a656.entry.js.map} +0 -0
  160. /package/dist/ketchup/{p-42ea84f3.entry.js.map → p-37d71bc6.entry.js.map} +0 -0
  161. /package/dist/ketchup/{p-dd816cfe.entry.js.map → p-3a2a4de6.entry.js.map} +0 -0
  162. /package/dist/ketchup/{p-a3b1896e.entry.js.map → p-43b236fe.entry.js.map} +0 -0
  163. /package/dist/ketchup/{p-f073ce49.entry.js.map → p-4a39ec70.entry.js.map} +0 -0
  164. /package/dist/ketchup/{p-256ca361.entry.js.map → p-5655beb9.entry.js.map} +0 -0
  165. /package/dist/ketchup/{p-6e4b8f6d.entry.js.map → p-5da3d8ef.entry.js.map} +0 -0
  166. /package/dist/ketchup/{p-e545ca7b.entry.js.map → p-64ae9a7d.entry.js.map} +0 -0
  167. /package/dist/ketchup/{p-ebdf1442.entry.js.map → p-75e96ca0.entry.js.map} +0 -0
  168. /package/dist/ketchup/{p-2b14f215.js.map → p-854b53fb.js.map} +0 -0
  169. /package/dist/ketchup/{p-0efc24e7.entry.js.map → p-8e04c2fd.entry.js.map} +0 -0
  170. /package/dist/ketchup/{p-b05c0af5.entry.js.map → p-92fcbf1a.entry.js.map} +0 -0
  171. /package/dist/ketchup/{p-07e7fade.entry.js.map → p-947559c9.entry.js.map} +0 -0
  172. /package/dist/ketchup/{p-3e9957c1.entry.js.map → p-98e9e968.entry.js.map} +0 -0
  173. /package/dist/ketchup/{p-69ada7f9.entry.js.map → p-99813847.entry.js.map} +0 -0
  174. /package/dist/ketchup/{p-d1fc3c35.entry.js.map → p-aab21af5.entry.js.map} +0 -0
  175. /package/dist/ketchup/{p-5184497b.entry.js.map → p-b9f36550.entry.js.map} +0 -0
  176. /package/dist/ketchup/{p-e9985f62.js.map → p-ba1eb179.js.map} +0 -0
  177. /package/dist/ketchup/{p-00286291.entry.js.map → p-baaf5cdc.entry.js.map} +0 -0
  178. /package/dist/ketchup/{p-ddc78c64.entry.js.map → p-c4d94b5d.entry.js.map} +0 -0
  179. /package/dist/ketchup/{p-b947f411.entry.js.map → p-d1a9c9a1.entry.js.map} +0 -0
  180. /package/dist/ketchup/{p-31d98241.entry.js.map → p-d3e76f80.entry.js.map} +0 -0
  181. /package/dist/ketchup/{p-784120c9.entry.js.map → p-ddee8c53.entry.js.map} +0 -0
  182. /package/dist/ketchup/{p-dfaaabb5.entry.js.map → p-de9c014f.entry.js.map} +0 -0
  183. /package/dist/ketchup/{p-e34f8755.entry.js.map → p-fbd5c6f3.entry.js.map} +0 -0
  184. /package/dist/ketchup/{p-49485bbf.js.map → p-fcfc07e1.js.map} +0 -0
@@ -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_eventBlurNames","FCellShapes","CHIP","DATE","TIME","_KupInputPanel_listeners","_KupInputPanel_cellTypeComponents","_KupInputPanel_cellCustomRender","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","reduce","cell","cells","find","column","name","layout","horizontal","styleObj","rowContent","_a","sections","_KupInputPanel_renderCell","absolute","_KupInputPanel_renderAbsoluteLayout","sectionsType","hasDim","some","sec","dim","display","gridTemplateColumns","join","gridTemplateRows","_KupInputPanel_renderGridLayout","classObj","class","onSubmit","e","preventDefault","submitCb","value","before","Object","assign","after","_KupInputPanel_reverseMapCells","style","hiddenSubmitButton","FButton","buttonType","label","CONFIRM","wrapperClass","inputPanelCommands","customRender","get","shape","undefined","cellProps","component","editable","renderKup","setSizes","_KupInputPanel_getLabelComponent","title","FCell","cellId","icon","edtCell","detail","htmlValue","replace","addEventListener","push","isReadOnly","isEditable","showToolbar","editableData","showGroups","showFilters","showFooter","cellType","ketchup","getType","RADIO","sectionRender","section","_KupInputPanel_renderSection","_KupInputPanel_renderAbsoluteSection","customLabelRender","gap","content","innerSection","gridCols","gridRows","_b","field","_KupInputPanel_renderField","sectionContent","_KupInputPanel_renderAbsoluteField","width","absoluteWidth","absoluteHeight","top","absoluteRow","left","absoluteColumn","sectionStyle","position","overflow","_KupInputPanel_extractContentIds","node","ids","forEach","item","concat","tabSelected","tabNodes","i","cellIdsInSection","hasError","cellData","includes","error","active","danger","sectionId","tabCustomStyle","l","customStyle","fieldCell","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd","absoluteLength","_KupInputPanel_mapCommands","setup","commands","commandObj","entries","buttonCell","_KupInputPanel_BTNAdapter","flat","_c","rows","inpuPanelCells","_d","columns","filter","visible","mappedCell","_KupInputPanel_setData","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","CHART","_KupInputPanel_GRAAdapter","_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","inputSettings","checkObject","checkValueOnExit","mandatory","_KupInputPanel_checkOnBlurEvent","CHIAdapter","sizeX","offlineMode","sizeY","_currentValue","onClick","fun","customButtonClickHandler","currentState","keyShortcut","rawOptions","configCMandACP","CMBandACPAdapter","evNames","evName","_KupInputPanel_getAutocompleteEventCallback","_KupInputPanel_optionsTreeComboAdapter","CHKAdapter","onBlur","_KupInputPanel_checkOnBlurProp","initialValue","RADAdapter","SWTAdapter","_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","async","currCell","_KupInputPanel_getCell","_KupInputPanel_setCellError","REQUIRED_VALUE","valid","checkValidObjCallback","INVALID_VALUE","_KupInputPanel_areValuesUpdated","checkValidValueCallback"],"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';\nimport { KupObj } from '../../managers/kup-objects/kup-objects-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 setup?: {\n commands?: [\n {\n cells: {\n [key: string]: KupDataCell;\n };\n }\n ];\n };\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 inputSettings?: GenericObject;\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 InputPanelCheckValidObjCallback = (event: {\n obj: KupObj;\n currentState: KupInputPanelData;\n fun?: string;\n}) => Promise<ValidCheckObjResponse>;\n\nexport interface ValidCheckObjResponse {\n valid: boolean;\n}\n\nexport type InputPanelButtonClickHandler = (event: {\n fun: string;\n cellId: string;\n currentState: KupInputPanelData;\n}) => void;\n\nexport type InputPanelCheckValidValueCallback = (\n currentState: KupInputPanelSubmitValue\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 &__commands {\n display: flex;\n gap: 2rem;\n }\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 InputPanelCheckValidObjCallback,\n InputPanelCheckValidValueCallback,\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\n /**\n * Sets the callback for valid the object when cell checkObject is true\n * @default null\n */\n @Prop() checkValidObjCallback?: InputPanelCheckValidObjCallback = null;\n\n /**\n * Sets the callback for valid the object when cell checkObject is true\n * @default null\n */\n @Prop() checkValidValueCallback?: InputPanelCheckValidValueCallback = 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 * Values to send as props to FCell\n * @default []\n */\n @State() private inputPanelCommands: VNode[] = [];\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', 'kup-combobox-blur']],\n [FCellTypes.MULTI_COMBOBOX, ['kup-combobox-iconclick']],\n ]);\n\n #eventBlurNames = new Map<FCellShapes, string>([\n [FCellShapes.AUTOCOMPLETE, 'kup-autocomplete-blur'],\n [FCellShapes.CHIP, 'kup-textfield-blur'],\n [FCellShapes.COMBOBOX, 'kup-combobox-blur'],\n [FCellShapes.DATE, 'kup-datepicker-blur'],\n [FCellShapes.MULTI_AUTOCOMPLETE, 'kup-autocomplete-blur'],\n [FCellShapes.MULTI_COMBOBOX, 'kup-combobox-blur'],\n [FCellShapes.TIME, 'kup-timepicker-blur'],\n ]);\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 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 #getCell(id: string) {\n return this.inputPanelCells.reduce<KupDataCell>((cell, { cells }) => {\n if (!cell) {\n return cells.find(({ column }) => column.name === id).cell;\n }\n return cell;\n }, null);\n }\n\n #renderRow(inputPanelCell: InputPanelCells) {\n const layout = inputPanelCell.row.layout;\n\n const horizontal = layout?.horizontal || false;\n const styleObj: GenericObject = {};\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 if (layout.absolute) {\n rowContent = this.#renderAbsoluteLayout(inputPanelCell, layout);\n } else {\n if (!layout.sectionsType) {\n const hasDim = layout.sections.some((sec) => sec.dim);\n styleObj.display = 'grid';\n\n if (layout.horizontal) {\n styleObj.gridTemplateColumns = hasDim\n ? layout.sections\n .map((sec) => sec.dim || 'auto')\n .join(' ')\n : `repeat(${layout.sections.length}, 1fr)`;\n } else {\n styleObj.gridTemplateRows = hasDim\n ? layout.sections\n .map((sec) => sec.dim || 'auto')\n .join(' ')\n : `repeat(${layout.sections.length}, 1fr)`;\n }\n }\n\n rowContent = this.#renderGridLayout(inputPanelCell, layout);\n }\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 name={this.rootElement.id}\n id={this.rootElement.id}\n class={{ 'input-panel-form': true }}\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 <div class={classObj} style={styleObj}>\n {rowContent}\n </div>\n <div class=\"input-panel__commands\">\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 {this.inputPanelCommands}\n </div>\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 #extractContentIds(node: KupInputPanelLayoutSection) {\n let ids: string[] = [];\n\n if (node.content?.length) {\n node.content.forEach((item) => {\n if (item.id) {\n ids.push(item.id);\n }\n });\n }\n\n if (node.sections?.length) {\n node.sections.forEach((section) => {\n ids = ids.concat(this.#extractContentIds(section));\n });\n }\n\n return ids;\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 const cellIdsInSection = this.#extractContentIds(section);\n\n const hasError = cells.cells.some((cellData) => {\n const cell = cellData.cell;\n const column = cellData.column;\n return (\n cellIdsInSection.includes(column.name) && !!cell.data?.error\n );\n });\n\n return {\n active: (section.id || `${i}`) === this.tabSelected,\n value: section.title,\n icon: hasError ? 'error' : section.icon,\n id: section.id || `${i}`,\n danger: hasError,\n };\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 #mapCommands() {\n this.inputPanelCommands = this.data.setup.commands\n .map((commandObj) =>\n Object.entries(commandObj?.cells).map(([id, cell]) => {\n const buttonCell = {\n ...cell,\n data: this.#BTNAdapter(\n null,\n null,\n cell.value,\n cell,\n id\n ),\n };\n return this.#renderButton(buttonCell, id);\n })\n )\n .flat();\n }\n\n #mapCells(data: KupInputPanelData) {\n if (data.setup?.commands?.length) {\n this.#mapCommands();\n }\n\n const layout = data?.rows[0]?.layout;\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.#setData(cell, column, layout),\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 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.replace(\n /\\//g,\n '\\\\$1'\n )}]`\n );\n\n el?.setValue(cell.value);\n })\n );\n\n this.inputPanelCells = inpuPanelCells;\n }\n\n #setData(\n cell: KupInputPanelCell,\n column: KupInputPanelColumn,\n layout?: KupInputPanelLayout\n ) {\n const defaultProps = {\n ...this.#mapData(cell, column, layout),\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(\n cell: KupInputPanelCell,\n col: KupInputPanelColumn,\n layout?: KupInputPanelLayout\n ) {\n if (!cell) {\n return null;\n }\n\n const options = cell.options;\n let fieldLabel: string;\n if (layout?.absolute) {\n fieldLabel = null;\n } else {\n fieldLabel = col.title;\n }\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 cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n this.#checkOnBlurEvent(cell, id);\n }\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 if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n this.#checkOnBlurEvent(cell, id);\n }\n\n return configCMandACP;\n }\n\n #CHKAdapter(\n _options: GenericObject,\n fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n let data = CHKAdapter(currentValue, fieldLabel);\n\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n ...data,\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\n\n return data;\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 cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n label: fieldLabel,\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\n return { label: fieldLabel };\n }\n\n #RADAdapter(\n options: GenericObject,\n _fieldLabel: string,\n currentValue: string,\n cell: KupInputPanelCell,\n id: string\n ) {\n let data = RADAdapter(currentValue, options);\n\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n ...data,\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\n\n return data;\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 cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n this.#checkOnBlurEvent(cell, id);\n }\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 if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n initialValue: currentValue || '',\n label: fieldLabel || ' ',\n value: currentValue || '',\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\n }\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 cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n this.#checkOnBlurEvent(cell, id);\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 cell: KupInputPanelCell,\n id: string\n ) {\n if (\n cell.inputSettings?.checkObject ||\n cell.inputSettings?.checkValueOnExit ||\n cell.mandatory\n ) {\n return {\n label: fieldLabel,\n onBlur: () => {\n this.#checkOnBlurProp(cell, id);\n },\n };\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 async #checkOnBlurProp(cell: KupInputPanelCell, id: string) {\n const currCell = this.#getCell(id);\n\n // Required cell check\n if (cell.mandatory) {\n this.#setCellError(\n id,\n currCell.value\n ? // If it's not empty remove the error message\n null\n : // else set the error message\n this.#kupManager.language.translate(\n KupLanguageGeneric.REQUIRED_VALUE\n )\n );\n\n if (!currCell.value) {\n return;\n }\n } else {\n this.#setCellError(id, null);\n }\n\n // Valid object check\n if (cell.inputSettings?.checkObject && currCell.value) {\n const { valid } = await this.checkValidObjCallback({\n obj: cell.obj,\n currentState: this.#reverseMapCells(),\n fun: cell.fun,\n });\n if (valid) {\n this.#setCellError(id, null);\n } else {\n this.#setCellError(\n id,\n this.#kupManager.language.translate(\n KupLanguageGeneric.INVALID_VALUE\n )\n );\n return;\n }\n }\n\n if (cell.inputSettings?.checkValueOnExit && this.#areValuesUpdated()) {\n this.checkValidValueCallback({\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n });\n }\n }\n\n #checkOnBlurEvent(cell: KupInputPanelCell, id: string) {\n const evName = this.#eventBlurNames.get(cell.shape);\n if (!evName) {\n return;\n }\n\n const handler = async (e: CustomEvent<KupAutocompleteEventPayload>) => {\n const currCell = this.#getCell(id);\n\n if (e.detail.id !== id) {\n return;\n }\n\n // Required cell check\n if (cell.mandatory) {\n this.#setCellError(\n id,\n currCell.value\n ? // If it's not empty remove the error message\n null\n : // else set the error message\n this.#kupManager.language.translate(\n KupLanguageGeneric.REQUIRED_VALUE\n )\n );\n\n if (!e.detail.value) {\n return;\n }\n } else {\n this.#setCellError(id, null);\n }\n\n // Valid object check\n if (cell.inputSettings?.checkObject && e.detail.value) {\n const { valid } = await this.checkValidObjCallback({\n obj: cell.obj,\n currentState: this.#reverseMapCells(),\n fun: cell.fun,\n });\n\n this.#setCellError(\n id,\n valid\n ? // If it's not empty remove the error message\n null\n : // else set the error message\n this.#kupManager.language.translate(\n KupLanguageGeneric.INVALID_VALUE\n )\n );\n if (!valid) {\n return;\n }\n }\n\n if (\n cell.inputSettings?.checkValueOnExit &&\n this.#areValuesUpdated()\n ) {\n this.checkValidValueCallback({\n before: { ...this.#originalData },\n after: this.#reverseMapCells(),\n });\n }\n };\n this.rootElement.addEventListener(evName, handler);\n this.#listeners.push({\n event: evName,\n handler,\n });\n }\n\n #setCellError(id: string, error: string) {\n this.inputPanelCells = this.inputPanelCells.map((cell) => ({\n ...cell,\n cells: cell.cells.map(({ cell, column }) => {\n const data =\n column.name === id\n ? {\n ...cell.data,\n error,\n }\n : cell.data;\n return {\n column,\n cell: {\n ...cell,\n data,\n },\n };\n }),\n }));\n }\n\n #areValuesUpdated() {\n return this.inputPanelCells.some(({ cells, row }) =>\n cells.some(\n ({ cell, column: { name } }) =>\n cell.value !== row.cells[name].value\n )\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":[]}
@@ -1,2 +1,2 @@
1
- import{r as t,c as r,f as e,h as o,H as a,d as i}from"./p-d7c15b0e.js";import{k as n,g as p,s}from"./p-f98dc5f6.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const d="drawer";var c;(function(t){t["customStyle"]="Custom style of the component.";t["opened"]="Defaults at false. When set to true, the drawer appears."})(c||(c={}));const h=".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_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_slotted_color:var(\n --kup-drawer-slotted-color,\n var(--kup-text-secondary)\n );--kup_drawer_background_color:var(\n --kup-drawer-background-color,\n var(--kup-layer-1)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-subtle)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 300ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup_drawer_background_color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup_drawer_slotted_color);--kup-button-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-button-primary-color-h:var(--kup_drawer_slotted_color-h);--kup-button-primary-color-s:var(--kup_drawer_slotted_color-s);--kup-button-primary-color-l:var(--kup_drawer_slotted_color-l);--kup-switch-label-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-color:var(--kup_drawer_slotted_color);--kup-textfield-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-primary-color:var(--kup_drawer_slotted_color);--kup-textfield-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-color:var(--kup_drawer_slotted_color);--kup-tree-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup_drawer_slotted_color);color:var(--kup_drawer_slotted_color);fill:var(--kup_drawer_slotted_color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";const u=h;const f=class{constructor(e){t(this,e);this.kupDrawerClose=r(this,"kup-drawer-close",6);this.kupDrawerOpen=r(this,"kup-drawer-open",6);this.kupDrawerReady=r(this,"kup-drawer-ready",6);this.kupManager=n();this.opened=false;this.customStyle=""}async close(){this.opened=false;this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,c,t)}async isOpened(){return this.opened}async open(){this.opened=true;this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){e(this)}async setProps(t){s(this,c,t)}async toggle(){if(this.opened){this.close()}else{this.open()}}content(){const t=[];const r=Array.prototype.slice.call(this.rootElement.children,0);const e=[];for(let e=0;e<r.length;e++){t.push(o("slot",null))}e.push(o("div",{class:`${d}__content`},t));return e}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(a,{key:"47b6e1195efa7ac6696505f19808aaeed8804c81","kup-opened":this.opened},o("style",{key:"2ae05ab9c05ad338fa42f7ea827139883dc370c9"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"9574a0c126fbedb4022932c0388d96874bca3a71",class:"backdrop",onClick:t=>{t.preventDefault();t.stopPropagation()},onPointerDown:t=>{t.preventDefault();t.stopPropagation();this.close()},onTouchStart:t=>{t.preventDefault();t.stopPropagation()}}),o("div",{key:"bb38d8793e68860b78c53a82e067e5ee765db93b",id:l},o("div",{key:"fb7a2c5bc9cd9fcac56a6e7e73066995e31e78b3",class:d},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};f.style=u;export{f as kup_drawer};
2
- //# sourceMappingURL=p-5184497b.entry.js.map
1
+ import{r as t,c as r,f as e,h as o,H as a,d as i}from"./p-d7c15b0e.js";import{k as n,g as p,s}from"./p-81285484.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const d="drawer";var c;(function(t){t["customStyle"]="Custom style of the component.";t["opened"]="Defaults at false. When set to true, the drawer appears."})(c||(c={}));const h=".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_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_slotted_color:var(\n --kup-drawer-slotted-color,\n var(--kup-text-secondary)\n );--kup_drawer_background_color:var(\n --kup-drawer-background-color,\n var(--kup-layer-1)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-subtle)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 300ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup_drawer_background_color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup_drawer_slotted_color);--kup-button-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-button-primary-color-h:var(--kup_drawer_slotted_color-h);--kup-button-primary-color-s:var(--kup_drawer_slotted_color-s);--kup-button-primary-color-l:var(--kup_drawer_slotted_color-l);--kup-switch-label-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color:var(--kup_drawer_slotted_color);--kup-switch-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-color:var(--kup_drawer_slotted_color);--kup-textfield-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-textfield-primary-color:var(--kup_drawer_slotted_color);--kup-textfield-primary-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-color:var(--kup_drawer_slotted_color);--kup-tree-color-rgb:var(--kup_drawer_slotted_color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup_drawer_slotted_color);color:var(--kup_drawer_slotted_color);fill:var(--kup_drawer_slotted_color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";const u=h;const k=class{constructor(e){t(this,e);this.kupDrawerClose=r(this,"kup-drawer-close",6);this.kupDrawerOpen=r(this,"kup-drawer-open",6);this.kupDrawerReady=r(this,"kup-drawer-ready",6);this.kupManager=n();this.opened=false;this.customStyle=""}async close(){this.opened=false;this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,c,t)}async isOpened(){return this.opened}async open(){this.opened=true;this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){e(this)}async setProps(t){s(this,c,t)}async toggle(){if(this.opened){this.close()}else{this.open()}}content(){const t=[];const r=Array.prototype.slice.call(this.rootElement.children,0);const e=[];for(let e=0;e<r.length;e++){t.push(o("slot",null))}e.push(o("div",{class:`${d}__content`},t));return e}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(a,{key:"47b6e1195efa7ac6696505f19808aaeed8804c81","kup-opened":this.opened},o("style",{key:"2ae05ab9c05ad338fa42f7ea827139883dc370c9"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"9574a0c126fbedb4022932c0388d96874bca3a71",class:"backdrop",onClick:t=>{t.preventDefault();t.stopPropagation()},onPointerDown:t=>{t.preventDefault();t.stopPropagation();this.close()},onTouchStart:t=>{t.preventDefault();t.stopPropagation()}}),o("div",{key:"bb38d8793e68860b78c53a82e067e5ee765db93b",id:l},o("div",{key:"fb7a2c5bc9cd9fcac56a6e7e73066995e31e78b3",class:d},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};k.style=u;export{k as kup_drawer};
2
+ //# sourceMappingURL=p-b9f36550.entry.js.map
@@ -0,0 +1,2 @@
1
+ import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-81285484.js";import{F as r}from"./p-cc32b7a2.js";import{a}from"./p-e3062c19.js";var i;(function(e){e["SIMPLE"]="simple";e["FULL"]="full"})(i||(i={}));const s=document.documentElement;const u=u=>{if(!u.perPage){u.perPage=10}const m=Math.ceil(u.max/u.perPage);const b=c(u,m);const h=p(u);const k={"kup-list":{data:b},"kup-text-field":{label:s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(n.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(t.ROWS)+" / "+s.ketchup.language.translate(n.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${u.max}`,helperWhenFocused:true,inputType:"number",max:u.max,min:1}};return e("div",Object.assign({class:`f-paginator ${u.mode?u.mode:""} ${u.wrapperClass?u.wrapperClass:""}`},u.dataSet,{id:u.id,title:u.title}),u.onLoadMore?e(r,{icon:"plus",onClick:u.onLoadMore,label:s.ketchup.language.translate(o.LOAD_MORE),sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:g,initialValue:u.perPage.toString(),"onkup-combobox-change":u.onRowsChange}),e("kup-combobox",{class:"page-selector",data:k,initialValue:u.currentPage.toString(),"onkup-combobox-change":u.onPageChange}),e("div",{class:"arrow-wrapper"},u.mode!==i.SIMPLE?e(r,{icon:"chevron_left",disabled:f(u),onClick:u.onPrevPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==i.SIMPLE?e(r,{icon:"chevron_right",disabled:d(u),onClick:u.onNextPage,sizing:l.MEDIUM,styling:a.FLAT,wrapperClass:"kup-neutral next-page"}):null))};function c(e,n){const t=[];for(let l=1;l<=n;l++){const n=l==e.currentPage;t.push({id:l.toString(),selected:n,value:l.toString()})}return t}function p(e){const n=[];let t=e.perPage;if(t===0){return n}while(t<e.max){const l=t==e.perPage;n.push({id:t.toString(),selected:l,value:t.toString()});t=t*2}const l=e.max==e.perPage;n.push({id:e.max.toString(),selected:l,value:e.max.toString()});return n}function d(e){return e.currentPage*e.perPage>=e.max}function f(e){return e.currentPage==1}const m=document.documentElement;function b(e,n,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(n/t);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,n){if(m.ketchup.math.isNumber(e)){let t=e;if(t>n){t=n}if(t<1){t=1}return t}return null}export{u as F,b as p,h as r};
2
+ //# sourceMappingURL=p-ba1eb179.js.map
@@ -1,2 +1,2 @@
1
- import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-f98dc5f6.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c="nav-bar";var u;(function(a){a["customStyle"]="Custom style of the component.";a["image"]="Image displayed by the nav bar, uses the kup-image component's props.";a["label"]="Text displayed by the nav bar.";a["showMenuButton"]="When true, the menu button will be displayed on the left of the nav bar.";a["styling"]="Defines the style of the nav bar"})(u||(u={}));var h;(function(a){a["SHORT"]="short";a["STANDARD"]="standard"})(h||(h={}));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{--kup_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";const v=b;const _=class{constructor(r){a(this,r);this.kupNavbarReady=t(this,"kup-navbar-ready",6);this.kupNavbarResize=t(this,"kup-navbar-resize",6);this.kupManager=e();this.customStyle="";this.styling=h.STANDARD}async getProps(a){return p(this,u,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,u,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0);const t=[];const r=[];for(let i=0;i<a.length;i++){const n=a[i];if(n.slot==="left"){t.push(o("slot",{name:"left"}))}else{r.push(o("slot",{name:"right"}))}}return[t.length?o("section",{class:`${c}__section ${c}__section--align-start`},t):null,r.length?o("section",{class:`${c}__section ${c}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id});this.kupManager.resize.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(i,{key:"0f66ceb53da3d4bdc00787c80ef4764a79d76af8",class:"header"},o("style",{key:"6435752fbe5f0ae68649ea4c43fee53afeb2dbca"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"607495825d0febc2dd41dcfecf0ecc78924e4679",id:l},o("header",{key:"21667d9c45e86eab6c011247e1717b757d92dfd4",class:`${c} ${c}--${this.styling.toLowerCase()} `},o("div",{key:"da92e4ddd4ff70b4fa9632233b0345d4843bee60",class:`${c}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=v;export{_ as kup_nav_bar};
2
- //# sourceMappingURL=p-00286291.entry.js.map
1
+ import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-81285484.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c="nav-bar";var u;(function(a){a["customStyle"]="Custom style of the component.";a["image"]="Image displayed by the nav bar, uses the kup-image component's props.";a["label"]="Text displayed by the nav bar.";a["showMenuButton"]="When true, the menu button will be displayed on the left of the nav bar.";a["styling"]="Defines the style of the nav bar"})(u||(u={}));var h;(function(a){a["SHORT"]="short";a["STANDARD"]="standard"})(h||(h={}));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{--kup_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";const v=b;const _=class{constructor(r){a(this,r);this.kupNavbarReady=t(this,"kup-navbar-ready",6);this.kupNavbarResize=t(this,"kup-navbar-resize",6);this.kupManager=e();this.customStyle="";this.styling=h.STANDARD}async getProps(a){return p(this,u,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,u,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0);const t=[];const r=[];for(let i=0;i<a.length;i++){const n=a[i];if(n.slot==="left"){t.push(o("slot",{name:"left"}))}else{r.push(o("slot",{name:"right"}))}}return[t.length?o("section",{class:`${c}__section ${c}__section--align-start`},t):null,r.length?o("section",{class:`${c}__section ${c}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id});this.kupManager.resize.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(i,{key:"0f66ceb53da3d4bdc00787c80ef4764a79d76af8",class:"header"},o("style",{key:"6435752fbe5f0ae68649ea4c43fee53afeb2dbca"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"607495825d0febc2dd41dcfecf0ecc78924e4679",id:l},o("header",{key:"21667d9c45e86eab6c011247e1717b757d92dfd4",class:`${c} ${c}--${this.styling.toLowerCase()} `},o("div",{key:"da92e4ddd4ff70b4fa9632233b0345d4843bee60",class:`${c}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=v;export{_ as kup_nav_bar};
2
+ //# sourceMappingURL=p-baaf5cdc.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,f as e,h as i,H as a,d as s}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,as as h,O as f,at as r,V as u,d}from"./p-f98dc5f6.js";import{a as g}from"./p-e3062c19.js";import{F as m}from"./p-2b519589.js";import{c as k}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var b;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(b||(b={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".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{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(e){t(this,e);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,b,t)}async refresh(){e(this)}async setProps(t){l(this,b,t)}comboboxProps(){const t=[];for(const e in x){if(Object.prototype.hasOwnProperty.call(x,e)){t.push({id:x[e],selected:false,value:x[e]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const e=[];const a={};if(this.display===x.JSON){a.initialValue=this.data?JSON.stringify(this.data,null,2):"";a.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){e.push(i("div",{class:"empty"},i(m,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:a.data=this.data;e.push(i("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data;e.push(i("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data;e.push(i("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data;a["series"]=[];a["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];if(e.obj&&this.kupManager.objects.isNumber(e.obj)||a["axis"]!==null){if(this.display===x.CHART){a["series"].push({code:e.name,decode:e.title})}else{a["series"].push(e.name)}}else{a["axis"]=e.name}}if(a["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!a["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){e.push(i("kup-chart",Object.assign({},a)))}else{e.push(i("kup-echart",Object.assign({},a)))}break;case x.DATATABLE:a.data=this.data;a["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return e}updateData(t){{const e=Object.assign({},this.data);const i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name){if(!e.columns){e.columns=[i]}else{const t=this.data.columns.find((t=>t.name===i.name));if(!t){e.columns.push(i)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(a){if(!e.rows){e.rows=[a]}else{e.rows.push(a)}}this.data=e;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${f}],[${r}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return i(a,{key:"8f04a5029dad9d7d8f3673124a6fb954880719d5"},i("style",{key:"af43ffc44c345efb6982aecac7ffeb7469a1e1ab"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"4da32884b8cfaee501fe98de3ad61dbfd40644f1",id:k},i("div",{key:"3ae6ee9f2ee07d1ace113fe223bf45fe907eb1d2",class:"magic-box-wrapper"},i("div",{key:"7331459e7beeecbad1f94907c5dfc37e6fd77221",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"cf49975df5a5aa923c031c64ecee9a81ae4ad0bc"},this.comboboxProps())),i("kup-button",{key:"9268ce09ec663aa4e00a82ba0fadef493422d12f",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"3724463433b93aa9ae13ae19d67be8fc39c702f6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"448858d039c7cd0ea8e756d9ad66af2b3baf5c52",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}};w.style=v;export{w as kup_magic_box};
2
- //# sourceMappingURL=p-ddc78c64.entry.js.map
1
+ import{r as t,f as e,h as i,H as a,d as s}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,as as h,O as f,at as r,V as u,d}from"./p-81285484.js";import{a as g}from"./p-e3062c19.js";import{F as m}from"./p-2b519589.js";import{c as k}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var b;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(b||(b={}));var x;(function(t){t["BOX"]="Box";t["BUTTON_LIST"]="Button List";t["CHART"]="Chart";t["CHIP"]="Chip";t["ECHART"]="Echart";t["DATATABLE"]="Datatable";t["JSON"]="JSON";t["TREE"]="Tree"})(x||(x={}));const y=".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{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";const v=y;const w=class{constructor(e){t(this,e);this.dragHandler=null;this.kupManager=o();this.textArea=null;this.wrapperRef=null;this.display=x.DATATABLE;this.customStyle="";this.data=null}async getProps(t){return n(this,b,t)}async refresh(){e(this)}async setProps(t){l(this,b,t)}comboboxProps(){const t=[];for(const e in x){if(Object.prototype.hasOwnProperty.call(x,e)){t.push({id:x[e],selected:false,value:x[e]})}}return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:false,inputType:"text",label:this.kupManager.language.translate(c.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:true,["onKup-combobox-itemclick"]:t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0);const e=[];const a={};if(this.display===x.JSON){a.initialValue=this.data?JSON.stringify(this.data,null,2):"";a.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})))}else if(!t){e.push(i("div",{class:"empty"},i(m,{sizeY:"100px",resource:"move_to_inbox"}),i("div",{class:"empty-text"},this.kupManager.language.translate(c.DROP_YOUR_DATA))))}else{switch(this.display){case x.BOX:a.data=this.data;e.push(i("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data;e.push(i("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data;e.push(i("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data;a["series"]=[];a["axis"]=null;for(let t=0;t<this.data.columns.length;t++){const e=this.data.columns[t];if(e.obj&&this.kupManager.objects.isNumber(e.obj)||a["axis"]!==null){if(this.display===x.CHART){a["series"].push({code:e.name,decode:e.title})}else{a["series"].push(e.name)}}else{a["axis"]=e.name}}if(a["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!a["axis"]){this.kupManager.debug.logMessage(this,"No axis for the chart!",p.WARNING)}if(this.display===x.CHART){e.push(i("kup-chart",Object.assign({},a)))}else{e.push(i("kup-echart",Object.assign({},a)))}break;case x.DATATABLE:a.data=this.data;a["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",p.ERROR);return}}return e}updateData(t){{const e=Object.assign({},this.data);const i=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null;const a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(i&&i.name){if(!e.columns){e.columns=[i]}else{const t=this.data.columns.find((t=>t.name===i.name));if(!t){e.columns.push(i)}}}else{this.kupManager.debug.logMessage(this,"Invalid column received.",p.WARNING)}if(a){if(!e.rows){e.rows=[a]}else{e.rows.push(a)}}this.data=e;if(this.data&&this.textArea){try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t)));this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle");this.kupManager.interact.dialogify(this.rootElement,this.dragHandler);this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${f}],[${r}]`},{dispatcher:this.rootElement,type:u.MAGICBOX});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return i(a,{key:"8f04a5029dad9d7d8f3673124a6fb954880719d5"},i("style",{key:"af43ffc44c345efb6982aecac7ffeb7469a1e1ab"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"4da32884b8cfaee501fe98de3ad61dbfd40644f1",id:k},i("div",{key:"3ae6ee9f2ee07d1ace113fe223bf45fe907eb1d2",class:"magic-box-wrapper"},i("div",{key:"7331459e7beeecbad1f94907c5dfc37e6fd77221",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"cf49975df5a5aa923c031c64ecee9a81ae4ad0bc"},this.comboboxProps())),i("kup-button",{key:"9268ce09ec663aa4e00a82ba0fadef493422d12f",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"3724463433b93aa9ae13ae19d67be8fc39c702f6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"448858d039c7cd0ea8e756d9ad66af2b3baf5c52",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}};w.style=v;export{w as kup_magic_box};
2
+ //# sourceMappingURL=p-c4d94b5d.entry.js.map