@sme.up/ketchup 11.0.0-SNAPSHOT-20241010150057 → 11.0.0-SNAPSHOT-20241010160405

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 (146) hide show
  1. package/dist/cjs/kup-activity-timeline.cjs.entry.js +1 -1
  2. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +3 -3
  3. package/dist/cjs/kup-autocomplete_27.cjs.entry.js.map +1 -1
  4. package/dist/cjs/kup-box.cjs.entry.js +1 -1
  5. package/dist/cjs/{kup-data-table-helper-acfd0cd5.js → kup-data-table-helper-c8253b11.js} +2 -1
  6. package/dist/cjs/kup-data-table-helper-c8253b11.js.map +1 -0
  7. package/dist/collection/components/kup-card/kup-card.css +2 -0
  8. package/dist/collection/components/kup-data-table/kup-data-table-helper.js +2 -1
  9. package/dist/collection/components/kup-data-table/kup-data-table-helper.js.map +1 -1
  10. package/dist/collection/utils/kup-column-menu/kup-column-menu.js +1 -1
  11. package/dist/collection/utils/kup-column-menu/kup-column-menu.js.map +1 -1
  12. package/dist/components/kup-autocomplete2.js +4 -3
  13. package/dist/components/kup-autocomplete2.js.map +1 -1
  14. package/dist/components/kup-box2.js +1 -1
  15. package/dist/components/kup-card-list.js +1 -1
  16. package/dist/components/kup-cell.js +1 -1
  17. package/dist/components/kup-dashboard.js +1 -1
  18. package/dist/components/kup-family-tree.js +1 -1
  19. package/dist/components/kup-image-list.js +1 -1
  20. package/dist/components/kup-input-panel.js +1 -1
  21. package/dist/components/kup-magic-box.js +1 -1
  22. package/dist/components/kup-manager.js +1 -1
  23. package/dist/components/kup-numeric-picker.js +1 -1
  24. package/dist/components/kup-planner.js +1 -1
  25. package/dist/components/kup-typography.js +1 -1
  26. package/dist/esm/{f-cell-bb10c8ff.js → f-cell-f7553ea4.js} +4 -4
  27. package/dist/esm/{f-cell-bb10c8ff.js.map → f-cell-f7553ea4.js.map} +1 -1
  28. package/dist/esm/{f-chip-284f27e4.js → f-chip-c32b6f69.js} +2 -2
  29. package/dist/esm/{f-chip-284f27e4.js.map → f-chip-c32b6f69.js.map} +1 -1
  30. package/dist/esm/{f-paginator-utils-a014ab03.js → f-paginator-utils-d1d04c2f.js} +2 -2
  31. package/dist/esm/{f-paginator-utils-a014ab03.js.map → f-paginator-utils-d1d04c2f.js.map} +1 -1
  32. package/dist/esm/{f-text-field-6920059d.js → f-text-field-35c57df3.js} +2 -2
  33. package/dist/esm/{f-text-field-6920059d.js.map → f-text-field-35c57df3.js.map} +1 -1
  34. package/dist/esm/index.js +1 -1
  35. package/dist/esm/kup-accordion.entry.js +1 -1
  36. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  37. package/dist/esm/kup-autocomplete_27.entry.js +8 -8
  38. package/dist/esm/kup-autocomplete_27.entry.js.map +1 -1
  39. package/dist/esm/kup-box.entry.js +6 -6
  40. package/dist/esm/kup-calendar.entry.js +2 -2
  41. package/dist/esm/kup-card-list.entry.js +1 -1
  42. package/dist/esm/kup-cell.entry.js +4 -4
  43. package/dist/esm/kup-dashboard.entry.js +2 -2
  44. package/dist/esm/{kup-data-table-helper-27f5fa75.js → kup-data-table-helper-c76064a4.js} +3 -2
  45. package/dist/esm/kup-data-table-helper-c76064a4.js.map +1 -0
  46. package/dist/esm/kup-drawer.entry.js +1 -1
  47. package/dist/esm/kup-echart.entry.js +1 -1
  48. package/dist/esm/kup-editor.entry.js +1 -1
  49. package/dist/esm/kup-family-tree.entry.js +1 -1
  50. package/dist/esm/kup-grid.entry.js +1 -1
  51. package/dist/esm/kup-iframe.entry.js +1 -1
  52. package/dist/esm/kup-image-list.entry.js +4 -4
  53. package/dist/esm/kup-input-panel.entry.js +4 -4
  54. package/dist/esm/kup-lazy.entry.js +1 -1
  55. package/dist/esm/kup-magic-box.entry.js +1 -1
  56. package/dist/esm/{kup-manager-cb026184.js → kup-manager-86d68a97.js} +2 -2
  57. package/dist/esm/{kup-manager-cb026184.js.map → kup-manager-86d68a97.js.map} +1 -1
  58. package/dist/esm/kup-nav-bar.entry.js +1 -1
  59. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  60. package/dist/esm/kup-pdf.entry.js +1 -1
  61. package/dist/esm/kup-photo-frame.entry.js +1 -1
  62. package/dist/esm/kup-planner.entry.js +2 -2
  63. package/dist/esm/kup-probe.entry.js +1 -1
  64. package/dist/esm/kup-qlik.entry.js +1 -1
  65. package/dist/esm/kup-snackbar.entry.js +1 -1
  66. package/dist/esm/kup-typography-list.entry.js +1 -1
  67. package/dist/esm/kup-typography.entry.js +1 -1
  68. package/dist/ketchup/index.esm.js +1 -1
  69. package/dist/ketchup/ketchup.esm.js +1 -1
  70. package/dist/ketchup/{p-f085d15f.entry.js → p-095646ca.entry.js} +2 -2
  71. package/dist/ketchup/{p-b3fbf321.entry.js → p-0b706c2a.entry.js} +2 -2
  72. package/dist/ketchup/p-0e4c881b.entry.js +2 -0
  73. package/dist/ketchup/{p-1fb5db03.entry.js.map → p-0e4c881b.entry.js.map} +1 -1
  74. package/dist/ketchup/{p-8ba70b94.js → p-144ac67e.js} +2 -2
  75. package/dist/ketchup/{p-9a9e8b00.entry.js → p-22a6641c.entry.js} +2 -2
  76. package/dist/ketchup/{p-8fd0f625.entry.js → p-25de1507.entry.js} +2 -2
  77. package/dist/ketchup/{p-206002b6.entry.js → p-26e50f21.entry.js} +2 -2
  78. package/dist/ketchup/{p-b8537818.entry.js → p-2a79ac70.entry.js} +2 -2
  79. package/dist/ketchup/{p-d6b311e2.entry.js → p-2ed2c55e.entry.js} +2 -2
  80. package/dist/ketchup/{p-5767c4aa.entry.js → p-3ca9202f.entry.js} +2 -2
  81. package/dist/ketchup/{p-74461bca.entry.js → p-3f79b0e3.entry.js} +2 -2
  82. package/dist/ketchup/{p-6bc5a1d5.entry.js → p-5ce02cb0.entry.js} +2 -2
  83. package/dist/ketchup/{p-7b7a91e1.js → p-60c6be17.js} +2 -2
  84. package/dist/ketchup/p-610ac281.js +2 -0
  85. package/dist/ketchup/p-610ac281.js.map +1 -0
  86. package/dist/ketchup/{p-62987aa5.entry.js → p-78a0e8e3.entry.js} +2 -2
  87. package/dist/ketchup/{p-555e004e.js → p-7df94c07.js} +2 -2
  88. package/dist/ketchup/{p-d823d538.js → p-81348418.js} +2 -2
  89. package/dist/ketchup/{p-41f7543a.entry.js → p-820d1ce5.entry.js} +2 -2
  90. package/dist/ketchup/{p-0ce9ed44.entry.js → p-86f1cc33.entry.js} +2 -2
  91. package/dist/ketchup/{p-21982408.entry.js → p-88d1d651.entry.js} +2 -2
  92. package/dist/ketchup/{p-6d80b3ed.entry.js → p-8ea251c1.entry.js} +2 -2
  93. package/dist/ketchup/{p-2a910415.entry.js → p-91cab066.entry.js} +2 -2
  94. package/dist/ketchup/p-9a17abc3.js +2 -0
  95. package/dist/ketchup/{p-60f786c4.entry.js → p-9ff1f2bb.entry.js} +2 -2
  96. package/dist/ketchup/{p-9a0a1c0a.entry.js → p-ad281267.entry.js} +2 -2
  97. package/dist/ketchup/{p-519ee87e.entry.js → p-b373183c.entry.js} +2 -2
  98. package/dist/ketchup/{p-c6d15707.entry.js → p-c4a701a4.entry.js} +2 -2
  99. package/dist/ketchup/p-db6a527a.entry.js +9 -0
  100. package/dist/ketchup/p-db6a527a.entry.js.map +1 -0
  101. package/dist/ketchup/{p-ede6bac7.entry.js → p-eb7c02b9.entry.js} +2 -2
  102. package/dist/ketchup/{p-b9e95f29.entry.js → p-ee386eb4.entry.js} +2 -2
  103. package/dist/ketchup/{p-a51b6c48.entry.js → p-f43a820e.entry.js} +2 -2
  104. package/dist/ketchup/{p-3bc5a178.entry.js → p-fb352db8.entry.js} +2 -2
  105. package/dist/ketchup/{p-8fa25aa9.entry.js → p-fce9b0f2.entry.js} +2 -2
  106. package/dist/ketchup/{p-00113824.entry.js → p-fcfc3a40.entry.js} +2 -2
  107. package/package.json +1 -1
  108. package/dist/cjs/kup-data-table-helper-acfd0cd5.js.map +0 -1
  109. package/dist/esm/kup-data-table-helper-27f5fa75.js.map +0 -1
  110. package/dist/ketchup/p-1fb5db03.entry.js +0 -2
  111. package/dist/ketchup/p-b6afb372.js +0 -2
  112. package/dist/ketchup/p-b6afb372.js.map +0 -1
  113. package/dist/ketchup/p-cc7687b5.entry.js +0 -9
  114. package/dist/ketchup/p-cc7687b5.entry.js.map +0 -1
  115. package/dist/ketchup/p-ddf793af.js +0 -2
  116. /package/dist/ketchup/{p-f085d15f.entry.js.map → p-095646ca.entry.js.map} +0 -0
  117. /package/dist/ketchup/{p-b3fbf321.entry.js.map → p-0b706c2a.entry.js.map} +0 -0
  118. /package/dist/ketchup/{p-8ba70b94.js.map → p-144ac67e.js.map} +0 -0
  119. /package/dist/ketchup/{p-9a9e8b00.entry.js.map → p-22a6641c.entry.js.map} +0 -0
  120. /package/dist/ketchup/{p-8fd0f625.entry.js.map → p-25de1507.entry.js.map} +0 -0
  121. /package/dist/ketchup/{p-206002b6.entry.js.map → p-26e50f21.entry.js.map} +0 -0
  122. /package/dist/ketchup/{p-b8537818.entry.js.map → p-2a79ac70.entry.js.map} +0 -0
  123. /package/dist/ketchup/{p-d6b311e2.entry.js.map → p-2ed2c55e.entry.js.map} +0 -0
  124. /package/dist/ketchup/{p-5767c4aa.entry.js.map → p-3ca9202f.entry.js.map} +0 -0
  125. /package/dist/ketchup/{p-74461bca.entry.js.map → p-3f79b0e3.entry.js.map} +0 -0
  126. /package/dist/ketchup/{p-6bc5a1d5.entry.js.map → p-5ce02cb0.entry.js.map} +0 -0
  127. /package/dist/ketchup/{p-7b7a91e1.js.map → p-60c6be17.js.map} +0 -0
  128. /package/dist/ketchup/{p-62987aa5.entry.js.map → p-78a0e8e3.entry.js.map} +0 -0
  129. /package/dist/ketchup/{p-555e004e.js.map → p-7df94c07.js.map} +0 -0
  130. /package/dist/ketchup/{p-d823d538.js.map → p-81348418.js.map} +0 -0
  131. /package/dist/ketchup/{p-41f7543a.entry.js.map → p-820d1ce5.entry.js.map} +0 -0
  132. /package/dist/ketchup/{p-0ce9ed44.entry.js.map → p-86f1cc33.entry.js.map} +0 -0
  133. /package/dist/ketchup/{p-21982408.entry.js.map → p-88d1d651.entry.js.map} +0 -0
  134. /package/dist/ketchup/{p-6d80b3ed.entry.js.map → p-8ea251c1.entry.js.map} +0 -0
  135. /package/dist/ketchup/{p-2a910415.entry.js.map → p-91cab066.entry.js.map} +0 -0
  136. /package/dist/ketchup/{p-ddf793af.js.map → p-9a17abc3.js.map} +0 -0
  137. /package/dist/ketchup/{p-60f786c4.entry.js.map → p-9ff1f2bb.entry.js.map} +0 -0
  138. /package/dist/ketchup/{p-9a0a1c0a.entry.js.map → p-ad281267.entry.js.map} +0 -0
  139. /package/dist/ketchup/{p-519ee87e.entry.js.map → p-b373183c.entry.js.map} +0 -0
  140. /package/dist/ketchup/{p-c6d15707.entry.js.map → p-c4a701a4.entry.js.map} +0 -0
  141. /package/dist/ketchup/{p-ede6bac7.entry.js.map → p-eb7c02b9.entry.js.map} +0 -0
  142. /package/dist/ketchup/{p-b9e95f29.entry.js.map → p-ee386eb4.entry.js.map} +0 -0
  143. /package/dist/ketchup/{p-a51b6c48.entry.js.map → p-f43a820e.entry.js.map} +0 -0
  144. /package/dist/ketchup/{p-3bc5a178.entry.js.map → p-fb352db8.entry.js.map} +0 -0
  145. /package/dist/ketchup/{p-8fa25aa9.entry.js.map → p-fce9b0f2.entry.js.map} +0 -0
  146. /package/dist/ketchup/{p-00113824.entry.js.map → p-fcfc3a40.entry.js.map} +0 -0
package/dist/ketchup/{p-b3fbf321.entry.js → p-0b706c2a.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,ap as h,O as r,aq as f,V as u,d}from"./p-555e004e.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-2b519589.js";import{c as m}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));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,k,t)}async refresh(){e(this)}async setProps(t){l(this,k,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 s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{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(g,{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:s.data=this.data;e.push(i("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;e.push(i("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;e.push(i("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["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)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:e.name,decode:e.title})}else{s["series"].push(e.name)}}else{s["axis"]=e.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["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({},s)))}else{e.push(i("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));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 s=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(s){if(!e.rows){e.rows=[s]}else{e.rows.push(s)}}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:`[${r}],[${f}]`},{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(s,{key:"f472c456d846a8db13368b9f54e5a092225f22d3"},i("style",{key:"0d90e35e265af8810a2b5873b7bef9dd48fb9bd8"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"87cdb1e3bdcb196b71031c160aa6608dbd298c5c",id:m},i("div",{key:"c99994dc335f14d63208b0fee2b67632c0ff1161",class:"magic-box-wrapper"},i("div",{key:"b318cdac704373547ece7c0a4e770a6b83a1c784",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"77800dd052310dade4154a339e08e6e25c0d8cb7"},this.comboboxProps())),i("kup-button",{key:"ad5e58acb8806b8f9f271e9ed33aa61f5ec0d0cd",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"243a20cf6a6bbd9182290d4bdf6994386bf79d94",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"35cae487666a6cadd2e205971b080692a84e2d7f",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 a(this)}};w.style=v;export{w as kup_magic_box};
2
- //# sourceMappingURL=p-b3fbf321.entry.js.map
1
+ import{r as t,f as e,h as i,H as s,d as a}from"./p-d7c15b0e.js";import{k as o,g as n,s as l,h as c,e as p,ap as h,O as r,aq as f,V as u,d}from"./p-7df94c07.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-2b519589.js";import{c as m}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var k;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Sets the data that will be used to display different components."})(k||(k={}));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,k,t)}async refresh(){e(this)}async setProps(t){l(this,k,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 s={};if(this.display===x.JSON){s.initialValue=this.data?JSON.stringify(this.data,null,2):"";s.textArea=true;e.push(i("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},s,{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(g,{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:s.data=this.data;e.push(i("kup-box",Object.assign({},s)));break;case x.BUTTON_LIST:s.data=this.data;e.push(i("kup-button-list",Object.assign({},s)));break;case x.CHIP:s.data=this.data;e.push(i("kup-chip",Object.assign({},s)));break;case x.CHART:case x.ECHART:s.data=this.data;s["series"]=[];s["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)||s["axis"]!==null){if(this.display===x.CHART){s["series"].push({code:e.name,decode:e.title})}else{s["series"].push(e.name)}}else{s["axis"]=e.name}}if(s["series"].length===0){this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",p.WARNING)}if(!s["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({},s)))}else{e.push(i("kup-echart",Object.assign({},s)))}break;case x.DATATABLE:s.data=this.data;s["autoFillMissingCells"]=true;e.push(i("kup-data-table",Object.assign({},s)));break;case x.TREE:s.data=this.data;e.push(i("kup-tree",Object.assign({class:"kup-full-width"},s)));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 s=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(s){if(!e.rows){e.rows=[s]}else{e.rows.push(s)}}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:`[${r}],[${f}]`},{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(s,{key:"f472c456d846a8db13368b9f54e5a092225f22d3"},i("style",{key:"0d90e35e265af8810a2b5873b7bef9dd48fb9bd8"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"87cdb1e3bdcb196b71031c160aa6608dbd298c5c",id:m},i("div",{key:"c99994dc335f14d63208b0fee2b67632c0ff1161",class:"magic-box-wrapper"},i("div",{key:"b318cdac704373547ece7c0a4e770a6b83a1c784",class:"actions",id:"drag-handle"},i("kup-combobox",Object.assign({key:"77800dd052310dade4154a339e08e6e25c0d8cb7"},this.comboboxProps())),i("kup-button",{key:"ad5e58acb8806b8f9f271e9ed33aa61f5ec0d0cd",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),i("kup-button",{key:"243a20cf6a6bbd9182290d4bdf6994386bf79d94",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),i("div",{key:"35cae487666a6cadd2e205971b080692a84e2d7f",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 a(this)}};w.style=v;export{w as kup_magic_box};
2
+ //# sourceMappingURL=p-0b706c2a.entry.js.map
package/dist/ketchup/p-0e4c881b.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,f as i,h as e,H as s,d as n}from"./p-d7c15b0e.js";import{k as o,f as a,g as h,s as p,R as f,h as l}from"./p-7df94c07.js";import{c}from"./p-635bb4b3.js";import{F as r}from"./p-60c6be17.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-2b519589.js";import"./p-81348418.js";import"./p-9a17abc3.js";import"./p-a08414c8.js";import"./p-e3062c19.js";var m;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="The data of the cell.";t["density"]="The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.";t["dragEnabled"]="When set to true, the component is draggable."})(m||(m={}));const g=".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{display:block;height:100%;width:100%}#kup-component{height:100%;width:100%}";const u=g;const d=class{constructor(i){t(this,i);this.kupManager=o();this.customStyle="";this.data=null;this.density=a.NONE;this.dragEnabled=false}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,m,t)}async refresh(){i(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){p(this,m,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});this.kupManager.interact.draggable(this.rootElement.shadowRoot.querySelector("#"+c),{cursorChecker(){return null}},{callback:t},f.BADGE)}}generateColumn(){const t=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:"KUPCELL";const i=this.data&&this.data.obj&&this.data.obj.t?this.data.obj.t+";"+this.data.obj.p:this.kupManager.language.translate(l.EMPTY_OBJECT);return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}componentWillLoad(){this.kupManager.dates.register(this);this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();this.kupManager.debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return e(s,{key:"d708238a74da2eccf9a3bb299960dc985bb5cb0d"},e("style",{key:"7bf86a6bc3b61046b3bb7bfd921aaae114b49ed3"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"763804a8d45ca9f75e66157ebcc9aa1c27750424",id:c},e(r,Object.assign({key:"95717d73c39673ffcc382cb7c430b780dd72acfb"},t))))}disconnectedCallback(){this.kupManager.dates.unregister(this);this.kupManager.language.unregister(this);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};d.style=u;export{d as kup_cell};
2
+ //# sourceMappingURL=p-0e4c881b.entry.js.map
package/dist/ketchup/{p-1fb5db03.entry.js.map → p-0e4c881b.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["KupCellProps","kupCellCss","KupCellStyle0","KupCell","this","kupManager","kupManagerInstance","FCellPadding","NONE","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","colname","obj","t","p","coltitle","language","translate","KupLanguageGeneric","EMPTY_OBJECT","name","title","col","cells","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","FCell","Object","assign","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n * Props of the kup-cell component.\n * Used to export every prop in an object.\n */\nexport enum KupCellProps {\n customStyle = 'Custom style of the component.',\n data = 'The data of the cell.',\n density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n dragEnabled = 'When set to true, the component is draggable.',\n}\n","/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupCellProps } from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\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 * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n private kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.kupManager.dates.register(this);\n this.kupManager.debug.logLoad(this, false);\n this.kupManager.language.register(this);\n this.kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellProps = {\n cell: this.data,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n return (\n <Host>\n <style>\n {this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n <FCell {...props}></FCell>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.kupManager.dates.unregister(this);\n this.kupManager.language.unregister(this);\n this.kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["KupCellProps","kupCellCss","KupCellStyle0","KupCell","this","kupManager","kupManagerInstance","FCellPadding","NONE","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","colname","obj","t","p","coltitle","language","translate","KupLanguageGeneric","EMPTY_OBJECT","name","title","col","cells","componentWillLoad","dates","register","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","FCell","Object","assign","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell-declarations.ts","src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n * Props of the kup-cell component.\n * Used to export every prop in an object.\n */\nexport enum KupCellProps {\n customStyle = 'Custom style of the component.',\n data = 'The data of the cell.',\n density = \"The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\",\n dragEnabled = 'When set to true, the component is draggable.',\n}\n","/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n#kup-component {\n height: 100%;\n width: 100%;\n}\n","import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { KupCellProps } from './kup-cell-declarations';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n FCellPadding,\n FCellProps,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n KupDragDataTransferCallback,\n KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n KupDataCell,\n KupDataColumn,\n KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\n\n@Component({\n tag: 'kup-cell',\n styleUrl: 'kup-cell.scss',\n shadow: true,\n})\nexport class KupCell {\n /**\n * References the root HTML element of the component (<kup-text-field>).\n */\n @Element() rootElement: HTMLElement;\n\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 * The data of the cell.\n * @default false\n */\n @Prop() data: KupDataCell = null;\n /**\n * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n */\n @Prop() density: FCellPadding = FCellPadding.NONE;\n /**\n * When set to true, the component is draggable.\n * @default false\n */\n @Prop() dragEnabled: boolean = false;\n\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n private kupManager: KupManager = kupManagerInstance();\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * Adds the given CSS classes to the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async addCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n this.data.cssClass = '';\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) < 0) {\n this.data.cssClass += ` ${cssClass}`;\n }\n }\n }\n this.refresh();\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, KupCellProps, 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 * Removes the given CSS classes from the cell's data.\n * @param {string[]} classes - Array of CSS classes.\n */\n @Method()\n async removeCssClasses(classes?: string[]): Promise<void> {\n if (!this.data.cssClass) {\n return;\n }\n if (classes) {\n for (let index = 0; index < classes.length; index++) {\n const cssClass = classes[index];\n if (this.data.cssClass.indexOf(cssClass) > 0) {\n this.data.cssClass = this.data.cssClass.replace(\n new RegExp(cssClass, 'g'),\n ''\n );\n }\n }\n }\n this.refresh();\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, KupCellProps, props);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private didRenderInteractables() {\n if (this.dragEnabled) {\n const dataCb: KupDragDataTransferCallback = () => {\n return {\n cell: this.data,\n column: this.generateColumn(),\n id: this.rootElement.id,\n multiple: false,\n row: this.generateRow(),\n };\n };\n\n this.kupManager.interact.draggable(\n this.rootElement.shadowRoot.querySelector(\n '#' + componentWrapperId\n ),\n {\n cursorChecker() {\n return null;\n },\n },\n {\n callback: dataCb,\n },\n KupDragEffect.BADGE\n );\n }\n }\n\n private generateColumn(): KupDataColumn {\n const colname: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : 'KUPCELL';\n const coltitle: string =\n this.data && this.data.obj && this.data.obj.t\n ? this.data.obj.t + ';' + this.data.obj.p\n : this.kupManager.language.translate(\n KupLanguageGeneric.EMPTY_OBJECT\n );\n return {\n name: colname,\n title: coltitle,\n };\n }\n\n private generateRow(): KupDataRow {\n const col: KupDataColumn = this.generateColumn();\n const row: KupDataRow = { cells: {} };\n row.cells[col.name] = this.data;\n return row;\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.kupManager.dates.register(this);\n this.kupManager.debug.logLoad(this, false);\n this.kupManager.language.register(this);\n this.kupManager.theme.register(this);\n }\n\n componentDidLoad() {\n this.kupManager.debug.logLoad(this, true);\n }\n\n componentWillRender() {\n this.kupManager.debug.logRender(this, false);\n }\n\n componentDidRender() {\n this.didRenderInteractables();\n this.kupManager.debug.logRender(this, true);\n }\n\n render() {\n const props: FCellProps = {\n cell: this.data,\n column: this.generateColumn(),\n component: this,\n density: this.density,\n editable: this.data.isEditable,\n renderKup: true,\n row: this.generateRow(),\n };\n return (\n <Host>\n <style>\n {this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n )}\n </style>\n <div id={componentWrapperId}>\n <FCell {...props}></FCell>\n </div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n this.kupManager.dates.unregister(this);\n this.kupManager.language.unregister(this);\n this.kupManager.theme.unregister(this);\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/ketchup/{p-8ba70b94.js → p-144ac67e.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{h as e}from"./p-d7c15b0e.js";import{am as t,r as n,a as l,h as o}from"./p-555e004e.js";import{F as r}from"./p-a08414c8.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(t.PAGE),helper:s.ketchup.language.translate(t.TOTAL)+`: ${m}`,helperWhenFocused:true,inputType:"number",max:m,min:1}};const g={"kup-list":{data:h},"kup-text-field":{label:s.ketchup.language.translate(n.ROWS)+" / "+s.ketchup.language.translate(t.PAGE),helper:s.ketchup.language.translate(n.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,t){const n=[];for(let l=1;l<=t;l++){const t=l==e.currentPage;n.push({id:l.toString(),selected:t,value:l.toString()})}return n}function p(e){const t=[];let n=e.perPage;if(n===0){return t}while(n<e.max){const l=n==e.perPage;t.push({id:n.toString(),selected:l,value:n.toString()});n=n*2}const l=e.max==e.perPage;t.push({id:e.max.toString(),selected:l,value:e.max.toString()});return t}function d(e){return e.currentPage*e.perPage>=e.max}function f(e){return e.currentPage==1}const m=document.documentElement;function b(e,t,n){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(t/n);let o=e;if(o>l){o=l}if(o<1){o=1}return o}return null}function h(e,t){if(m.ketchup.math.isNumber(e)){let n=e;if(n>t){n=t}if(n<1){n=1}return n}return null}export{u as F,b as p,h as r};
2
- //# sourceMappingURL=p-8ba70b94.js.map
1
+ import{h as e}from"./p-d7c15b0e.js";import{an as n,r as t,a as l,h as o}from"./p-7df94c07.js";import{F as r}from"./p-a08414c8.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-144ac67e.js.map