@sme.up/ketchup 11.0.0-SNAPSHOT-20241015124120 → 11.0.0-SNAPSHOT-20241015131718

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 (164) hide show
  1. package/dist/cjs/{f-cell-626b7a7b.js → f-cell-5776c55a.js} +4 -4
  2. package/dist/cjs/{f-cell-626b7a7b.js.map → f-cell-5776c55a.js.map} +1 -1
  3. package/dist/cjs/{f-chip-96264a96.js → f-chip-353a9b69.js} +2 -2
  4. package/dist/cjs/{f-chip-96264a96.js.map → f-chip-353a9b69.js.map} +1 -1
  5. package/dist/cjs/{f-paginator-utils-111bcb5d.js → f-paginator-utils-1c4b0eee.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-111bcb5d.js.map → f-paginator-utils-1c4b0eee.js.map} +1 -1
  7. package/dist/cjs/{f-text-field-9e8c3323.js → f-text-field-9de377a5.js} +2 -2
  8. package/dist/cjs/{f-text-field-9e8c3323.js.map → f-text-field-9de377a5.js.map} +1 -1
  9. package/dist/cjs/index.cjs.js +1 -1
  10. package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
  11. package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
  12. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +6 -6
  13. package/dist/cjs/kup-box.cjs.entry.js +6 -6
  14. package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
  15. package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
  16. package/dist/cjs/kup-cell.cjs.entry.js +4 -4
  17. package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
  18. package/dist/cjs/{kup-data-table-helper-60a18b5e.js → kup-data-table-helper-61ed99d4.js} +2 -2
  19. package/dist/cjs/{kup-data-table-helper-60a18b5e.js.map → kup-data-table-helper-61ed99d4.js.map} +1 -1
  20. package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
  21. package/dist/cjs/kup-echart.cjs.entry.js +1 -1
  22. package/dist/cjs/kup-editor.cjs.entry.js +1 -1
  23. package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
  24. package/dist/cjs/kup-grid.cjs.entry.js +1 -1
  25. package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
  26. package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
  27. package/dist/cjs/kup-input-panel.cjs.entry.js +8 -8
  28. package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
  29. package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
  30. package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
  31. package/dist/cjs/{kup-manager-3b3c6a6b.js → kup-manager-adfaa041.js} +2 -2
  32. package/dist/cjs/{kup-manager-3b3c6a6b.js.map → kup-manager-adfaa041.js.map} +1 -1
  33. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  34. package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
  35. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  36. package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
  37. package/dist/cjs/kup-planner.cjs.entry.js +2 -2
  38. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  39. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  40. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  41. package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
  42. package/dist/cjs/kup-typography.cjs.entry.js +1 -1
  43. package/dist/collection/components/kup-input-panel/kup-input-panel.js +4 -4
  44. package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
  45. package/dist/components/kup-input-panel.js +4 -4
  46. package/dist/components/kup-input-panel.js.map +1 -1
  47. package/dist/components/kup-manager.js +1 -1
  48. package/dist/components/kup-manager.js.map +1 -1
  49. package/dist/esm/{f-cell-0bd9bc8c.js → f-cell-66b9af73.js} +4 -4
  50. package/dist/esm/{f-cell-0bd9bc8c.js.map → f-cell-66b9af73.js.map} +1 -1
  51. package/dist/esm/{f-chip-7a198b38.js → f-chip-aebac9fc.js} +2 -2
  52. package/dist/esm/{f-chip-7a198b38.js.map → f-chip-aebac9fc.js.map} +1 -1
  53. package/dist/esm/{f-paginator-utils-f9a14b0e.js → f-paginator-utils-4b0e4330.js} +2 -2
  54. package/dist/esm/{f-paginator-utils-f9a14b0e.js.map → f-paginator-utils-4b0e4330.js.map} +1 -1
  55. package/dist/esm/{f-text-field-c1cf2b71.js → f-text-field-0fcb3142.js} +2 -2
  56. package/dist/esm/{f-text-field-c1cf2b71.js.map → f-text-field-0fcb3142.js.map} +1 -1
  57. package/dist/esm/index.js +1 -1
  58. package/dist/esm/kup-accordion.entry.js +1 -1
  59. package/dist/esm/kup-activity-timeline.entry.js +2 -2
  60. package/dist/esm/kup-autocomplete_27.entry.js +6 -6
  61. package/dist/esm/kup-box.entry.js +6 -6
  62. package/dist/esm/kup-calendar.entry.js +2 -2
  63. package/dist/esm/kup-card-list.entry.js +1 -1
  64. package/dist/esm/kup-cell.entry.js +4 -4
  65. package/dist/esm/kup-dashboard.entry.js +2 -2
  66. package/dist/esm/{kup-data-table-helper-12596469.js → kup-data-table-helper-02f1b0f8.js} +2 -2
  67. package/dist/esm/{kup-data-table-helper-12596469.js.map → kup-data-table-helper-02f1b0f8.js.map} +1 -1
  68. package/dist/esm/kup-drawer.entry.js +1 -1
  69. package/dist/esm/kup-echart.entry.js +1 -1
  70. package/dist/esm/kup-editor.entry.js +1 -1
  71. package/dist/esm/kup-family-tree.entry.js +1 -1
  72. package/dist/esm/kup-grid.entry.js +1 -1
  73. package/dist/esm/kup-iframe.entry.js +1 -1
  74. package/dist/esm/kup-image-list.entry.js +4 -4
  75. package/dist/esm/kup-input-panel.entry.js +8 -8
  76. package/dist/esm/kup-input-panel.entry.js.map +1 -1
  77. package/dist/esm/kup-lazy.entry.js +1 -1
  78. package/dist/esm/kup-magic-box.entry.js +1 -1
  79. package/dist/esm/{kup-manager-79c3423a.js → kup-manager-8a0cd285.js} +2 -2
  80. package/dist/esm/{kup-manager-79c3423a.js.map → kup-manager-8a0cd285.js.map} +1 -1
  81. package/dist/esm/kup-nav-bar.entry.js +1 -1
  82. package/dist/esm/kup-numeric-picker.entry.js +2 -2
  83. package/dist/esm/kup-pdf.entry.js +1 -1
  84. package/dist/esm/kup-photo-frame.entry.js +1 -1
  85. package/dist/esm/kup-planner.entry.js +2 -2
  86. package/dist/esm/kup-probe.entry.js +1 -1
  87. package/dist/esm/kup-qlik.entry.js +1 -1
  88. package/dist/esm/kup-snackbar.entry.js +1 -1
  89. package/dist/esm/kup-typography-list.entry.js +1 -1
  90. package/dist/esm/kup-typography.entry.js +1 -1
  91. package/dist/ketchup/index.esm.js +1 -1
  92. package/dist/ketchup/ketchup.esm.js +1 -1
  93. package/dist/ketchup/{p-42c4a3fa.entry.js → p-1a7efb24.entry.js} +2 -2
  94. package/dist/ketchup/{p-67caac39.entry.js → p-1bac1c57.entry.js} +2 -2
  95. package/dist/ketchup/{p-248c1472.entry.js → p-1e8b54e7.entry.js} +2 -2
  96. package/dist/ketchup/{p-505f9f0b.entry.js → p-251cd449.entry.js} +2 -2
  97. package/dist/ketchup/{p-30bff580.entry.js → p-27b37553.entry.js} +2 -2
  98. package/dist/ketchup/p-2d13cc68.js +2 -0
  99. package/dist/ketchup/{p-b54a5f2b.js.map → p-2d13cc68.js.map} +1 -1
  100. package/dist/ketchup/{p-245fa3a2.entry.js → p-2dd95613.entry.js} +2 -2
  101. package/dist/ketchup/{p-8f2bdf39.js → p-31e54b3d.js} +2 -2
  102. package/dist/ketchup/{p-399b9933.js → p-3597f8bb.js} +2 -2
  103. package/dist/ketchup/{p-e3c9639a.entry.js → p-3dcc77f9.entry.js} +2 -2
  104. package/dist/ketchup/{p-516bb0a6.entry.js → p-3f161d71.entry.js} +2 -2
  105. package/dist/ketchup/{p-34ec8c06.entry.js → p-4e432e8c.entry.js} +2 -2
  106. package/dist/ketchup/{p-c0714101.entry.js → p-555a72ad.entry.js} +2 -2
  107. package/dist/ketchup/p-593d2457.entry.js +2 -0
  108. package/dist/ketchup/{p-af710e2a.entry.js.map → p-593d2457.entry.js.map} +1 -1
  109. package/dist/ketchup/{p-b7edd010.js → p-65cc1bb9.js} +2 -2
  110. package/dist/ketchup/{p-cf931b2f.entry.js → p-691b9264.entry.js} +2 -2
  111. package/dist/ketchup/{p-1ce6fad3.entry.js → p-6bae1a99.entry.js} +2 -2
  112. package/dist/ketchup/{p-ba36e4fd.entry.js → p-731af6ea.entry.js} +2 -2
  113. package/dist/ketchup/{p-c654fca7.entry.js → p-74836822.entry.js} +2 -2
  114. package/dist/ketchup/{p-e29ab71d.entry.js → p-837ec9ad.entry.js} +2 -2
  115. package/dist/ketchup/{p-5a14e097.entry.js → p-85ba57aa.entry.js} +2 -2
  116. package/dist/ketchup/{p-655031a0.entry.js → p-87cdc7b4.entry.js} +2 -2
  117. package/dist/ketchup/{p-62c2268b.entry.js → p-8af43f78.entry.js} +2 -2
  118. package/dist/ketchup/{p-3d42578c.entry.js → p-8e5fe773.entry.js} +2 -2
  119. package/dist/ketchup/{p-b27381aa.js → p-9bcbe397.js} +2 -2
  120. package/dist/ketchup/{p-b27381aa.js.map → p-9bcbe397.js.map} +1 -1
  121. package/dist/ketchup/{p-b6871892.entry.js → p-a2d8b75a.entry.js} +2 -2
  122. package/dist/ketchup/{p-d5fb7b8a.entry.js → p-aeeae530.entry.js} +2 -2
  123. package/dist/ketchup/{p-426ec79b.entry.js → p-c3b857cf.entry.js} +2 -2
  124. package/dist/ketchup/{p-d031e461.js → p-cb7201eb.js} +2 -2
  125. package/dist/ketchup/{p-993317a3.entry.js → p-d3623d36.entry.js} +2 -2
  126. package/dist/ketchup/{p-2c8a584c.entry.js → p-d998272d.entry.js} +2 -2
  127. package/dist/ketchup/{p-b8622242.entry.js → p-ea051539.entry.js} +2 -2
  128. package/dist/ketchup/p-ea051539.entry.js.map +1 -0
  129. package/dist/ketchup/{p-74fdfc38.entry.js → p-ef8820af.entry.js} +2 -2
  130. package/dist/ketchup/{p-b2ec62ed.entry.js → p-f8de4ddd.entry.js} +2 -2
  131. package/package.json +1 -1
  132. package/dist/ketchup/p-af710e2a.entry.js +0 -2
  133. package/dist/ketchup/p-b54a5f2b.js +0 -2
  134. package/dist/ketchup/p-b8622242.entry.js.map +0 -1
  135. /package/dist/ketchup/{p-42c4a3fa.entry.js.map → p-1a7efb24.entry.js.map} +0 -0
  136. /package/dist/ketchup/{p-67caac39.entry.js.map → p-1bac1c57.entry.js.map} +0 -0
  137. /package/dist/ketchup/{p-248c1472.entry.js.map → p-1e8b54e7.entry.js.map} +0 -0
  138. /package/dist/ketchup/{p-505f9f0b.entry.js.map → p-251cd449.entry.js.map} +0 -0
  139. /package/dist/ketchup/{p-30bff580.entry.js.map → p-27b37553.entry.js.map} +0 -0
  140. /package/dist/ketchup/{p-245fa3a2.entry.js.map → p-2dd95613.entry.js.map} +0 -0
  141. /package/dist/ketchup/{p-8f2bdf39.js.map → p-31e54b3d.js.map} +0 -0
  142. /package/dist/ketchup/{p-399b9933.js.map → p-3597f8bb.js.map} +0 -0
  143. /package/dist/ketchup/{p-e3c9639a.entry.js.map → p-3dcc77f9.entry.js.map} +0 -0
  144. /package/dist/ketchup/{p-516bb0a6.entry.js.map → p-3f161d71.entry.js.map} +0 -0
  145. /package/dist/ketchup/{p-34ec8c06.entry.js.map → p-4e432e8c.entry.js.map} +0 -0
  146. /package/dist/ketchup/{p-c0714101.entry.js.map → p-555a72ad.entry.js.map} +0 -0
  147. /package/dist/ketchup/{p-b7edd010.js.map → p-65cc1bb9.js.map} +0 -0
  148. /package/dist/ketchup/{p-cf931b2f.entry.js.map → p-691b9264.entry.js.map} +0 -0
  149. /package/dist/ketchup/{p-1ce6fad3.entry.js.map → p-6bae1a99.entry.js.map} +0 -0
  150. /package/dist/ketchup/{p-ba36e4fd.entry.js.map → p-731af6ea.entry.js.map} +0 -0
  151. /package/dist/ketchup/{p-c654fca7.entry.js.map → p-74836822.entry.js.map} +0 -0
  152. /package/dist/ketchup/{p-e29ab71d.entry.js.map → p-837ec9ad.entry.js.map} +0 -0
  153. /package/dist/ketchup/{p-5a14e097.entry.js.map → p-85ba57aa.entry.js.map} +0 -0
  154. /package/dist/ketchup/{p-655031a0.entry.js.map → p-87cdc7b4.entry.js.map} +0 -0
  155. /package/dist/ketchup/{p-62c2268b.entry.js.map → p-8af43f78.entry.js.map} +0 -0
  156. /package/dist/ketchup/{p-3d42578c.entry.js.map → p-8e5fe773.entry.js.map} +0 -0
  157. /package/dist/ketchup/{p-b6871892.entry.js.map → p-a2d8b75a.entry.js.map} +0 -0
  158. /package/dist/ketchup/{p-d5fb7b8a.entry.js.map → p-aeeae530.entry.js.map} +0 -0
  159. /package/dist/ketchup/{p-426ec79b.entry.js.map → p-c3b857cf.entry.js.map} +0 -0
  160. /package/dist/ketchup/{p-d031e461.js.map → p-cb7201eb.js.map} +0 -0
  161. /package/dist/ketchup/{p-993317a3.entry.js.map → p-d3623d36.entry.js.map} +0 -0
  162. /package/dist/ketchup/{p-2c8a584c.entry.js.map → p-d998272d.entry.js.map} +0 -0
  163. /package/dist/ketchup/{p-74fdfc38.entry.js.map → p-ef8820af.entry.js.map} +0 -0
  164. /package/dist/ketchup/{p-b2ec62ed.entry.js.map → p-f8de4ddd.entry.js.map} +0 -0
package/dist/ketchup/{p-b6871892.entry.js → p-a2d8b75a.entry.js} RENAMED
@@ -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-b27381aa.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-b6871892.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-9bcbe397.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-a2d8b75a.entry.js.map
package/dist/ketchup/{p-d5fb7b8a.entry.js → p-aeeae530.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-b27381aa.js";import{F as f,a as l}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var w,x;const b=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(n,{key:"981f5e75f5014b5ef747f943ffb6905ee03a07b5"},o("style",{key:"4a77e168bda23918fcbd1aded179d9cb54027385"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"7b4d3cd14a278c481cac14077fa16c899c81fc56",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"4e487b2d58d1161b443f7823a0c3e0f7e977ac6e"},t)),o(u,Object.assign({key:"c62c2a74f3687836c9cfb1f3cc8afe65822ece9f"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap,x=new WeakMap;b.style=m;export{b as kup_typography};
2
- //# sourceMappingURL=p-d5fb7b8a.entry.js.map
1
+ import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-9bcbe397.js";import{F as f,a as l}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var w,x;const b=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(n,{key:"981f5e75f5014b5ef747f943ffb6905ee03a07b5"},o("style",{key:"4a77e168bda23918fcbd1aded179d9cb54027385"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"7b4d3cd14a278c481cac14077fa16c899c81fc56",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"4e487b2d58d1161b443f7823a0c3e0f7e977ac6e"},t)),o(u,Object.assign({key:"c62c2a74f3687836c9cfb1f3cc8afe65822ece9f"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap,x=new WeakMap;b.style=m;export{b as kup_typography};
2
+ //# sourceMappingURL=p-aeeae530.entry.js.map
package/dist/ketchup/{p-426ec79b.entry.js → p-c3b857cf.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as s,s as p}from"./p-b27381aa.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(t){t["componentName"]="Sets the tag name of the component to be lazy loaded.";t["customStyle"]="Custom style of the component.";t["data"]="Sets the data of the component to be lazy loaded.";t["showPlaceholder"]="Displays an animated SVG placeholder until the component is loaded."})(f||(f={}));var c;(function(t){t["VIEWPORT"]="viewport";t["PROPS"]="props";t["BOTH"]="both"})(c||(c={}));const d=".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_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n --kup-lazy-placeholder-color,\n var(--kup-icon-color)\n );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";const r=d;const g=class{constructor(i){t(this,i);this.kupLazyLoaded=e(this,"kup-lazy-loaded",6);this.intObserver=null;this.kupManager=o();this.lazyComponent=null;this.lazyComponentLoaded=false;this.isInViewport=false;this.componentName=null;this.customStyle="";this.data=null;this.renderMode=c.BOTH;this.showPlaceholder=true}async getProps(t){return s(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){p(this,f,t)}setObserver(){let t=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+".");this.isInViewport=true;this.intObserver.unobserve(this.rootElement)}}))};let e={threshold:.25};this.intObserver=new IntersectionObserver(t,e)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.lazyComponent&&!this.lazyComponentLoaded){this.lazyComponentLoaded=true;this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})}this.kupManager.debug.logRender(this,true)}render(){let t;let e;let i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"142ecf1bc4606810244eee4d37220b10dfb13c33",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"09ac2094fee710434998fe06d2fbac5ab0ea2bab",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=a("svg",{key:"dd62523adb23354d1c2f9a786a45250d6dc30eb7",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"b821b9703a1b37f39c866d24ffd9106d369d2279",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=a("svg",{key:"3b2d93abfa208eb9dd0f8b159b51c2268c4daab4",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"0e41239707e74680252d041a8e6d14e1c4b9bb74",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=a("svg",{key:"b2bf0893222cb4fa17069327b4df6c432f3f912a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"f0ed2001a3697f63cafb42c95c275e2522d431fa",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"084d0f8abaa50390fe0f1e7cbcce5ea771937d35",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"442510a55fa566bd83b2f631c05d778d4be7d5fe",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=a("svg",{key:"c2dd9ee9c12dcf7b782f0bdd04370da959dafb1a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"bcf61cc6292bb257e361d11e3a1097eb98f6597a",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=a("svg",{key:"2dec9530bdb12f97736d48518edfe5294cca0214",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"a1bdb54b3d9570d154a65ed27d77c4681672c601",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=a("svg",{key:"452bb4adbfc904d56c3298b32beac0281abb7353",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"d5b58baa6fbb481587efd2384dd5fb30f2f1ef9e",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=a("svg",{key:"08e04f703cbe01a686aaa2056b31d956d8c1ea39",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"11e39f63de784e1600605fd35fa2d9b506fdeb87",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break}if(this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport){let e=this.componentName;t=a(e,Object.assign({key:"085714fe736dba6ddf9c94d0a2243f792d040675"},this.data,{ref:t=>this.lazyComponent=t}));i+=" kup-loaded"}else if(this.showPlaceholder){t=e;i+=" kup-to-be-loaded"}return a(h,{key:"802fd7017a1f67bd03d02b6458c2b77c1f8465a6",class:i},a("style",{key:"c2d8c919c9b72fef9e7cb5826f026983ce6cd6fe"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"6ce3ca10b77781163bc8f97c963bf2fa207a2e05",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this);(t=this.intObserver)===null||t===void 0?void 0:t.unobserve(this.rootElement)}get rootElement(){return n(this)}};g.style=r;export{g as kup_lazy};
2
- //# sourceMappingURL=p-426ec79b.entry.js.map
1
+ import{r as t,c as e,f as i,h as a,H as h,d as n}from"./p-d7c15b0e.js";import{k as o,g as s,s as p}from"./p-9bcbe397.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var f;(function(t){t["componentName"]="Sets the tag name of the component to be lazy loaded.";t["customStyle"]="Custom style of the component.";t["data"]="Sets the data of the component to be lazy loaded.";t["showPlaceholder"]="Displays an animated SVG placeholder until the component is loaded."})(f||(f={}));var c;(function(t){t["VIEWPORT"]="viewport";t["PROPS"]="props";t["BOTH"]="both"})(c||(c={}));const d=".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_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n --kup-lazy-placeholder-color,\n var(--kup-icon-color)\n );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";const r=d;const g=class{constructor(i){t(this,i);this.kupLazyLoaded=e(this,"kup-lazy-loaded",6);this.intObserver=null;this.kupManager=o();this.lazyComponent=null;this.lazyComponentLoaded=false;this.isInViewport=false;this.componentName=null;this.customStyle="";this.data=null;this.renderMode=c.BOTH;this.showPlaceholder=true}async getProps(t){return s(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){p(this,f,t)}setObserver(){let t=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+".");this.isInViewport=true;this.intObserver.unobserve(this.rootElement)}}))};let e={threshold:.25};this.intObserver=new IntersectionObserver(t,e)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this);this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.lazyComponent&&!this.lazyComponentLoaded){this.lazyComponentLoaded=true;this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})}this.kupManager.debug.logRender(this,true)}render(){let t;let e;let i=this.componentName;switch(this.componentName){case"kup-button":e=a("svg",{key:"142ecf1bc4606810244eee4d37220b10dfb13c33",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"09ac2094fee710434998fe06d2fbac5ab0ea2bab",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":e=a("svg",{key:"dd62523adb23354d1c2f9a786a45250d6dc30eb7",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"b821b9703a1b37f39c866d24ffd9106d369d2279",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=a("svg",{key:"3b2d93abfa208eb9dd0f8b159b51c2268c4daab4",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"0e41239707e74680252d041a8e6d14e1c4b9bb74",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=a("svg",{key:"b2bf0893222cb4fa17069327b4df6c432f3f912a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"f0ed2001a3697f63cafb42c95c275e2522d431fa",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"084d0f8abaa50390fe0f1e7cbcce5ea771937d35",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"442510a55fa566bd83b2f631c05d778d4be7d5fe",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=a("svg",{key:"c2dd9ee9c12dcf7b782f0bdd04370da959dafb1a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"bcf61cc6292bb257e361d11e3a1097eb98f6597a",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=a("svg",{key:"2dec9530bdb12f97736d48518edfe5294cca0214",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"a1bdb54b3d9570d154a65ed27d77c4681672c601",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=a("svg",{key:"452bb4adbfc904d56c3298b32beac0281abb7353",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"d5b58baa6fbb481587efd2384dd5fb30f2f1ef9e",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:e=a("svg",{key:"08e04f703cbe01a686aaa2056b31d956d8c1ea39",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"11e39f63de784e1600605fd35fa2d9b506fdeb87",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break}if(this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport){let e=this.componentName;t=a(e,Object.assign({key:"085714fe736dba6ddf9c94d0a2243f792d040675"},this.data,{ref:t=>this.lazyComponent=t}));i+=" kup-loaded"}else if(this.showPlaceholder){t=e;i+=" kup-to-be-loaded"}return a(h,{key:"802fd7017a1f67bd03d02b6458c2b77c1f8465a6",class:i},a("style",{key:"c2d8c919c9b72fef9e7cb5826f026983ce6cd6fe"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"6ce3ca10b77781163bc8f97c963bf2fa207a2e05",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this);(t=this.intObserver)===null||t===void 0?void 0:t.unobserve(this.rootElement)}get rootElement(){return n(this)}};g.style=r;export{g as kup_lazy};
2
+ //# sourceMappingURL=p-c3b857cf.entry.js.map
package/dist/ketchup/{p-d031e461.js → p-cb7201eb.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{a8 as e,a9 as s,d as t,a5 as i,aa as c,F as a,ab as n,ac as l,ad as r,ae as o,af as u,e as f}from"./p-b27381aa.js";import{h as p,g as d}from"./p-d7c15b0e.js";import{F as k}from"./p-5d03c077.js";import{F as b}from"./p-b7edd010.js";import{F as h}from"./p-2b519589.js";import{F as m,c as v}from"./p-399b9933.js";import{F as g}from"./p-cc32b7a2.js";var w;(function(e){e["customStyle"]="Custom style of the component.";e["data"]="The data of the list.";e["displayMode"]="Selects how the items must display their label and how they can be filtered for.";e["filter"]="Keeps string for filtering elements when filter mode is active";e["hideText"]="Hides rows' text, ideally to display a list of icons only.";e["isMenu"]="Defines whether the list is a menu or not.";e["keyboardNavigation"]="When true, enables items' navigation through arrow keys.";e["menuVisible"]="Sets the status of the menu, when false it's hidden otherwise it's visible.";e["roleType"]="Defines the type of selection. Values accepted: listbox, radiogroup or group.";e["selectable"]="Defines whether items are selectable or not.";e["showIcons"]="Displays the icons associated to each row when set to true.";e["twoLine"]="The list elements descriptions will be arranged in two lines."})(w||(w={}));var y;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})(y||(y={}));var $;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})($||($={}));var j;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(j||(j={}));const x=e=>{if(!e.sizing){e.sizing=j.MEDIUM}e.sizing.toLowerCase()===j.SMALL;const s={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return p("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),p("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},p("div",{class:s},p("div",{class:"switch__track"}),p("div",{class:"switch__thumb-underlay"},p("div",{class:"switch__thumb"},p("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),p("label",{onClick:e.onChange},e.label)))};const O=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let s=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""} ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`;let t="pie";let i=undefined;if(e.isRadial){s+=" pie-wrapper is-radial"}else{s+=" progress-bar"}let c=undefined;const a={width:`${e.value}%`};if(!e.centeredLabel){c=a;if(e.value>2){s+=" text-color-on-primary"}}else if(e.value>49){s+=" text-color-on-primary"}let n=null;if(e.icon){n=_(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){n=p("span",{class:"label"},e.label)}else{n=p("span",{class:"label"},e.value,p("span",{class:"smaller"},"%"))}}else{if(e.label){n=e.label}else{n=e.value+"%"}}}}if(e.value>0){t+=" has-value";if(e.value>50){t+=" is-more-than-half"}else{t+=" is-less-than-half"}}if(e.isRadial){return p("div",{class:s},n,p("div",{class:t},p("div",{style:i,class:"left-side half-circle"}),p("div",{class:"right-side half-circle"})),p("div",{class:"shadow"}))}else{return p("div",{class:s},p("div",{class:"progress-bar-percentage",style:a},p("span",{style:c},n)))}};function _(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return p("span",{class:"label kup-icon is-image"},p("img",{src:e.icon}))}else{let s=`url('${d(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let t={mask:s,webkitMask:s};return p("span",{style:t,class:"label kup-icon"})}}const I=e=>{var s;const t=!!e.columns;const i=[];for(let t=0;t<((s=e.data)===null||s===void 0?void 0:s.length);t++){const s=e.data[t];const c={radio:true,"radio--checked":s.checked?true:false,"radio--disabled":e.disabled?true:false};i.push(p("div",{class:`form-field \n ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},p("div",{class:c},p("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,t):null,onFocus:e.onFocus}),p("div",{class:"radio__background"},p("div",{class:"radio__outer-circle"}),p("div",{class:"radio__inner-circle"}))),p("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,t):null},s.label?s.label:"")))}const c={"--kup_radio_columns":t?`repeat(${e.columns}, 1fr)`:""};return p("div",{class:`f-radio radio-wrapper \n ${t?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:c},i)};const C=e=>{if(!e.maxValue){e.maxValue=5}return p("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},N(e))};function N(e){const s=[];for(let t=1;t<=e.maxValue;t++){if(t<=e.value){s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"★"))}else{s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"☆"))}}return s}const F=document.documentElement;const z=(c,a)=>{const n=c.cell;const r=c.column;const o=c.row;const f=c.shape?c.shape:n.shape?n.shape:r.shape?r.shape:null;const d=!F.ketchup.objects.isEmptyKupObj(n.obj);let k=false;if(n.hasOwnProperty("isEditable")){k=n.isEditable}else if(r.hasOwnProperty("isEditable")){k=r.isEditable}k=k&&c.editable;const b=c.previousValue!==n.value?n.value:"";const m=F.ketchup.data.cell.getType(n,f);const v=Object.assign({},n.data);let g=n.cssClass?n.cssClass:r.cssClass?r.cssClass:"";if(c.component.legacyLook){g+=" monospace c-pre"}const w={"f-cell":true,[l.OBJ]:d?true:false,[m+"-cell"]:true,[c.wrapperClass]:c.wrapperClass?true:false,[c.density]:c.density&&m!==i.BAR?true:false,[g]:g?true:false};let y=b;if(!n.data){T(m,n)}if(k&&e.includes(m)){y=E(m,w,n,r,c)}else if(n.data&&s.includes(m)){if(c.setSizes){D(m,v,n)}if(!c.renderKup){const e="cell-"+m+" placeholder";y=p("span",{class:e})}else{y=R(m,w,v,n,o,r,c)}}else{if(c.setSizes){H(m,v,n,c)}y=M(m,v,y,w,n,r,c)}let $=null;if(!k&&(r.icon||n.icon)&&y){const e={color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:n.icon?n.icon:r.icon,placeholderResource:n.placeholderIcon?n.placeholderIcon:r.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};$=p(h,Object.assign({},e))}let j=null;if(F.ketchup.debug.isDebug()&&d){j=n.obj.t+"; "+n.obj.p+"; "+n.obj.k+";"}else if(n.title!=null&&n.title.trim()!=""){j=n.title}let x=null;if(n.info){const e=Object.assign({},n.info);if(!e.color){e.color=`var(${t.INFO})`}if(!e.icon){e.icon="info"}const s={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};x=p(h,Object.assign({},s))}return p("div",{onKeyUp:e=>V(e,c,m,u.KEYUP),class:w,"kup-get-cell-props":()=>c,ref:e=>n.element=e,style:n.style},p("div",{class:"f-cell__content",style:n.styleContent,title:j},c.cellActionIcon&&p(h,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${m===i.NUMBER?"left":"right"}`,onClick:c.cellActionIcon.onClick,tabIndex:0}),a&&a.length>0?a:[c.indents,x,$,y]))};function H(e,s,t,a){var n;switch(e){case i.CHECKBOX:case i.ICON:if(!s.sizeX){s.sizeX="18px"}if(!s.sizeY){s.sizeY="18px"}if(t.style){if(!t.style.height){t.style["minHeight"]=s.sizeY}}else{t.style={minHeight:s.sizeY}}break;case i.IMAGE:const e=((n=a.cell)===null||n===void 0?void 0:n.value)||"";const l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(a.component.rootElement.tagName===c.DATA_TABLE&&!l){if(!s.sizeX&&!s.sizeY){s.sizeX="100%";s.sizeY="64px";s.wrapperClass="noWidth"}else{if(!s.sizeX){s.sizeX="100%";s.wrapperClass="noWidth"}if(!s.sizeY){s.sizeY="auto"}}}if(a.component.rootElement.tagName===c.BOX){if(!s.sizeY){s.sizeY="auto"}if(s.fit===undefined){s.fit=true}}else if(!s.sizeX){s.sizeX="auto"}if(!s.sizeY){s.sizeY="64px"}break}}function D(e,s,t){switch(e){case i.BAR:if(!s.sizeY){s.sizeY="26px"}break;case i.BUTTON:let e="";if(s.label){e="36px"}if(t.style){if(!t.style.height){t.style["minHeight"]=e}}else{t.style={minHeight:e}}break;case i.CHART:if(!s.sizeX){s.sizeX="100%"}if(!s.sizeY){s.sizeY="100%"}break;case i.CHIP:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break;case i.RADIO:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break}}function E(e,s,t,c,n){var r,o;switch(e){case i.AUTOCOMPLETE:return p("kup-autocomplete",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"","onkup-autocomplete-change":s=>V(s,n,e,u.UPDATE),"onkup-autocomplete-input":s=>V(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>V(s,n,e,u.ICON_CLICK)}));case i.CHECKBOX:if(W(n)){s[l.C_CENTERED]=true}if(t.shape===a.INPUT_CHECKBOX){return p("input",{checked:t.value==="on"||t.value==="1"?true:false,class:"input-checkbox",onChange:s=>V(s,n,e,u.UPDATE),type:"checkbox"})}else{return p(k,Object.assign({},t.data,{onChange:s=>V(s,n,e,u.UPDATE)}))}case i.CHIP:return p("kup-chip",Object.assign({},t.data,{type:m.INPUT,enableInput:true,"onKup-chip-change":s=>V(s,n,e,u.UPDATE)}),p("kup-text-field",Object.assign({fullWidth:true,slot:"field"},t.slotData)));case i.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":s=>V(s,n,e,u.UPDATE)}));case i.COMBOBOX:return p("kup-combobox",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"","onkup-combobox-change":s=>V(s,n,e,u.UPDATE),"onkup-combobox-input":s=>V(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>V(s,n,e,u.ICON_CLICK)}));case i.DATE:return p("kup-date-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"","onkup-datepicker-change":s=>V(s,n,e,u.UPDATE),"onkup-datepicker-input":s=>V(s,n,e,u.INPUT)}));case i.MULTI_AUTOCOMPLETE:return p("kup-chip",Object.assign({displayId:true},t.data,{type:m.INPUT,enableInput:true,"onKup-chip-change":s=>V(s,n,e,u.UPDATE)}),p("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:$.DESCRIPTION_AND_CODE,selectMode:$.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>V(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>V(s,n,e,u.ICON_CLICK),showDropDownIcon:false},t.slotData)));case i.MULTI_COMBOBOX:return p("kup-chip",Object.assign({displayId:true},t.data,{type:m.INPUT,enableInput:true,"onKup-chip-change":s=>V(s,n,e,u.UPDATE)}),p("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:$.DESCRIPTION_AND_CODE,selectMode:$.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>V(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>V(s,n,e,u.ICON_CLICK)},t.slotData)));case i.RADIO:return p(I,Object.assign({},t.data,{disabled:false,onChange:(s,i)=>{const c=t.data.data;for(let e=0;e<c.length;e++){const t=c[e];if(e===s){t.checked=true}else{t.checked=false}}V(i,n,e,u.UPDATE)}}));case i.RATING:return p("kup-rating",Object.assign({key:c.name+n.row.id},t.data,{disabled:false,"onkup-rating-click":s=>V(s,n,e,u.UPDATE)}));case i.SWITCH:return p(x,Object.assign({},t.data,{disabled:false,onChange:s=>V(s,n,e,u.UPDATE)}));case i.TIME:return p("kup-time-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"","onkup-timepicker-change":s=>V(s,n,e,u.UPDATE),"onkup-timepicker-input":s=>V(s,n,e,u.INPUT)}));case i.NUMBER:s[l.C_RIGHT_ALIGNED]=true;case i.LINK:case i.STRING:const f=s=>V(s,n,e,u.UPDATE);const d=s=>V(s,n,e,u.INPUT);const h=e===i.NUMBER?"number":null;const v=e===i.NUMBER&&t.value?F.ketchup.math.numberifySafe(t.value).toString():t.value;if(t.shape===a.INPUT_FIELD){return p("input",{class:"input-field",onChange:f,onInput:d,type:h,value:v,maxLength:(o=(r=c.cellData)===null||r===void 0?void 0:r.maxLength)!==null&&o!==void 0?o:-1})}else{return p(b,Object.assign({inputType:h,fullWidth:X(n)?true:false},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:c.icon?c.icon:null,value:v,onChange:f,onInput:d,onIconClick:s=>V(s,n,e,u.ICON_CLICK)}))}}}function M(e,s,t,c,a,n,r){switch(e){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(t&&t!=""){const e=o(n,a);return p("div",{class:"f-cell__text"},e)}return t;case i.CHECKBOX:if(W(r)){c[l.C_CENTERED]=true}return p(h,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return p("div",{innerHTML:a.value});case i.ICON:if(W(r)){c[l.C_CENTERED]=true}if(s.badgeData){c[l.C_PADDED]=true}return p(h,Object.assign({},s));case i.IMAGE:if(W(r)){c[l.C_CENTERED]=true}if(s.badgeData){c[l.C_PADDED]=true}return p(h,Object.assign({},s));case i.LINK:return p("a",{href:t,target:"_blank"},a.value);case i.NUMBER:if(t&&t!=""){const e=F.ketchup.math.numberifySafe(a.value);const s=o(n,a);if(e<0){c[l.TEXT_DANGER]=true}if(W(r)){c[l.C_RIGHT_ALIGNED]=true}return p("div",{class:"f-cell__text"},s)}return p("div",{class:"f-cell__text"},t);case i.SWITCH:if(W(r)){c[l.C_CENTERED]=true}s["disabled"]=true;return p(x,Object.assign({},s));default:return p("div",{class:"f-cell__text"},t)}}function R(e,s,t,c,a,n,r){switch(e){case i.BAR:if(!t.data){return p("kup-image",Object.assign({key:n.name+r.row.id,sizeX:"250px"},t))}else{const e={height:t.sizeY,width:"100%"};return p("div",{style:e},p(h,Object.assign({},t)))}case i.BUTTON:if(W(r)){s[l.C_CENTERED]=true}return p(g,Object.assign({},t,{onClick:s=>V(s,r,e,u.CLICK)}));case i.BUTTON_LIST:if(W(r)){s[l.C_CENTERED]=true}t["data-storage"]={cell:c,row:a,column:n};return p("kup-button-list",Object.assign({key:n.name+r.row.id},t));case i.CHART:if(W(r)){s[l.C_CENTERED]=true}return p("kup-chart",Object.assign({key:n.name+r.row.id},t));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return p(v,Object.assign({},t));case i.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:n.name+r.row.id},t,{class:X(r)?"kup-full-width":"",disabled:true}));case i.GAUGE:return p("kup-gauge",Object.assign({key:n.name+r.row.id,value:F.ketchup.math.numberifySafe(c.value),"width-component":"280px"},t));case i.KNOB:case i.PROGRESS_BAR:return t.customStyle?p("kup-progress-bar",Object.assign({key:n.name+r.row.id},t)):p(O,Object.assign({},t));case i.RADIO:if(W(r)){s[l.C_CENTERED]=true}t["disabled"]=a.readOnly;return p(I,Object.assign({},t));case i.RATING:return p(C,Object.assign({},t,{disabled:true}))}}function T(e,s){function t(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function c(e){return e.toUpperCase().startsWith("SHAPE;")}function a(e){return e.toUpperCase().startsWith("BCOLOR;")}function n(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){if(!e){return null}const s=e.split("\\\\AND\\");const t=[];for(const e of s){const s=o(e);if(s){t.push(...s)}else{return null}}return t}function o(e){const s={};const i=e.split("\\\\");const r=[];for(const e of i){if(e){if(l(e)){return null}if(c(e)){if(!t(e)){return null}else{const t=e.split(";");if(t.length===3){const e=t[2].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}}else if(a(e));else if(n(e)){const t=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(t))){s.height=`${t}%`}}else{r.push(o(e,s))}}return r.length?r:null}function o(e,s){const t=Object.assign({},s);const i=e.split(";");if(i.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const s=e.exec(i[0]);if(s){const[,e,i,c]=s;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(i,10))&&!isNaN(parseInt(c,10))){t.color=`rgb(${parseInt(e)},${parseInt(i)},${parseInt(c)})`}}if(i.length>=2){const e=i[1].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}return t}}s.data={};const u=()=>{var e;const t=(e=s.value)===null||e===void 0?void 0:e.split(";");if((t===null||t===void 0?void 0:t[t.length-1].trim())===""){t.pop()}if(t&&t.length){s.data.data=[];for(let e of t){s.data.data.push({id:e,value:e})}}};switch(e){case i.CHECKBOX:case i.SWITCH:s.data.checked=s.value==="1"?true:false;break;case i.BAR:if(c(s.value)){s.data.isCanvas=true;s.data.resource=s.value}else{s.data.data=r(s.value)}break;case i.BUTTON:s.data.label=s.value;break;case i.CHART:Object.assign(s.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:s.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:u();break;case i.COLOR_PICKER:s.data.initialValue=s.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:s.data.value=parseInt(s.value);break;case i.ICON:case i.IMAGE:s.data.resource=s.value;break}}function V(e,s,t,c){const a=s.cell;const n=s.column;const l=s.component;const r=s.row;if(c===u.UPDATE){let s=K(e,t);switch(t){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:if(a.data){a.data["initialValue"]=s}break;case i.CHECKBOX:case i.SWITCH:s=s==="on"?"0":"1";if(a.data){a.data.checked=s==="0"?false:true}break;case i.RADIO:break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:s=e.detail.stringifiedValues;if(a.data){a.data.data=e.detail.comp.data}break}if(a.obj){a.obj.k=s.toString()}a.value=s.toString();a.displayedValue=null;a.displayedValue=o(n,a)}if(l&&l.rootElement){const s=new CustomEvent(c,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:a,column:n,event:e,row:r,type:t}});l.rootElement.dispatchEvent(s);if(c===u.UPDATE){try{l.refresh()}catch(e){F.ketchup.debug.logMessage(l,e,f.ERROR)}}}}function K(e,s){const t=!!(e.target.tagName==="INPUT");let c=t?e.target.value:e.detail.value;if(s===i.CHECKBOX&&t){c=e.target.checked?"off":"on"}if(s===i.NUMBER&&t){c=F.ketchup.math.formattedStringToNumberString(c,"")}return c}function W(e){var s;return r.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}function X(e){var s;return n.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}export{z as F,$ as I,y as K,w as a,O as b,I as c,C as d,j as e,x as f};
2
- //# sourceMappingURL=p-d031e461.js.map
1
+ import{a8 as e,a9 as s,d as t,a5 as i,aa as c,F as a,ab as n,ac as l,ad as r,ae as o,af as u,e as f}from"./p-9bcbe397.js";import{h as p,g as d}from"./p-d7c15b0e.js";import{F as k}from"./p-5d03c077.js";import{F as b}from"./p-65cc1bb9.js";import{F as h}from"./p-2b519589.js";import{F as m,c as v}from"./p-3597f8bb.js";import{F as g}from"./p-cc32b7a2.js";var w;(function(e){e["customStyle"]="Custom style of the component.";e["data"]="The data of the list.";e["displayMode"]="Selects how the items must display their label and how they can be filtered for.";e["filter"]="Keeps string for filtering elements when filter mode is active";e["hideText"]="Hides rows' text, ideally to display a list of icons only.";e["isMenu"]="Defines whether the list is a menu or not.";e["keyboardNavigation"]="When true, enables items' navigation through arrow keys.";e["menuVisible"]="Sets the status of the menu, when false it's hidden otherwise it's visible.";e["roleType"]="Defines the type of selection. Values accepted: listbox, radiogroup or group.";e["selectable"]="Defines whether items are selectable or not.";e["showIcons"]="Displays the icons associated to each row when set to true.";e["twoLine"]="The list elements descriptions will be arranged in two lines."})(w||(w={}));var y;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})(y||(y={}));var $;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})($||($={}));var j;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(j||(j={}));const x=e=>{if(!e.sizing){e.sizing=j.MEDIUM}e.sizing.toLowerCase()===j.SMALL;const s={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return p("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),p("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},p("div",{class:s},p("div",{class:"switch__track"}),p("div",{class:"switch__thumb-underlay"},p("div",{class:"switch__thumb"},p("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),p("label",{onClick:e.onChange},e.label)))};const O=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let s=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""} ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`;let t="pie";let i=undefined;if(e.isRadial){s+=" pie-wrapper is-radial"}else{s+=" progress-bar"}let c=undefined;const a={width:`${e.value}%`};if(!e.centeredLabel){c=a;if(e.value>2){s+=" text-color-on-primary"}}else if(e.value>49){s+=" text-color-on-primary"}let n=null;if(e.icon){n=_(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){n=p("span",{class:"label"},e.label)}else{n=p("span",{class:"label"},e.value,p("span",{class:"smaller"},"%"))}}else{if(e.label){n=e.label}else{n=e.value+"%"}}}}if(e.value>0){t+=" has-value";if(e.value>50){t+=" is-more-than-half"}else{t+=" is-less-than-half"}}if(e.isRadial){return p("div",{class:s},n,p("div",{class:t},p("div",{style:i,class:"left-side half-circle"}),p("div",{class:"right-side half-circle"})),p("div",{class:"shadow"}))}else{return p("div",{class:s},p("div",{class:"progress-bar-percentage",style:a},p("span",{style:c},n)))}};function _(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return p("span",{class:"label kup-icon is-image"},p("img",{src:e.icon}))}else{let s=`url('${d(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let t={mask:s,webkitMask:s};return p("span",{style:t,class:"label kup-icon"})}}const I=e=>{var s;const t=!!e.columns;const i=[];for(let t=0;t<((s=e.data)===null||s===void 0?void 0:s.length);t++){const s=e.data[t];const c={radio:true,"radio--checked":s.checked?true:false,"radio--disabled":e.disabled?true:false};i.push(p("div",{class:`form-field \n ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},p("div",{class:c},p("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,t):null,onFocus:e.onFocus}),p("div",{class:"radio__background"},p("div",{class:"radio__outer-circle"}),p("div",{class:"radio__inner-circle"}))),p("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,t):null},s.label?s.label:"")))}const c={"--kup_radio_columns":t?`repeat(${e.columns}, 1fr)`:""};return p("div",{class:`f-radio radio-wrapper \n ${t?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:c},i)};const C=e=>{if(!e.maxValue){e.maxValue=5}return p("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},N(e))};function N(e){const s=[];for(let t=1;t<=e.maxValue;t++){if(t<=e.value){s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"★"))}else{s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"☆"))}}return s}const F=document.documentElement;const z=(c,a)=>{const n=c.cell;const r=c.column;const o=c.row;const f=c.shape?c.shape:n.shape?n.shape:r.shape?r.shape:null;const d=!F.ketchup.objects.isEmptyKupObj(n.obj);let k=false;if(n.hasOwnProperty("isEditable")){k=n.isEditable}else if(r.hasOwnProperty("isEditable")){k=r.isEditable}k=k&&c.editable;const b=c.previousValue!==n.value?n.value:"";const m=F.ketchup.data.cell.getType(n,f);const v=Object.assign({},n.data);let g=n.cssClass?n.cssClass:r.cssClass?r.cssClass:"";if(c.component.legacyLook){g+=" monospace c-pre"}const w={"f-cell":true,[l.OBJ]:d?true:false,[m+"-cell"]:true,[c.wrapperClass]:c.wrapperClass?true:false,[c.density]:c.density&&m!==i.BAR?true:false,[g]:g?true:false};let y=b;if(!n.data){T(m,n)}if(k&&e.includes(m)){y=E(m,w,n,r,c)}else if(n.data&&s.includes(m)){if(c.setSizes){D(m,v,n)}if(!c.renderKup){const e="cell-"+m+" placeholder";y=p("span",{class:e})}else{y=R(m,w,v,n,o,r,c)}}else{if(c.setSizes){H(m,v,n,c)}y=M(m,v,y,w,n,r,c)}let $=null;if(!k&&(r.icon||n.icon)&&y){const e={color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:n.icon?n.icon:r.icon,placeholderResource:n.placeholderIcon?n.placeholderIcon:r.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};$=p(h,Object.assign({},e))}let j=null;if(F.ketchup.debug.isDebug()&&d){j=n.obj.t+"; "+n.obj.p+"; "+n.obj.k+";"}else if(n.title!=null&&n.title.trim()!=""){j=n.title}let x=null;if(n.info){const e=Object.assign({},n.info);if(!e.color){e.color=`var(${t.INFO})`}if(!e.icon){e.icon="info"}const s={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};x=p(h,Object.assign({},s))}return p("div",{onKeyUp:e=>V(e,c,m,u.KEYUP),class:w,"kup-get-cell-props":()=>c,ref:e=>n.element=e,style:n.style},p("div",{class:"f-cell__content",style:n.styleContent,title:j},c.cellActionIcon&&p(h,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${m===i.NUMBER?"left":"right"}`,onClick:c.cellActionIcon.onClick,tabIndex:0}),a&&a.length>0?a:[c.indents,x,$,y]))};function H(e,s,t,a){var n;switch(e){case i.CHECKBOX:case i.ICON:if(!s.sizeX){s.sizeX="18px"}if(!s.sizeY){s.sizeY="18px"}if(t.style){if(!t.style.height){t.style["minHeight"]=s.sizeY}}else{t.style={minHeight:s.sizeY}}break;case i.IMAGE:const e=((n=a.cell)===null||n===void 0?void 0:n.value)||"";const l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(a.component.rootElement.tagName===c.DATA_TABLE&&!l){if(!s.sizeX&&!s.sizeY){s.sizeX="100%";s.sizeY="64px";s.wrapperClass="noWidth"}else{if(!s.sizeX){s.sizeX="100%";s.wrapperClass="noWidth"}if(!s.sizeY){s.sizeY="auto"}}}if(a.component.rootElement.tagName===c.BOX){if(!s.sizeY){s.sizeY="auto"}if(s.fit===undefined){s.fit=true}}else if(!s.sizeX){s.sizeX="auto"}if(!s.sizeY){s.sizeY="64px"}break}}function D(e,s,t){switch(e){case i.BAR:if(!s.sizeY){s.sizeY="26px"}break;case i.BUTTON:let e="";if(s.label){e="36px"}if(t.style){if(!t.style.height){t.style["minHeight"]=e}}else{t.style={minHeight:e}}break;case i.CHART:if(!s.sizeX){s.sizeX="100%"}if(!s.sizeY){s.sizeY="100%"}break;case i.CHIP:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break;case i.RADIO:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break}}function E(e,s,t,c,n){var r,o;switch(e){case i.AUTOCOMPLETE:return p("kup-autocomplete",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"","onkup-autocomplete-change":s=>V(s,n,e,u.UPDATE),"onkup-autocomplete-input":s=>V(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>V(s,n,e,u.ICON_CLICK)}));case i.CHECKBOX:if(W(n)){s[l.C_CENTERED]=true}if(t.shape===a.INPUT_CHECKBOX){return p("input",{checked:t.value==="on"||t.value==="1"?true:false,class:"input-checkbox",onChange:s=>V(s,n,e,u.UPDATE),type:"checkbox"})}else{return p(k,Object.assign({},t.data,{onChange:s=>V(s,n,e,u.UPDATE)}))}case i.CHIP:return p("kup-chip",Object.assign({},t.data,{type:m.INPUT,enableInput:true,"onKup-chip-change":s=>V(s,n,e,u.UPDATE)}),p("kup-text-field",Object.assign({fullWidth:true,slot:"field"},t.slotData)));case i.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":s=>V(s,n,e,u.UPDATE)}));case i.COMBOBOX:return p("kup-combobox",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"","onkup-combobox-change":s=>V(s,n,e,u.UPDATE),"onkup-combobox-input":s=>V(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>V(s,n,e,u.ICON_CLICK)}));case i.DATE:return p("kup-date-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"","onkup-datepicker-change":s=>V(s,n,e,u.UPDATE),"onkup-datepicker-input":s=>V(s,n,e,u.INPUT)}));case i.MULTI_AUTOCOMPLETE:return p("kup-chip",Object.assign({displayId:true},t.data,{type:m.INPUT,enableInput:true,"onKup-chip-change":s=>V(s,n,e,u.UPDATE)}),p("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:$.DESCRIPTION_AND_CODE,selectMode:$.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>V(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>V(s,n,e,u.ICON_CLICK),showDropDownIcon:false},t.slotData)));case i.MULTI_COMBOBOX:return p("kup-chip",Object.assign({displayId:true},t.data,{type:m.INPUT,enableInput:true,"onKup-chip-change":s=>V(s,n,e,u.UPDATE)}),p("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:$.DESCRIPTION_AND_CODE,selectMode:$.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>V(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>V(s,n,e,u.ICON_CLICK)},t.slotData)));case i.RADIO:return p(I,Object.assign({},t.data,{disabled:false,onChange:(s,i)=>{const c=t.data.data;for(let e=0;e<c.length;e++){const t=c[e];if(e===s){t.checked=true}else{t.checked=false}}V(i,n,e,u.UPDATE)}}));case i.RATING:return p("kup-rating",Object.assign({key:c.name+n.row.id},t.data,{disabled:false,"onkup-rating-click":s=>V(s,n,e,u.UPDATE)}));case i.SWITCH:return p(x,Object.assign({},t.data,{disabled:false,onChange:s=>V(s,n,e,u.UPDATE)}));case i.TIME:return p("kup-time-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:X(n)?"kup-full-width":"","onkup-timepicker-change":s=>V(s,n,e,u.UPDATE),"onkup-timepicker-input":s=>V(s,n,e,u.INPUT)}));case i.NUMBER:s[l.C_RIGHT_ALIGNED]=true;case i.LINK:case i.STRING:const f=s=>V(s,n,e,u.UPDATE);const d=s=>V(s,n,e,u.INPUT);const h=e===i.NUMBER?"number":null;const v=e===i.NUMBER&&t.value?F.ketchup.math.numberifySafe(t.value).toString():t.value;if(t.shape===a.INPUT_FIELD){return p("input",{class:"input-field",onChange:f,onInput:d,type:h,value:v,maxLength:(o=(r=c.cellData)===null||r===void 0?void 0:r.maxLength)!==null&&o!==void 0?o:-1})}else{return p(b,Object.assign({inputType:h,fullWidth:X(n)?true:false},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:c.icon?c.icon:null,value:v,onChange:f,onInput:d,onIconClick:s=>V(s,n,e,u.ICON_CLICK)}))}}}function M(e,s,t,c,a,n,r){switch(e){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(t&&t!=""){const e=o(n,a);return p("div",{class:"f-cell__text"},e)}return t;case i.CHECKBOX:if(W(r)){c[l.C_CENTERED]=true}return p(h,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return p("div",{innerHTML:a.value});case i.ICON:if(W(r)){c[l.C_CENTERED]=true}if(s.badgeData){c[l.C_PADDED]=true}return p(h,Object.assign({},s));case i.IMAGE:if(W(r)){c[l.C_CENTERED]=true}if(s.badgeData){c[l.C_PADDED]=true}return p(h,Object.assign({},s));case i.LINK:return p("a",{href:t,target:"_blank"},a.value);case i.NUMBER:if(t&&t!=""){const e=F.ketchup.math.numberifySafe(a.value);const s=o(n,a);if(e<0){c[l.TEXT_DANGER]=true}if(W(r)){c[l.C_RIGHT_ALIGNED]=true}return p("div",{class:"f-cell__text"},s)}return p("div",{class:"f-cell__text"},t);case i.SWITCH:if(W(r)){c[l.C_CENTERED]=true}s["disabled"]=true;return p(x,Object.assign({},s));default:return p("div",{class:"f-cell__text"},t)}}function R(e,s,t,c,a,n,r){switch(e){case i.BAR:if(!t.data){return p("kup-image",Object.assign({key:n.name+r.row.id,sizeX:"250px"},t))}else{const e={height:t.sizeY,width:"100%"};return p("div",{style:e},p(h,Object.assign({},t)))}case i.BUTTON:if(W(r)){s[l.C_CENTERED]=true}return p(g,Object.assign({},t,{onClick:s=>V(s,r,e,u.CLICK)}));case i.BUTTON_LIST:if(W(r)){s[l.C_CENTERED]=true}t["data-storage"]={cell:c,row:a,column:n};return p("kup-button-list",Object.assign({key:n.name+r.row.id},t));case i.CHART:if(W(r)){s[l.C_CENTERED]=true}return p("kup-chart",Object.assign({key:n.name+r.row.id},t));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return p(v,Object.assign({},t));case i.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:n.name+r.row.id},t,{class:X(r)?"kup-full-width":"",disabled:true}));case i.GAUGE:return p("kup-gauge",Object.assign({key:n.name+r.row.id,value:F.ketchup.math.numberifySafe(c.value),"width-component":"280px"},t));case i.KNOB:case i.PROGRESS_BAR:return t.customStyle?p("kup-progress-bar",Object.assign({key:n.name+r.row.id},t)):p(O,Object.assign({},t));case i.RADIO:if(W(r)){s[l.C_CENTERED]=true}t["disabled"]=a.readOnly;return p(I,Object.assign({},t));case i.RATING:return p(C,Object.assign({},t,{disabled:true}))}}function T(e,s){function t(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function c(e){return e.toUpperCase().startsWith("SHAPE;")}function a(e){return e.toUpperCase().startsWith("BCOLOR;")}function n(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){if(!e){return null}const s=e.split("\\\\AND\\");const t=[];for(const e of s){const s=o(e);if(s){t.push(...s)}else{return null}}return t}function o(e){const s={};const i=e.split("\\\\");const r=[];for(const e of i){if(e){if(l(e)){return null}if(c(e)){if(!t(e)){return null}else{const t=e.split(";");if(t.length===3){const e=t[2].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}}else if(a(e));else if(n(e)){const t=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(t))){s.height=`${t}%`}}else{r.push(o(e,s))}}return r.length?r:null}function o(e,s){const t=Object.assign({},s);const i=e.split(";");if(i.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const s=e.exec(i[0]);if(s){const[,e,i,c]=s;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(i,10))&&!isNaN(parseInt(c,10))){t.color=`rgb(${parseInt(e)},${parseInt(i)},${parseInt(c)})`}}if(i.length>=2){const e=i[1].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}return t}}s.data={};const u=()=>{var e;const t=(e=s.value)===null||e===void 0?void 0:e.split(";");if((t===null||t===void 0?void 0:t[t.length-1].trim())===""){t.pop()}if(t&&t.length){s.data.data=[];for(let e of t){s.data.data.push({id:e,value:e})}}};switch(e){case i.CHECKBOX:case i.SWITCH:s.data.checked=s.value==="1"?true:false;break;case i.BAR:if(c(s.value)){s.data.isCanvas=true;s.data.resource=s.value}else{s.data.data=r(s.value)}break;case i.BUTTON:s.data.label=s.value;break;case i.CHART:Object.assign(s.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:s.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:u();break;case i.COLOR_PICKER:s.data.initialValue=s.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:s.data.value=parseInt(s.value);break;case i.ICON:case i.IMAGE:s.data.resource=s.value;break}}function V(e,s,t,c){const a=s.cell;const n=s.column;const l=s.component;const r=s.row;if(c===u.UPDATE){let s=K(e,t);switch(t){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:if(a.data){a.data["initialValue"]=s}break;case i.CHECKBOX:case i.SWITCH:s=s==="on"?"0":"1";if(a.data){a.data.checked=s==="0"?false:true}break;case i.RADIO:break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:s=e.detail.stringifiedValues;if(a.data){a.data.data=e.detail.comp.data}break}if(a.obj){a.obj.k=s.toString()}a.value=s.toString();a.displayedValue=null;a.displayedValue=o(n,a)}if(l&&l.rootElement){const s=new CustomEvent(c,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:a,column:n,event:e,row:r,type:t}});l.rootElement.dispatchEvent(s);if(c===u.UPDATE){try{l.refresh()}catch(e){F.ketchup.debug.logMessage(l,e,f.ERROR)}}}}function K(e,s){const t=!!(e.target.tagName==="INPUT");let c=t?e.target.value:e.detail.value;if(s===i.CHECKBOX&&t){c=e.target.checked?"off":"on"}if(s===i.NUMBER&&t){c=F.ketchup.math.formattedStringToNumberString(c,"")}return c}function W(e){var s;return r.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}function X(e){var s;return n.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}export{z as F,$ as I,y as K,w as a,O as b,I as c,C as d,j as e,x as f};
2
+ //# sourceMappingURL=p-cb7201eb.js.map
package/dist/ketchup/{p-993317a3.entry.js → p-d3623d36.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{k as a,g as p,s as f,e as h}from"./p-b27381aa.js";import"./p-029c7cbe.js";var r;(function(t){t["buttonData"]="Props of the button (when isButton is set to true).";t["isButton"]="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.";t["src"]="The address the iframe should be referencing to."})(r||(r={}));const l=".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}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";const g=l;const u=class{constructor(e){t(this,e);this.kupIframeError=i(this,"kup-iframe-error",6);this.kupIframeLoad=i(this,"kup-iframe-load",6);this.kupManager=a();this.buttonData={};this.isButton=false;this.src=undefined}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,r,t)}async refresh(){e(this)}async setProps(t){f(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(this.src===undefined||this.src===null||this.src===""){let t="Resource undefined, not rendering!";this.kupManager.debug.logMessage(this,t,h.WARNING);return}if(!this.buttonData["icon"]){this.buttonData["icon"]="open_in_new"}if(!this.buttonData["label"]){this.buttonData["label"]="Open in new tab"}return!this.isButton?n(o,{"is-iframe":true},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src})):n(o,{"is-button":true},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()})))}get rootElement(){return s(this)}};u.style=g;export{u as kup_iframe};
2
- //# sourceMappingURL=p-993317a3.entry.js.map
1
+ import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{k as a,g as p,s as f,e as h}from"./p-9bcbe397.js";import"./p-029c7cbe.js";var r;(function(t){t["buttonData"]="Props of the button (when isButton is set to true).";t["isButton"]="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.";t["src"]="The address the iframe should be referencing to."})(r||(r={}));const l=".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}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";const g=l;const u=class{constructor(e){t(this,e);this.kupIframeError=i(this,"kup-iframe-error",6);this.kupIframeLoad=i(this,"kup-iframe-load",6);this.kupManager=a();this.buttonData={};this.isButton=false;this.src=undefined}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,r,t)}async refresh(){e(this)}async setProps(t){f(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(this.src===undefined||this.src===null||this.src===""){let t="Resource undefined, not rendering!";this.kupManager.debug.logMessage(this,t,h.WARNING);return}if(!this.buttonData["icon"]){this.buttonData["icon"]="open_in_new"}if(!this.buttonData["label"]){this.buttonData["label"]="Open in new tab"}return!this.isButton?n(o,{"is-iframe":true},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src})):n(o,{"is-button":true},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()})))}get rootElement(){return s(this)}};u.style=g;export{u as kup_iframe};
2
+ //# sourceMappingURL=p-d3623d36.entry.js.map
package/dist/ketchup/{p-2c8a584c.entry.js → p-d998272d.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as o,c as i,f as t,h as e,H as r,d as a}from"./p-d7c15b0e.js";import{k as n,a as c,g as p,s,d,b as l}from"./p-b27381aa.js";import{F as h}from"./p-2b519589.js";import{c as u}from"./p-635bb4b3.js";import{M as f}from"./p-d4a879fc.js";import"./p-029c7cbe.js";var m;(function(o){o["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";o["data"]="Data of the accordion.";o["ripple"]="When enabled displays Material's ripple effect on item headers."})(m||(m={}));const _=".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_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;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}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";const k=_;const g=class{constructor(t){o(this,t);this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6);this.kupManager=n();this.slotsNames=[];this.selectedItems=[];this.customStyle="";this.data=null;this.ripple=false;this.sizing=c.MEDIUM}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i){for(let o=0;o<i.length;o++){f.attachTo(i[o])}}}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const e=t.name;if(!this.isItemExpandible(e)&&this.isItemSelected(e)){o.push(e)}}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const e=t.name;if(this.isItemExpandible(e)){o.push(e)}}this.selectedItems=o}async getProps(o){return p(this,m,o)}async refresh(){t(this)}async setProps(o){s(this,m,o)}async toggleItem(o){const i=this.isItemExpandible(o);const t=[...this.selectedItems];if(t.includes(o)){t.splice(t.indexOf(o),1)}else{t.push(o)}this.selectedItems=t;if(!i){this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[];const i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++){const t=i[o];this.slotsNames.push(t.slot)}for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const r=t.name;const a=this.isItemSelected(r);const n=this.isItemExpandible(r);const c={"accordion-item__header":true,"accordion-item__header--selected":!n&&a?true:false,"accordion-item__header--expanded":n&&a?true:false,"mdc-ripple-surface":this.ripple?true:false,[`accordion-item--${this.sizing}`]:this.sizing?true:false};const p={"accordion-item__content":true,"accordion-item__content--selected":a?true:false};o.push(e("div",{class:"accordion-item"},e("div",{tabindex:"1",title:t.title,class:c,onClick:()=>this.toggleItem(r)},t.icon?e(h,{color:`var(${d.ICON})`,resource:t.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,e("span",{class:"accordion-item__text"},t.title),n?e("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),e("div",{class:p},e("slot",{name:t.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple();this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i){for(let o=0;o<i.length;o++){f.attachTo(i[o])}}}this.kupManager.debug.logRender(this,true)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return e(r,{key:"57777569afca152462d5986886aabea876bba925"},e("style",{key:"91e13f524bb7457d1ee123104e3857db9be71adc"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a73c87f19581e2964c651b781690e39c12b94e7e",id:u},e("div",{key:"f1d089a3a4f996c6a032acc26316d4722d8c094e",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};g.style=k;export{g as kup_accordion};
2
- //# sourceMappingURL=p-2c8a584c.entry.js.map
1
+ import{r as o,c as i,f as t,h as e,H as r,d as a}from"./p-d7c15b0e.js";import{k as n,a as c,g as p,s,d,b as l}from"./p-9bcbe397.js";import{F as h}from"./p-2b519589.js";import{c as u}from"./p-635bb4b3.js";import{M as f}from"./p-d4a879fc.js";import"./p-029c7cbe.js";var m;(function(o){o["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";o["data"]="Data of the accordion.";o["ripple"]="When enabled displays Material's ripple effect on item headers."})(m||(m={}));const _=".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_accordion_border_top_color:var(\n --kup-accordion-border-top-color,\n var(--kup-border-subtle)\n );--kup_accordion_item_small_height:var(\n --kup-accordion-item-small-height,\n 32px\n );--kup_accordion_item_medium_height:var(\n --kup-accordion-item-medium-height,\n 40px\n );--kup_accordion_item_outline_color_active:var(\n --kup-accordion-item-outline-color-focus,\n var(--kup-border-interactive)\n );--kup_accordion_item_large_height:var(\n --kup-accordion-item-medium-height,\n 48px\n );--kup_accordion_header_background_color:var(\n --kup-accordion-header-background-color,\n var(--kup-layer-0)\n );--kup_accordion_header_background_color_hover:var(\n --kup-accordion-header-background-color-hover,\n var(--kup-layer-0-hover)\n );--kup_accordion_header_padding:var(\n --kup-accordion-header-padding,\n var(--kup-space-05)\n );--kup_accordion_dropdown_icon_color:var(\n --kup-accordio-dropdown-icon-color,\n var(--kup-text-primary)\n );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;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}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";const k=_;const g=class{constructor(t){o(this,t);this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6);this.kupManager=n();this.slotsNames=[];this.selectedItems=[];this.customStyle="";this.data=null;this.ripple=false;this.sizing=c.MEDIUM}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i){for(let o=0;o<i.length;o++){f.attachTo(i[o])}}}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const e=t.name;if(!this.isItemExpandible(e)&&this.isItemSelected(e)){o.push(e)}}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const e=t.name;if(this.isItemExpandible(e)){o.push(e)}}this.selectedItems=o}async getProps(o){return p(this,m,o)}async refresh(){t(this)}async setProps(o){s(this,m,o)}async toggleItem(o){const i=this.isItemExpandible(o);const t=[...this.selectedItems];if(t.includes(o)){t.splice(t.indexOf(o),1)}else{t.push(o)}this.selectedItems=t;if(!i){this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[];const i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++){const t=i[o];this.slotsNames.push(t.slot)}for(let i=0;i<this.data.columns.length;i++){const t=this.data.columns[i];const r=t.name;const a=this.isItemSelected(r);const n=this.isItemExpandible(r);const c={"accordion-item__header":true,"accordion-item__header--selected":!n&&a?true:false,"accordion-item__header--expanded":n&&a?true:false,"mdc-ripple-surface":this.ripple?true:false,[`accordion-item--${this.sizing}`]:this.sizing?true:false};const p={"accordion-item__content":true,"accordion-item__content--selected":a?true:false};o.push(e("div",{class:"accordion-item"},e("div",{tabindex:"1",title:t.title,class:c,onClick:()=>this.toggleItem(r)},t.icon?e(h,{color:`var(${d.ICON})`,resource:t.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,e("span",{class:"accordion-item__text"},t.title),n?e("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),e("div",{class:p},e("slot",{name:t.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple();this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i){for(let o=0;o<i.length;o++){f.attachTo(i[o])}}}this.kupManager.debug.logRender(this,true)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return e(r,{key:"57777569afca152462d5986886aabea876bba925"},e("style",{key:"91e13f524bb7457d1ee123104e3857db9be71adc"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a73c87f19581e2964c651b781690e39c12b94e7e",id:u},e("div",{key:"f1d089a3a4f996c6a032acc26316d4722d8c094e",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};g.style=k;export{g as kup_accordion};
2
+ //# sourceMappingURL=p-d998272d.entry.js.map
package/dist/ketchup/{p-b8622242.entry.js → p-ea051539.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as n,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-d031e461.js";import{k as r,a5 as u,F as c,g as h,s as p,h as f,al as d,ai as m,ak as b,aj as v,am as k,e as g}from"./p-b27381aa.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-b7edd010.js";import"./p-399b9933.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var w;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options"})(w||(w={}));const j=12;const O=22;const z=t=>{if(t==0){return j/2}if(!t){return null}if(t===1){return 1.5*j}return t*j};const $=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*j};const T=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:87ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const W=T;var D=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var C=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var E=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};var F,I,P,R,N,G,J,A,L,V,B,H,K,X,Y,q,Q,U,Z,tt,et,it,nt,st,ot,lt,at,rt,ut,ct,ht,pt,ft,dt,mt,bt,vt,kt,gt,yt,_t,xt,wt,jt,Ot,zt,$t,St,Mt,Tt;const Wt=document.documentElement;const Dt=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-input-panel-ready",6);F.add(this);I.set(this,r());P.set(this,new Map([["SmeupTreeNode",D(this,F,"m",$t).bind(this)],["SmeupDataTree",D(this,F,"m",St).bind(this)],["SmeupTable",D(this,F,"m",Mt).bind(this)],["SmeupDataTable",D(this,F,"m",Mt).bind(this)]]));R.set(this,null);N.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,[]);J.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));A.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",K).bind(this)],[c.EDITOR,D(this,F,"m",X).bind(this)],[c.LABEL,D(this,F,"m",q).bind(this)],[c.TABLE,D(this,F,"m",Y).bind(this)]]));L.set(this,new Map([[x.TAB,D(this,F,"m",it).bind(this)]]));V.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,R,structuredClone(this.data),"f");if(D(this,G,"f").length){D(this,G,"f").map((({event:t,handler:e})=>{this.rootElement.removeEventListener(t,e)}));C(this,G,[],"f")}if(D(this,V,"f").length){D(this,V,"f").map((t=>{D(this,I,"f").keysBinding.unregister(t)}));C(this,V,[],"f")}D(this,F,"m",ot).call(this,this.data)}async getProps(t){return h(this,w,t)}async refresh(){i(this)}async setProps(t){p(this,w,t)}componentWillLoad(){D(this,I,"f").debug.logLoad(this,false);D(this,I,"f").language.register(this);D(this,I,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,I,"f").debug.logLoad(this,true)}componentWillRender(){D(this,I,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){y(e[t])}}D(this,I,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const e=t?[n("p",null,D(this,I,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",B).call(this,t)));return n(s,{key:"e384d0980e531deb08c6f60ca5c4f47536defafb"},n("style",{key:"be060a121c3c24db1c61e64220e7f87c8000878c"},D(this,I,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"dd0d2f6b543d4962f2541d9a8fee3c3944a568a0",id:_},e))}disconnectedCallback(){D(this,I,"f").language.unregister(this);D(this,I,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,V=new WeakMap,F=new WeakSet,B=function t(e){var i;const s=e.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((i=s===null||s===void 0?void 0:s.sections)===null||i===void 0?void 0:i.length)){a=e.cells.map((t=>D(this,F,"m",H).call(this,t.cell,e.row,t.column)))}else{a=s.absolute?D(this,F,"m",Z).call(this,e,s):D(this,F,"m",U).call(this,e,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return n("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)}})}},a,!this.hiddenSubmitButton?n(l,{buttonType:"submit",label:D(this,I,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}):null)},H=function t(e,i,s){if(!e){return}const o=D(this,A,"f").get(e.shape);if(o!==undefined){return o(e,s.name)}const l={cell:e,column:s,row:i,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Q).call(this,e,s.title);if(r){return n("div",{class:{"input-panel__label_container":true}},r,n(a,Object.assign({},l)))}return n(a,Object.assign({},l))},K=function t(e,i){return n(l,Object.assign({icon:e.icon,id:i},e.data,{wrapperClass:"form__submit"}))},X=function t(e,i){const s="kup-editor-save";const o=t=>{const e=this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===i)).cell}return t}),null);e.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,G,"f").push({event:s,handler:o});return n("kup-editor",Object.assign({},e.data,{id:i,isReadOnly:!e.isEditable,showToolbar:true}))},Y=function t(e,i){return n("kup-data-table",Object.assign({id:i,editableData:true,showGroups:true,showFilters:true,showFooter:true},e.data))},q=function t(e,i){return n("span",{class:"input-panel-label",id:i},e.value)},Q=function t(e,i){if(!i){return null}const s=Wt.ketchup.data.cell.getType(e,e.shape);if(s===u.RADIO){return n("span",null,i)}return null},U=function t(e,i){const n=D(this,L,"f").get(i.sectionsType);return n?n(e,i.sections):i.sections.map((t=>D(this,F,"m",tt).call(this,e,t)))},Z=function t(e,i){return i.sections.map((t=>D(this,F,"m",et).call(this,e,t)))},tt=function t(e,i,s=false,o={}){var l,a,r,u;let c=[];if((l=i.sections)===null||l===void 0?void 0:l.length){c=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((a=i.content)===null||a===void 0?void 0:a.length){c=i.content.map((t=>D(this,F,"m",nt).call(this,e,t)))}const h={"input-panel__section":!i.horizontal,"input-panel__horizontal-section":i.horizontal};if((u=(r=e.row)===null||r===void 0?void 0:r.layout)===null||u===void 0?void 0:u.horizontal){o.maxWidth=i.dim}else{o.maxHeight=i.dim}const p=Object.assign(Object.assign({},o),{gap:+i.gap>0?`${i.gap}rem`:"","grid-template-columns":+i.gridCols>0?`repeat(${i.gridCols}, 1fr)`:"","grid-template-rows":+i.gridRows>0?`repeat(${i.gridRows}, 1fr)`:""});const f=n("div",{class:h,style:p},c);return i.title&&!s?n("div",{class:{"input-panel__section_label_container":true}},n("h3",null,i.title),f):f},et=function t(e,i){var s,o;let l=[];if((s=i.sections)===null||s===void 0?void 0:s.length){l=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((o=i.content)===null||o===void 0?void 0:o.length){l=i.content.map((t=>D(this,F,"m",st).call(this,e,t)))}const a=`${z(i.absoluteWidth)}px`;const r=`${$(i.absoluteHeight)}px`;const u=`${S(i.absoluteRow)}px`;const c=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return n("div",{style:h},l)},it=function t(e,i){if(!this.tabSelected){this.tabSelected=i[0].id||"0"}const s=i.map(((t,e)=>({active:(t.id||`${e}`)===this.tabSelected,value:t.title,icon:t.icon,id:t.id||`${e}`})));const o=i.map(((t,i)=>{const n=t.id||`${i}`;return D(this,F,"m",tt).call(this,e,t,true,{display:this.tabSelected!==n?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,G,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const e=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}return n("div",{class:{"input-panel__tabs_container":true}},n("kup-tab-bar",{data:s,customStyle:l}),o)},nt=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));const o=+i.colSpan>0?i.colSpan:!(+i.colSpan>0)&&!(+i.colStart>0)?1:null;const l=o?`span ${o}`:`${i.colStart}`;const a=+i.colEnd>0?`${i.colEnd}`:"";const r=+i.rowSpan>0?i.rowSpan:!(+i.rowSpan>0)&&!(+i.rowStart>0)?1:null;const u=r?`span ${r}`:`${i.rowStart}`;const c=+i.rowEnd>0?`${i.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},st=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=i.absoluteLength>8?i.absoluteLength:8}else{o=i.absoluteLength}const l=`${z(o)}px`;const a=`${$(1)}px`;const r=`${S(i.absoluteRow)}px`;const u=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};const p=Object.assign(Object.assign({},s.cell),{data:Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"})});return n("div",{style:h},D(this,F,"m",H).call(this,p,e.row,s.column))},ot=function t(e){var i;const n=((i=e===null||e===void 0?void 0:e.rows)===null||i===void 0?void 0:i.length)?e.rows.reduce(((t,i)=>{const n=e.columns.filter((t=>t.visible)).map((t=>{const e=structuredClone(i.cells[t.name]);const n=e?Object.assign(Object.assign({},e),{data:D(this,F,"m",lt).call(this,e,t),slotData:D(this,F,"m",ct).call(this,e,t),isEditable:true}):null;return{column:t,cell:n}}));return[...t,{cells:n,row:i}]}),[]):[];n.map((({cells:t})=>t.map((({cell:t,column:e})=>{const i=Wt.ketchup.data.cell.getType(t,t.shape);const n=D(this,J,"f").get(i);if(!n){return}const s=this.rootElement.shadowRoot.querySelector(`${n}[id=${e.name}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=n},lt=function t(e,i){const n=Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e,i)),{disabled:!e.editable,id:i.name});const s=Wt.ketchup.data.cell.getType(e,e.shape);const o=e.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",at).call(this,n,Object.assign({},e.data)):Object.assign(Object.assign({},n),l)},at=function t(e,i){for(const n in i){if(i[n]instanceof Object&&!Array.isArray(i[n])&&n in e){e[n]=D(this,F,"m",t).call(this,e[n],i[n])}else{e[n]=i[n]}}return e},rt=function t(){return this.inputPanelCells.reduce(((t,e)=>{const i=Object.keys(e.row.cells).reduce(((t,i)=>{var n;const s=(n=e.cells.find((t=>t.column.name===i)))===null||n===void 0?void 0:n.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",Ot).call(this,s.data.data,i))}return Object.assign(Object.assign({},t),{[i]:Object.assign(Object.assign({},e.row.cells[i]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...e.cells.map((t=>t.column))],rows:[...t.rows,{cells:i,layout:e.row.layout}]}}),{columns:[],rows:[]})},ut=function t(e,i){if(!e){return null}const n=e.options;const s=i.title;const o=e.value;const l=Wt.ketchup.data.cell.getType(e,e.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",dt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",ft).bind(this)],[u.CHART,D(this,F,"m",pt).bind(this)],[u.CHIP,D(this,F,"m",ht).bind(this)],[u.CHECKBOX,D(this,F,"m",mt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",bt).bind(this)],[u.COMBOBOX,D(this,F,"m",dt).bind(this)],[u.EDITOR,D(this,F,"m",vt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",ht).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",ht).bind(this)],[u.NUMBER,D(this,F,"m",wt).bind(this)],[u.DATE,D(this,F,"m",_t).bind(this)],[u.RADIO,D(this,F,"m",gt).bind(this)],[u.STRING,D(this,F,"m",kt).bind(this)],[u.SWITCH,D(this,F,"m",yt).bind(this)],[u.TABLE,D(this,F,"m",jt).bind(this)],[u.TIME,D(this,F,"m",xt).bind(this)]]);const r=a.get(l);return r?r(n,s,o,e,i.name):null},ct=function t(e,i){const n=Wt.ketchup.data.cell.getType(e,e.shape);if(!e.editable){return null}if(n===u.CHIP){return{trailingIcon:true,label:i.title,disabled:!e.editable,id:i.name,fullWidth:false}}if(n===u.MULTI_AUTOCOMPLETE||n===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",dt).call(this,e.options,i.title,null,e,i.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!e.editable,id:i.name})}return null},ht=function t(e,i,n){return d(n)},pt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},ft=function t(e,i,n,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",rt).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,V,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,I,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},dt=function t(e,i,n,s,o){const l=m(n,i,[]);if(s.fun){const t=Wt.ketchup.data.cell.getType(s,s.shape);const e=D(this,N,"f").get(t);if(!e){return}e.map((t=>{const e=t=>{D(this,F,"m",Tt).call(this,t.detail,s.fun,l,o,n)};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}))}else if(e){l.data["kup-list"].data=D(this,F,"m",zt).call(this,e,n)}return l},mt=function t(e,i,n){return b(n,i)},bt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},vt=function t(e,i,n){return{initialValue:n}},kt=function t(e,i,n){return{label:i}},gt=function t(e,i,n){return v(n,e)},yt=function t(e,i,n){return k(n,i)},_t=function t(e,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},xt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},wt=function t(e,i,n){return{label:i}},jt=function t(e,i,n,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,I,"f").debug.logMessage(this,`Empty value for ${o} cell.`,g.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,I,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,g.ERROR);return null}return{data:{columns:t.columns.map((e=>Object.assign(Object.assign({},e),{obj:t.rows[0].cells[e.name].obj}))),rows:t.rows.map((e=>Object.assign(Object.assign({},e),{cells:Object.keys(e.cells).reduce(((i,n)=>{const s=t.columns.find((t=>t.name===n));return Object.assign(Object.assign({},i),{[n]:Object.assign(Object.assign({},e.cells[n]),{data:Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e.cells[n],s)),{disabled:e.cells[n].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,I,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,g.ERROR);return null}},Ot=function t(e,i){const n=Object.assign(Object.assign({},e),{rows:e.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=e.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return n}try{const t=JSON.parse(D(this,R,"f").rows[0].cells[i].value);n.rows=e.rows.map(((e,i)=>s.reduce(((n,s)=>{const o=t.rows[i].cells[s]&&e.cells[s].value!==t.rows[i].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[i]),{cells:Object.assign(Object.assign({},n.cells),{[s]:Object.assign(Object.assign({},t.rows[i].cells[s]),{value:e.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[i]),{cells:n.cells})}),Object.assign(Object.assign({},t.rows[i]),{cells:{}}))));return n}catch(t){return n}},zt=function t(e,i){const n=D(this,P,"f").get(e.type);if(n){return n(e,i)}else{return e.map((t=>({value:t.label,id:t.id,selected:i===t.id})))}},$t=function t(e,i){return e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:i===e.content.codice,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},St=function t(e,i){return e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:i===e.obj.k,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},Mt=function t(e,i){return e.rows.map((t=>{var e;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((e=n[o])===null||e===void 0?void 0:e.value)||n[s].value,selected:i===n[s].value}}))},Tt=function t(e,i,n,s,o){if(e.id!==s||e.open===false){return}this.optionsHandler(i,e.inputValue,D(this,F,"m",rt).call(this),e.id).then((t=>{var i;n.data["kup-list"].data=(i=D(this,F,"m",zt).call(this,t,o))!==null&&i!==void 0?i:[];e.comp.refresh()}))};Dt.style=W;export{Dt as kup_input_panel};
2
- //# sourceMappingURL=p-b8622242.entry.js.map
1
+ import{r as t,c as e,f as i,h as n,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-cb7201eb.js";import{k as r,a5 as u,F as c,g as h,s as p,h as f,al as d,ai as m,ak as b,aj as v,am as k,e as g}from"./p-9bcbe397.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-65cc1bb9.js";import"./p-3597f8bb.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var w;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options"})(w||(w={}));const j=12;const O=22;const z=t=>{if(t==0){return j/2}if(!t){return null}if(t===1){return 1.5*j}return t*j};const $=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*j};const T=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:87ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const W=T;var D=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var C=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var E=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};var F,I,P,R,N,G,J,A,L,V,B,H,K,X,Y,q,Q,U,Z,tt,et,it,nt,st,ot,lt,at,rt,ut,ct,ht,pt,ft,dt,mt,bt,vt,kt,gt,yt,_t,xt,wt,jt,Ot,zt,$t,St,Mt,Tt;const Wt=document.documentElement;const Dt=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-input-panel-ready",6);F.add(this);I.set(this,r());P.set(this,new Map([["SmeupTreeNode",D(this,F,"m",$t).bind(this)],["SmeupDataTree",D(this,F,"m",St).bind(this)],["SmeupTable",D(this,F,"m",Mt).bind(this)],["SmeupDataTable",D(this,F,"m",Mt).bind(this)]]));R.set(this,null);N.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,[]);J.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));A.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",K).bind(this)],[c.EDITOR,D(this,F,"m",X).bind(this)],[c.LABEL,D(this,F,"m",q).bind(this)],[c.TABLE,D(this,F,"m",Y).bind(this)]]));L.set(this,new Map([[x.TAB,D(this,F,"m",it).bind(this)]]));V.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,R,structuredClone(this.data),"f");if(D(this,G,"f").length){D(this,G,"f").map((({event:t,handler:e})=>{this.rootElement.removeEventListener(t,e)}));C(this,G,[],"f")}if(D(this,V,"f").length){D(this,V,"f").map((t=>{D(this,I,"f").keysBinding.unregister(t)}));C(this,V,[],"f")}D(this,F,"m",ot).call(this,this.data)}async getProps(t){return h(this,w,t)}async refresh(){i(this)}async setProps(t){p(this,w,t)}componentWillLoad(){D(this,I,"f").debug.logLoad(this,false);D(this,I,"f").language.register(this);D(this,I,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,I,"f").debug.logLoad(this,true)}componentWillRender(){D(this,I,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){y(e[t])}}D(this,I,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const e=t?[n("p",null,D(this,I,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",B).call(this,t)));return n(s,{key:"525584941a5ebb2b3baea0b002139bb008e58065"},n("style",{key:"dda6f8455cbe807a5e6ab758404dfef606397a82"},D(this,I,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"b932a344a74bca096f71290cc8fca64b962b952b",id:_},e))}disconnectedCallback(){D(this,I,"f").language.unregister(this);D(this,I,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,V=new WeakMap,F=new WeakSet,B=function t(e){var i;const s=e.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((i=s===null||s===void 0?void 0:s.sections)===null||i===void 0?void 0:i.length)){a=e.cells.map((t=>D(this,F,"m",H).call(this,t.cell,e.row,t.column)))}else{a=s.absolute?D(this,F,"m",Z).call(this,e,s):D(this,F,"m",U).call(this,e,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return n("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)}})}},a,!this.hiddenSubmitButton?n(l,{buttonType:"submit",label:D(this,I,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}):null)},H=function t(e,i,s){if(!e){return}const o=D(this,A,"f").get(e.shape);if(o!==undefined){return o(e,s.name)}const l={cell:e,column:s,row:i,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Q).call(this,e,s.title);if(r){return n("div",{class:{"input-panel__label_container":true}},r,n(a,Object.assign({},l)))}return n(a,Object.assign({},l))},K=function t(e,i){return n(l,Object.assign({icon:e.icon,id:i},e.data,{wrapperClass:"form__submit"}))},X=function t(e,i){const s="kup-editor-save";const o=t=>{const e=this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===i)).cell}return t}),null);e.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,G,"f").push({event:s,handler:o});return n("kup-editor",Object.assign({},e.data,{id:i,isReadOnly:!e.isEditable,showToolbar:true}))},Y=function t(e,i){return n("kup-data-table",Object.assign({id:i,editableData:true,showGroups:true,showFilters:true,showFooter:true},e.data))},q=function t(e,i){return n("span",{class:"input-panel-label",id:i},e.value)},Q=function t(e,i){if(!i){return null}const s=Wt.ketchup.data.cell.getType(e,e.shape);if(s===u.RADIO){return n("span",null,i)}return null},U=function t(e,i){const n=D(this,L,"f").get(i.sectionsType);return n?n(e,i.sections):i.sections.map((t=>D(this,F,"m",tt).call(this,e,t)))},Z=function t(e,i){return i.sections.map((t=>D(this,F,"m",et).call(this,e,t)))},tt=function t(e,i,s=false,o={}){var l,a,r,u;let c=[];if((l=i.sections)===null||l===void 0?void 0:l.length){c=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((a=i.content)===null||a===void 0?void 0:a.length){c=i.content.map((t=>D(this,F,"m",nt).call(this,e,t)))}const h={"input-panel__section":!i.horizontal,"input-panel__horizontal-section":i.horizontal};if((u=(r=e.row)===null||r===void 0?void 0:r.layout)===null||u===void 0?void 0:u.horizontal){o.maxWidth=i.dim}else{o.maxHeight=i.dim}const p=Object.assign(Object.assign({},o),{gap:+i.gap>0?`${i.gap}rem`:"","grid-template-columns":+i.gridCols>0?`repeat(${i.gridCols}, 1fr)`:"","grid-template-rows":+i.gridRows>0?`repeat(${i.gridRows}, 1fr)`:""});const f=n("div",{class:h,style:p},c);return i.title&&!s?n("div",{class:{"input-panel__section_label_container":true}},n("h3",null,i.title),f):f},et=function t(e,i){var s,o;let l=[];if((s=i.sections)===null||s===void 0?void 0:s.length){l=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((o=i.content)===null||o===void 0?void 0:o.length){l=i.content.map((t=>D(this,F,"m",st).call(this,e,t)))}const a=`${z(i.absoluteWidth)}px`;const r=`${$(i.absoluteHeight)}px`;const u=`${S(i.absoluteRow)}px`;const c=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return n("div",{style:h},l)},it=function t(e,i){if(!this.tabSelected){this.tabSelected=i[0].id||"0"}const s=i.map(((t,e)=>({active:(t.id||`${e}`)===this.tabSelected,value:t.title,icon:t.icon,id:t.id||`${e}`})));const o=i.map(((t,i)=>{const n=t.id||`${i}`;return D(this,F,"m",tt).call(this,e,t,true,{display:this.tabSelected!==n?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,G,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const e=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}return n("div",{class:{"input-panel__tabs_container":true}},n("kup-tab-bar",{data:s,customStyle:l}),o)},nt=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));const o=+i.colSpan>0?i.colSpan:!(+i.colSpan>0)&&!(+i.colStart>0)?1:null;const l=o?`span ${o}`:`${i.colStart}`;const a=+i.colEnd>0?`${i.colEnd}`:"";const r=+i.rowSpan>0?i.rowSpan:!(+i.rowSpan>0)&&!(+i.rowStart>0)?1:null;const u=r?`span ${r}`:`${i.rowStart}`;const c=+i.rowEnd>0?`${i.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},st=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=i.absoluteLength>8?i.absoluteLength:8}else{o=i.absoluteLength}const l=`${z(o)}px`;const a=`${$(1)}px`;const r=`${S(i.absoluteRow)}px`;const u=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},ot=function t(e){var i;const n=((i=e===null||e===void 0?void 0:e.rows)===null||i===void 0?void 0:i.length)?e.rows.reduce(((t,i)=>{const n=e.columns.filter((t=>t.visible)).map((t=>{const e=structuredClone(i.cells[t.name]);const n=e?Object.assign(Object.assign({},e),{data:D(this,F,"m",lt).call(this,e,t),slotData:D(this,F,"m",ct).call(this,e,t),isEditable:true}):null;return{column:t,cell:n}}));return[...t,{cells:n,row:i}]}),[]):[];n.map((({cells:t})=>t.map((({cell:t,column:e})=>{const i=Wt.ketchup.data.cell.getType(t,t.shape);const n=D(this,J,"f").get(i);if(!n){return}const s=this.rootElement.shadowRoot.querySelector(`${n}[id=${e.name}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=n},lt=function t(e,i){const n=Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e,i)),{disabled:!e.editable,id:i.name});const s=Wt.ketchup.data.cell.getType(e,e.shape);const o=e.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",at).call(this,n,Object.assign({},e.data)):Object.assign(Object.assign({},n),l)},at=function t(e,i){for(const n in i){if(i[n]instanceof Object&&!Array.isArray(i[n])&&n in e){e[n]=D(this,F,"m",t).call(this,e[n],i[n])}else{e[n]=i[n]}}return e},rt=function t(){return this.inputPanelCells.reduce(((t,e)=>{const i=Object.keys(e.row.cells).reduce(((t,i)=>{var n;const s=(n=e.cells.find((t=>t.column.name===i)))===null||n===void 0?void 0:n.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",Ot).call(this,s.data.data,i))}return Object.assign(Object.assign({},t),{[i]:Object.assign(Object.assign({},e.row.cells[i]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...e.cells.map((t=>t.column))],rows:[...t.rows,{cells:i,layout:e.row.layout}]}}),{columns:[],rows:[]})},ut=function t(e,i){if(!e){return null}const n=e.options;const s=i.title;const o=e.value;const l=Wt.ketchup.data.cell.getType(e,e.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",dt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",ft).bind(this)],[u.CHART,D(this,F,"m",pt).bind(this)],[u.CHIP,D(this,F,"m",ht).bind(this)],[u.CHECKBOX,D(this,F,"m",mt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",bt).bind(this)],[u.COMBOBOX,D(this,F,"m",dt).bind(this)],[u.EDITOR,D(this,F,"m",vt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",ht).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",ht).bind(this)],[u.NUMBER,D(this,F,"m",wt).bind(this)],[u.DATE,D(this,F,"m",_t).bind(this)],[u.RADIO,D(this,F,"m",gt).bind(this)],[u.STRING,D(this,F,"m",kt).bind(this)],[u.SWITCH,D(this,F,"m",yt).bind(this)],[u.TABLE,D(this,F,"m",jt).bind(this)],[u.TIME,D(this,F,"m",xt).bind(this)]]);const r=a.get(l);return r?r(n,s,o,e,i.name):null},ct=function t(e,i){const n=Wt.ketchup.data.cell.getType(e,e.shape);if(!e.editable){return null}if(n===u.CHIP){return{trailingIcon:true,label:i.title,disabled:!e.editable,id:i.name,fullWidth:false}}if(n===u.MULTI_AUTOCOMPLETE||n===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",dt).call(this,e.options,i.title,null,e,i.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!e.editable,id:i.name})}return null},ht=function t(e,i,n){return d(n)},pt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},ft=function t(e,i,n,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",rt).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,V,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,I,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},dt=function t(e,i,n,s,o){const l=m(n,i,[]);if(s.fun){const t=Wt.ketchup.data.cell.getType(s,s.shape);const e=D(this,N,"f").get(t);if(!e){return}e.map((t=>{const e=t=>{D(this,F,"m",Tt).call(this,t.detail,s.fun,l,o,n)};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}))}else if(e){l.data["kup-list"].data=D(this,F,"m",zt).call(this,e,n)}return l},mt=function t(e,i,n){return b(n,i)},bt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},vt=function t(e,i,n){return{initialValue:n}},kt=function t(e,i,n){return{label:i}},gt=function t(e,i,n){return v(n,e)},yt=function t(e,i,n){return k(n,i)},_t=function t(e,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},xt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},wt=function t(e,i,n){return{label:i}},jt=function t(e,i,n,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,I,"f").debug.logMessage(this,`Empty value for ${o} cell.`,g.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,I,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,g.ERROR);return null}return{data:{columns:t.columns.map((e=>Object.assign(Object.assign({},e),{obj:t.rows[0].cells[e.name].obj}))),rows:t.rows.map((e=>Object.assign(Object.assign({},e),{cells:Object.keys(e.cells).reduce(((i,n)=>{const s=t.columns.find((t=>t.name===n));return Object.assign(Object.assign({},i),{[n]:Object.assign(Object.assign({},e.cells[n]),{data:Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e.cells[n],s)),{disabled:e.cells[n].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,I,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,g.ERROR);return null}},Ot=function t(e,i){const n=Object.assign(Object.assign({},e),{rows:e.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=e.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return n}try{const t=JSON.parse(D(this,R,"f").rows[0].cells[i].value);n.rows=e.rows.map(((e,i)=>s.reduce(((n,s)=>{const o=t.rows[i].cells[s]&&e.cells[s].value!==t.rows[i].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[i]),{cells:Object.assign(Object.assign({},n.cells),{[s]:Object.assign(Object.assign({},t.rows[i].cells[s]),{value:e.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[i]),{cells:n.cells})}),Object.assign(Object.assign({},t.rows[i]),{cells:{}}))));return n}catch(t){return n}},zt=function t(e,i){const n=D(this,P,"f").get(e.type);if(n){return n(e,i)}else{return e.map((t=>({value:t.label,id:t.id,selected:i===t.id})))}},$t=function t(e,i){return e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:i===e.content.codice,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},St=function t(e,i){return e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:i===e.obj.k,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},Mt=function t(e,i){return e.rows.map((t=>{var e;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((e=n[o])===null||e===void 0?void 0:e.value)||n[s].value,selected:i===n[s].value}}))},Tt=function t(e,i,n,s,o){if(e.id!==s||e.open===false){return}this.optionsHandler(i,e.inputValue,D(this,F,"m",rt).call(this),e.id).then((t=>{var i;n.data["kup-list"].data=(i=D(this,F,"m",zt).call(this,t,o))!==null&&i!==void 0?i:[];e.comp.refresh()}))};Dt.style=W;export{Dt as kup_input_panel};
2
+ //# sourceMappingURL=p-ea051539.entry.js.map