@sme.up/ketchup 5.0.0 → 5.2.1-SNAPSHOT

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 (224) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/{cell-utils-720be0c8.js → cell-utils-d96b2993.js} +4 -4
  3. package/dist/cjs/{f-button-dbf3cd3a.js → f-button-2b9b99b1.js} +2 -2
  4. package/dist/cjs/{f-cell-93d984ad.js → f-cell-8351cb84.js} +8 -96
  5. package/dist/cjs/{f-chip-438213eb.js → f-chip-df59e1b0.js} +3 -3
  6. package/dist/cjs/{f-image-21865ab7.js → f-image-12bab3b5.js} +2 -2
  7. package/dist/cjs/f-text-field-e7c35b5b.js +94 -0
  8. package/dist/cjs/f-text-field-mdc-a67f5dfe.js +2852 -0
  9. package/dist/cjs/{index-ab119fad.js → index-eb556444.js} +6 -1
  10. package/dist/cjs/ketchup.cjs.js +3 -3
  11. package/dist/cjs/kup-accordion.cjs.entry.js +5 -5
  12. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +641 -3331
  13. package/dist/cjs/kup-calendar.cjs.entry.js +8 -8
  14. package/dist/cjs/kup-cell.cjs.entry.js +9 -8
  15. package/dist/cjs/kup-dash-list.cjs.entry.js +5 -5
  16. package/dist/cjs/kup-dash_2.cjs.entry.js +5 -5
  17. package/dist/cjs/kup-drawer.cjs.entry.js +8 -5
  18. package/dist/cjs/kup-echart.cjs.entry.js +210 -60
  19. package/dist/cjs/kup-field.cjs.entry.js +3 -3
  20. package/dist/cjs/kup-iframe.cjs.entry.js +4 -4
  21. package/dist/cjs/kup-lazy.cjs.entry.js +4 -4
  22. package/dist/cjs/kup-magic-box.cjs.entry.js +7 -7
  23. package/dist/cjs/{kup-manager-09c0c1fc.js → kup-manager-5c03da64.js} +3061 -2642
  24. package/dist/cjs/kup-nav-bar.cjs.entry.js +6 -6
  25. package/dist/cjs/kup-numeric-picker.cjs.entry.js +423 -0
  26. package/dist/cjs/kup-photo-frame.cjs.entry.js +179 -0
  27. package/dist/cjs/kup-probe.cjs.entry.js +3 -3
  28. package/dist/cjs/kup-qlik.cjs.entry.js +3 -3
  29. package/dist/cjs/kup-snackbar.cjs.entry.js +6 -6
  30. package/dist/cjs/loader.cjs.js +3 -3
  31. package/dist/cjs/{utils-a60ab5fa.js → utils-e99921c1.js} +4 -38
  32. package/dist/collection/assets/card.js +30 -30
  33. package/dist/collection/assets/data-table.js +24 -74
  34. package/dist/collection/assets/echart.js +481 -0
  35. package/dist/collection/assets/index.js +87 -79
  36. package/dist/collection/assets/kupdata.js +29 -41
  37. package/dist/collection/assets/kuptooltip.js +608 -0
  38. package/dist/collection/assets/list.js +6 -6
  39. package/dist/collection/assets/nav-bar.js +4 -4
  40. package/dist/collection/assets/probe.js +18 -18
  41. package/dist/collection/collection-manifest.json +3 -1
  42. package/dist/collection/components/kup-autocomplete/kup-autocomplete.js +4 -4
  43. package/dist/collection/components/kup-box/kup-box.js +9 -9
  44. package/dist/collection/components/kup-button-list/kup-button-list.js +4 -4
  45. package/dist/collection/components/kup-card/built-in/kup-card-built-in.js +10 -0
  46. package/dist/collection/components/kup-card/built-in/kup-card-column-drop-menu.js +20 -20
  47. package/dist/collection/components/kup-card/built-in/kup-card-numeric.js +153 -0
  48. package/dist/collection/components/kup-card/kup-card.css +35 -0
  49. package/dist/collection/components/kup-card/kup-card.js +1 -0
  50. package/dist/collection/components/kup-chip/kup-chip.js +4 -4
  51. package/dist/collection/components/kup-combobox/kup-combobox.js +5 -5
  52. package/dist/collection/components/kup-data-table/kup-data-table-declarations.js +0 -2
  53. package/dist/collection/components/kup-data-table/kup-data-table-helper.js +31 -32
  54. package/dist/collection/components/kup-data-table/kup-data-table-state.js +1 -1
  55. package/dist/collection/components/kup-data-table/kup-data-table.js +112 -159
  56. package/dist/collection/components/kup-date-picker/kup-date-picker.js +1 -1
  57. package/dist/collection/components/kup-drawer/kup-drawer.js +4 -1
  58. package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.css +3 -3
  59. package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.js +14 -14
  60. package/dist/collection/components/kup-echart/kup-echart-declarations.js +3 -0
  61. package/dist/collection/components/kup-echart/kup-echart.js +246 -58
  62. package/dist/collection/components/kup-image/assets/svg/instagram.svg +1 -0
  63. package/dist/collection/components/kup-image/assets/svg/pinterest.svg +1 -0
  64. package/dist/collection/components/kup-image/assets/svg/reddit.svg +1 -0
  65. package/dist/collection/components/kup-list/kup-list-helper.js +26 -26
  66. package/dist/collection/components/kup-list/kup-list.css +35 -3
  67. package/dist/collection/components/kup-list/kup-list.js +52 -44
  68. package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
  69. package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +2 -2
  70. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker-declarations.js +16 -0
  71. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.css +50 -0
  72. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +895 -0
  73. package/dist/collection/components/kup-photo-frame/kup-photo-frame-declarations.js +10 -0
  74. package/dist/collection/components/kup-photo-frame/kup-photo-frame.css +70 -0
  75. package/dist/collection/components/kup-photo-frame/kup-photo-frame.js +382 -0
  76. package/dist/collection/components/kup-tab-bar/kup-tab-bar.css +1 -1
  77. package/dist/collection/components/kup-time-picker/kup-time-picker.js +8 -8
  78. package/dist/collection/components/kup-tree/kup-tree.js +25 -38
  79. package/dist/collection/f-components/f-paginator/f-paginator.js +6 -6
  80. package/dist/collection/managers/kup-data/kup-data-cell-helper.js +2 -2
  81. package/dist/collection/managers/kup-data/kup-data-column-helper.js +27 -3
  82. package/dist/collection/managers/kup-data/kup-data-declarations.js +2 -1
  83. package/dist/collection/managers/kup-data/kup-data-node-helper.js +1 -1
  84. package/dist/collection/managers/kup-data/kup-data-row-helper.js +2 -2
  85. package/dist/collection/managers/kup-data/kup-data.js +337 -155
  86. package/dist/collection/managers/kup-dates/kup-dates.js +2 -2
  87. package/dist/collection/managers/kup-debug/kup-debug.js +7 -6
  88. package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position.js +1 -1
  89. package/dist/collection/managers/kup-language/kup-language.js +2 -2
  90. package/dist/collection/managers/kup-manager/kup-manager.js +25 -1
  91. package/dist/collection/managers/kup-math/kup-math-declarations.js +13 -0
  92. package/dist/collection/managers/kup-math/kup-math-helper.js +39 -0
  93. package/dist/collection/managers/kup-math/kup-math.js +161 -0
  94. package/dist/collection/managers/kup-objects/kup-objects.js +48 -1
  95. package/dist/collection/managers/kup-theme/kup-theme-declarations.js +1 -0
  96. package/dist/collection/managers/kup-theme/kup-theme.js +2 -2
  97. package/dist/collection/managers/kup-tooltip/kup-tooltip-declarations.js +1 -0
  98. package/dist/collection/managers/kup-tooltip/kup-tooltip.js +191 -0
  99. package/dist/collection/types/GenericTypes.js +1 -0
  100. package/dist/collection/utils/cell-utils.js +2 -3
  101. package/dist/collection/utils/kup-column-menu/kup-column-menu.js +1 -1
  102. package/dist/collection/utils/utils.js +3 -74
  103. package/dist/esm/{cell-utils-b80ccb8c.js → cell-utils-f4bdbbc8.js} +4 -4
  104. package/dist/esm/{f-button-9e835467.js → f-button-54a49fd8.js} +2 -2
  105. package/dist/esm/{f-cell-f8bb2e04.js → f-cell-d5dac50b.js} +8 -95
  106. package/dist/esm/{f-chip-953c6915.js → f-chip-a3035b4b.js} +3 -3
  107. package/dist/esm/{f-image-78c5265e.js → f-image-d32465e3.js} +2 -2
  108. package/dist/esm/f-text-field-c25cc63f.js +92 -0
  109. package/dist/esm/f-text-field-mdc-9fbbefc3.js +2850 -0
  110. package/dist/esm/{index-78f3699d.js → index-baeab1ac.js} +6 -2
  111. package/dist/esm/ketchup.js +3 -3
  112. package/dist/esm/kup-accordion.entry.js +5 -5
  113. package/dist/esm/kup-autocomplete_27.entry.js +625 -3315
  114. package/dist/esm/kup-calendar.entry.js +8 -8
  115. package/dist/esm/kup-cell.entry.js +9 -8
  116. package/dist/esm/kup-dash-list.entry.js +5 -5
  117. package/dist/esm/kup-dash_2.entry.js +5 -5
  118. package/dist/esm/kup-drawer.entry.js +8 -5
  119. package/dist/esm/kup-echart.entry.js +210 -60
  120. package/dist/esm/kup-field.entry.js +3 -3
  121. package/dist/esm/kup-iframe.entry.js +4 -4
  122. package/dist/esm/kup-lazy.entry.js +4 -4
  123. package/dist/esm/kup-magic-box.entry.js +7 -7
  124. package/dist/esm/{kup-manager-bba62291.js → kup-manager-9316a184.js} +3062 -2642
  125. package/dist/esm/kup-nav-bar.entry.js +6 -6
  126. package/dist/esm/kup-numeric-picker.entry.js +419 -0
  127. package/dist/esm/kup-photo-frame.entry.js +175 -0
  128. package/dist/esm/kup-probe.entry.js +3 -3
  129. package/dist/esm/kup-qlik.entry.js +3 -3
  130. package/dist/esm/kup-snackbar.entry.js +6 -6
  131. package/dist/esm/loader.js +3 -3
  132. package/dist/esm/{utils-d1569956.js → utils-f24319a0.js} +5 -37
  133. package/dist/ketchup/assets/svg/instagram.svg +1 -0
  134. package/dist/ketchup/assets/svg/pinterest.svg +1 -0
  135. package/dist/ketchup/assets/svg/reddit.svg +1 -0
  136. package/dist/ketchup/ketchup.esm.js +1 -1
  137. package/dist/ketchup/p-09d708c4.entry.js +1 -0
  138. package/dist/ketchup/p-11e72a8c.entry.js +1 -0
  139. package/dist/ketchup/p-12773ca8.js +9 -0
  140. package/dist/ketchup/p-203d6295.entry.js +1 -0
  141. package/dist/ketchup/p-34748c91.js +1 -0
  142. package/dist/ketchup/p-34b74425.js +1 -0
  143. package/dist/ketchup/p-40f97429.js +1 -0
  144. package/dist/ketchup/p-4173422f.entry.js +1 -0
  145. package/dist/ketchup/p-41741c28.entry.js +1 -0
  146. package/dist/ketchup/p-44192f30.entry.js +1 -0
  147. package/dist/ketchup/{p-ebf4cf56.js → p-44f8da2a.js} +1 -1
  148. package/dist/ketchup/{p-fa540f82.js → p-4f56932b.js} +1 -1
  149. package/dist/ketchup/p-669bde31.js +1 -0
  150. package/dist/ketchup/p-67842f1e.entry.js +1 -0
  151. package/dist/ketchup/{p-f993f813.js → p-7a74ad17.js} +1 -1
  152. package/dist/ketchup/p-7ba8fa4a.entry.js +39 -0
  153. package/dist/ketchup/p-7de0d7e1.js +1 -0
  154. package/dist/ketchup/p-8418e8fa.entry.js +1 -0
  155. package/dist/ketchup/p-96bf19aa.entry.js +1 -0
  156. package/dist/ketchup/p-9a61d8dc.entry.js +1 -0
  157. package/dist/ketchup/p-b0ddcce9.entry.js +9 -0
  158. package/dist/ketchup/{p-aa27f9f7.entry.js → p-b6c21223.entry.js} +2 -2
  159. package/dist/ketchup/p-bb8844bf.entry.js +1 -0
  160. package/dist/ketchup/p-c58a2a81.entry.js +1 -0
  161. package/dist/ketchup/p-ca3d585b.entry.js +1 -0
  162. package/dist/ketchup/p-e6709c26.entry.js +1 -0
  163. package/dist/ketchup/p-e8e3c9da.entry.js +1 -0
  164. package/dist/ketchup/p-ecb7069b.js +135 -0
  165. package/dist/types/components/kup-button-list/kup-button-list-declarations.d.ts +2 -1
  166. package/dist/types/components/kup-card/built-in/kup-card-built-in.d.ts +7 -0
  167. package/dist/types/components/kup-card/built-in/kup-card-numeric.d.ts +2 -0
  168. package/dist/types/components/kup-card/kup-card-declarations.d.ts +26 -1
  169. package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts +2 -2
  170. package/dist/types/components/kup-data-table/kup-data-table-state.d.ts +1 -1
  171. package/dist/types/components/kup-data-table/kup-data-table.d.ts +7 -15
  172. package/dist/types/components/kup-dropdown-button/kup-dropdown-button.d.ts +1 -1
  173. package/dist/types/components/kup-echart/kup-echart-declarations.d.ts +3 -0
  174. package/dist/types/components/kup-echart/kup-echart.d.ts +12 -1
  175. package/dist/types/components/kup-list/kup-list-declarations.d.ts +3 -7
  176. package/dist/types/components/kup-list/kup-list-helper.d.ts +6 -6
  177. package/dist/types/components/kup-list/kup-list.d.ts +2 -2
  178. package/dist/types/components/kup-numeric-picker/kup-numeric-picker-declarations.d.ts +19 -0
  179. package/dist/types/components/kup-numeric-picker/kup-numeric-picker.d.ts +121 -0
  180. package/dist/types/components/kup-photo-frame/kup-photo-frame-declarations.d.ts +9 -0
  181. package/dist/types/components/kup-photo-frame/kup-photo-frame.d.ts +61 -0
  182. package/dist/types/components.d.ts +249 -28
  183. package/dist/types/managers/kup-data/kup-data-column-helper.d.ts +9 -1
  184. package/dist/types/managers/kup-data/kup-data-declarations.d.ts +4 -25
  185. package/dist/types/managers/kup-data/kup-data-node-helper.d.ts +1 -1
  186. package/dist/types/managers/kup-data/kup-data.d.ts +63 -27
  187. package/dist/types/managers/kup-manager/kup-manager-declarations.d.ts +21 -0
  188. package/dist/types/managers/kup-manager/kup-manager.d.ts +4 -0
  189. package/dist/types/managers/kup-math/kup-math-declarations.d.ts +27 -0
  190. package/dist/types/managers/kup-math/kup-math-helper.d.ts +17 -0
  191. package/dist/types/managers/kup-math/kup-math.d.ts +61 -0
  192. package/dist/types/managers/kup-objects/kup-objects.d.ts +22 -0
  193. package/dist/types/managers/kup-tooltip/kup-tooltip-declarations.d.ts +8 -0
  194. package/dist/types/managers/kup-tooltip/kup-tooltip.d.ts +40 -0
  195. package/dist/types/types/GenericTypes.d.ts +1 -0
  196. package/dist/types/utils/utils.d.ts +0 -18
  197. package/package.json +3 -3
  198. package/CHANGELOG.md +0 -5
  199. package/dist/collection/managers/kup-data/kup-data-dataset-helper.js +0 -262
  200. package/dist/collection/managers/kup-data/kup-data-helper.js +0 -61
  201. package/dist/collection/utils/state-utils.js +0 -9
  202. package/dist/ketchup/p-0032a782.entry.js +0 -1
  203. package/dist/ketchup/p-18c4d083.entry.js +0 -1
  204. package/dist/ketchup/p-199c972e.entry.js +0 -1
  205. package/dist/ketchup/p-29800a2e.js +0 -1
  206. package/dist/ketchup/p-34aa8d8a.entry.js +0 -1
  207. package/dist/ketchup/p-542279e9.entry.js +0 -1
  208. package/dist/ketchup/p-5b26a7a8.entry.js +0 -39
  209. package/dist/ketchup/p-5c97e7ab.js +0 -1
  210. package/dist/ketchup/p-6817ca85.entry.js +0 -1
  211. package/dist/ketchup/p-76e674ca.entry.js +0 -1
  212. package/dist/ketchup/p-78aa6f1b.js +0 -1
  213. package/dist/ketchup/p-842b66aa.entry.js +0 -1
  214. package/dist/ketchup/p-894981c0.entry.js +0 -143
  215. package/dist/ketchup/p-8ac2fa75.entry.js +0 -1
  216. package/dist/ketchup/p-907c9e11.entry.js +0 -1
  217. package/dist/ketchup/p-9ae9149b.entry.js +0 -1
  218. package/dist/ketchup/p-b0d1bdd8.js +0 -9
  219. package/dist/ketchup/p-e1e4c951.entry.js +0 -1
  220. package/dist/ketchup/p-eba369d9.entry.js +0 -1
  221. package/dist/ketchup/p-ed0b8666.js +0 -1
  222. package/dist/types/managers/kup-data/kup-data-dataset-helper.d.ts +0 -42
  223. package/dist/types/managers/kup-data/kup-data-helper.d.ts +0 -11
  224. package/dist/types/utils/state-utils.d.ts +0 -1
@@ -1,262 +0,0 @@
1
- import { fieldColumn } from '../../components/kup-data-table/kup-data-table-declarations';
2
- import { KupDebugCategory } from '../kup-debug/kup-debug-declarations';
3
- import { findCell, getCellValue, replaceCell } from './kup-data-cell-helper';
4
- import { findColumns, newColumn } from './kup-data-column-helper';
5
- import { KupDataNewColumnTypes, } from './kup-data-declarations';
6
- import { finder } from './kup-data-helper';
7
- const dom = document.documentElement;
8
- /**
9
- * Performs a distinct/count after previously grouping columns by ranges.
10
- * @param {KupDataDataset} dataset - Input dataset.
11
- * @param {KupDataNewColumn[]} rangeColumns - A list of columns coupled with their criteria for creation. These are used to define ranges.
12
- * @param {KupDataColumn} resultingColumn - The resulting column.
13
- * @param {KupDataColumn} valuesColumn - When present, this column will be included in the final dataset containing the original values of the cells.
14
- * @returns {KupDataDataset} New dataset with processed data.
15
- */
16
- export function rangedDistinctDataset(dataset, rangeColumns, resultingColumn, valuesColumn) {
17
- const newD = newDataset(dataset, rangeColumns);
18
- const columnNames = [];
19
- for (let index = 0; index < rangeColumns.length; index++) {
20
- const newColumn = rangeColumns[index].column;
21
- columnNames.push(newColumn.name);
22
- replaceCell(newD, { value: newColumn.title }, [newColumn.name]);
23
- }
24
- newColumn(newD, KupDataNewColumnTypes.MERGE, {
25
- columns: columnNames,
26
- newColumn: resultingColumn,
27
- });
28
- return distinctDataset(newD, null, valuesColumn);
29
- }
30
- /**
31
- * Creates a new dataset with an amount of cells equal to a distinct calculation applied to the given columns.
32
- * The original value of cells will be stored in the title property of the new cells.
33
- * @param {KupDataDataset} dataset - Input dataset.
34
- * @param {string[]} columns - Column names to manage. When missing, defaults to all columns.
35
- * @param {KupDataColumn} valuesColumn - When present, this column will be included in the final dataset containing the original values of the cells.
36
- * @returns {KupDataDataset} New dataset with processed data.
37
- */
38
- export function distinctDataset(dataset, columns, valuesColumn) {
39
- const occurrencies = {};
40
- const rows = dataset.rows;
41
- for (let index = 0; index < rows.length; index++) {
42
- const row = rows[index];
43
- const cells = row.cells;
44
- for (const key in cells) {
45
- const cell = cells[key];
46
- if (!columns ||
47
- !columns.length ||
48
- (columns && columns.includes(key))) {
49
- if (!occurrencies[key]) {
50
- occurrencies[key] = {};
51
- }
52
- const occurrency = occurrencies[key];
53
- occurrency[cell.value] = occurrency[cell.value]
54
- ? occurrency[cell.value] + 1
55
- : 1;
56
- }
57
- }
58
- }
59
- const newColumns = [];
60
- const newRows = [];
61
- if (valuesColumn) {
62
- newColumns.push(valuesColumn);
63
- }
64
- for (const key in occurrencies) {
65
- const occurrency = occurrencies[key];
66
- const column = Object.assign({}, dataset.columns.find((col) => col.name === key));
67
- column.obj = {
68
- t: 'NR',
69
- p: '',
70
- k: '',
71
- };
72
- let rowIndex = 0;
73
- newColumns.push(column);
74
- for (const j in occurrency) {
75
- const value = occurrency[j];
76
- let row = null;
77
- if (!newRows[rowIndex]) {
78
- newRows[rowIndex] = { cells: {} };
79
- }
80
- row = newRows[rowIndex];
81
- row.cells[key] = {
82
- obj: {
83
- t: 'NR',
84
- p: '',
85
- k: value.toString(),
86
- },
87
- title: j,
88
- value: value.toString(),
89
- };
90
- if (valuesColumn) {
91
- row.cells[valuesColumn.name] = {
92
- value: j,
93
- };
94
- }
95
- rowIndex++;
96
- }
97
- }
98
- return {
99
- columns: newColumns,
100
- rows: newRows,
101
- };
102
- }
103
- /**
104
- * Creates a new dataset from the input one.
105
- * The new columns are to be specified in the columns argument along with their creation criteria.
106
- * @param {KupDataDataset} dataset - Input dataset.
107
- * @param {KupDataNewColumn[]} newColumns - Array containing the specifics of the new columns to be created.
108
- * @returns {KupDataDataset} Resulting dataset.
109
- */
110
- export function newDataset(dataset, newColumns) {
111
- const outputColumns = [];
112
- const outputRows = [];
113
- for (let index = 0; index < newColumns.length; index++) {
114
- const newColumn = newColumns[index].column;
115
- const criteria = newColumns[index].criteria;
116
- const cells = findCell(dataset, criteria);
117
- let rowIndex = 0;
118
- for (let index = 0; index < cells.length; index++) {
119
- const cell = cells[index];
120
- let outputRow = null;
121
- if (!outputRows[rowIndex]) {
122
- outputRows[rowIndex] = { cells: {} };
123
- }
124
- outputRow = outputRows[rowIndex];
125
- outputRow.cells[newColumn.name] = JSON.parse(JSON.stringify(cell));
126
- rowIndex++;
127
- }
128
- outputColumns.push(newColumn);
129
- }
130
- return {
131
- columns: outputColumns,
132
- rows: outputRows,
133
- };
134
- }
135
- /**
136
- * Creates a new dataset with sorted elements.
137
- * @param {KupDataDataset} dataset Input dataset.
138
- * @param {KupDataDatasetSort} sortType Type of sort to apply.
139
- * @param {string} headerColumn The column used for sorting.
140
- * @returns {KupDataDataset} Sorted dataset.
141
- */
142
- export function sortDataset(dataset, sortType, headerColumn) {
143
- if (sortType != 'normalDistribution') {
144
- const message = 'Wrong sort type! (' + sortType + ')';
145
- dom.ketchup.debug.logMessage('kup-data', message, KupDebugCategory.WARNING);
146
- return dataset;
147
- }
148
- const output = {
149
- columns: JSON.parse(JSON.stringify(dataset.columns)),
150
- rows: [],
151
- };
152
- const length = dataset.rows.length;
153
- // sort all columns values by descending
154
- let values = getCellValue(dataset, [headerColumn]);
155
- values.sort(function (a, b) {
156
- return Number(a) - Number(b);
157
- });
158
- values.reverse();
159
- // excluding duplicates values.
160
- values = [...new Set(values)];
161
- // calculating middle index
162
- const idx = Math.floor(length / 2);
163
- let lastIdx = idx - 1;
164
- let leftIdx = idx - 1;
165
- let rightIdx = idx + 1;
166
- // sort the rows like a "mountain", the greatest is in the middle and the other ones are splitted left and right
167
- for (let i = 0; i < length; i++) {
168
- const value = values[i];
169
- // looping the rows because we have many rows with same value.
170
- finder(dataset, { columns: [headerColumn], value: value }).rows.forEach((row) => {
171
- const xC = output.rows[idx];
172
- if (xC == null) {
173
- output.rows[idx] = JSON.parse(JSON.stringify(row));
174
- }
175
- else {
176
- output.rows[lastIdx] = JSON.parse(JSON.stringify(row));
177
- if (lastIdx > idx) {
178
- // right from the middle index.
179
- lastIdx = leftIdx;
180
- rightIdx++;
181
- }
182
- else {
183
- // left from the middle index.
184
- lastIdx = rightIdx;
185
- leftIdx--;
186
- }
187
- }
188
- });
189
- }
190
- return output;
191
- }
192
- /**
193
- * Creates a new dataset with transposed columns and rows.
194
- * @param {KupDataDataset} dataset - Input dataset.
195
- * @param {string} headerColumn - When specified, it will be the column used as header. When missing, the header will be a series of progressive numbers.
196
- * @returns {KupDataDataset} Transposed dataset.
197
- */
198
- export function transposeDataset(dataset, headerColumn) {
199
- const transposed = { columns: [], rows: [] };
200
- let firstColumn = null;
201
- if (headerColumn) {
202
- firstColumn = findColumns(dataset, { name: headerColumn })[0];
203
- transposed.columns.push(firstColumn);
204
- for (let index = 0; index < dataset.rows.length; index++) {
205
- const row = dataset.rows[index];
206
- const cell = row.cells[firstColumn.name];
207
- const title = cell.displayedValue
208
- ? cell.displayedValue
209
- : cell.value;
210
- transposed.columns.push({
211
- name: cell.value + '_' + row.id,
212
- title,
213
- });
214
- }
215
- }
216
- else {
217
- firstColumn = { name: fieldColumn.toUpperCase(), title: fieldColumn };
218
- transposed.columns.push(firstColumn);
219
- for (let index = 0; index < dataset.rows.length; index++) {
220
- const row = dataset.rows[index];
221
- transposed.columns.push({
222
- name: row.id,
223
- title: '#' + index,
224
- });
225
- }
226
- }
227
- for (let index = headerColumn ? 1 : 0; index < dataset.columns.length; index++) {
228
- const oldColumn = dataset.columns[index];
229
- const cells = {};
230
- cells[firstColumn.name] = {
231
- value: oldColumn.title,
232
- };
233
- for (let index = 1; index < transposed.columns.length; index++) {
234
- const newColumn = transposed.columns[index];
235
- const oldRow = dataset.rows[index - 1];
236
- const cellName = headerColumn ? newColumn.name : oldRow.id;
237
- cells[cellName] = oldRow.cells[oldColumn.name];
238
- if (oldColumn.icon && !cells[cellName].icon) {
239
- cells[cellName].icon = oldColumn.icon;
240
- }
241
- if (oldColumn.shape && !cells[cellName].shape) {
242
- cells[cellName].shape = oldColumn.shape;
243
- }
244
- }
245
- // If a record is key and no column argument is provided, it will be placed on top
246
- if (!headerColumn && oldColumn.isKey) {
247
- transposed.rows.unshift({
248
- id: String(index),
249
- cells,
250
- transposedColumnName: oldColumn.name,
251
- });
252
- }
253
- else {
254
- transposed.rows.push({
255
- id: String(index),
256
- cells,
257
- transposedColumnName: oldColumn.name,
258
- });
259
- }
260
- }
261
- return transposed;
262
- }
@@ -1,61 +0,0 @@
1
- const dom = document.documentElement;
2
- /**
3
- * Utility used by findRow and findCell.
4
- * @param {KupDataDataset} dataset - Input dataset.
5
- * @param {KupDataFindCellFilters} filters - Filters of the research.
6
- * @returns {{cells: KupDataCell[], rows: KupDataRow[]}} Object containing rows and cells.
7
- */
8
- export function finder(dataset, filters) {
9
- const columns = filters ? filters.columns : null;
10
- const range = filters ? filters.range : null;
11
- const value = filters ? filters.value : null;
12
- const min = range && range.min ? range.min : null;
13
- const max = range && range.max ? range.max : null;
14
- const result = {
15
- cells: [],
16
- rows: [],
17
- };
18
- for (let index = 0; index < dataset.rows.length; index++) {
19
- const row = dataset.rows[index];
20
- const cells = row.cells;
21
- for (const key in cells) {
22
- const cell = cells[key];
23
- if (!columns || !columns.length || columns.includes(key)) {
24
- if (min && max) {
25
- let d = null, s = '', n = 0;
26
- if (dom.ketchup.objects.isDate(cell.obj)) {
27
- d = dom.ketchup.dates.toDate(cell.value);
28
- const dMax = dom.ketchup.dates.toDate(max instanceof String ? max.valueOf() : max);
29
- const dMin = dom.ketchup.dates.toDate(min instanceof String ? min.valueOf() : min);
30
- if (d === dMax ||
31
- d === dMin ||
32
- (d < dMax && d > dMin)) {
33
- result.cells.push(cell);
34
- result.rows.push(row);
35
- }
36
- }
37
- else if (typeof min === 'string' ||
38
- min instanceof String) {
39
- s = cell.value;
40
- if (s === max || s === min || (s < max && s > min)) {
41
- result.cells.push(cell);
42
- result.rows.push(row);
43
- }
44
- }
45
- else {
46
- n = dom.ketchup.data.numberify(cell.value);
47
- if (n === max || n === min || (n < max && n > min)) {
48
- result.cells.push(cell);
49
- result.rows.push(row);
50
- }
51
- }
52
- }
53
- else if (value === cell.value) {
54
- result.cells.push(cell);
55
- result.rows.push(row);
56
- }
57
- }
58
- }
59
- }
60
- return result;
61
- }
@@ -1,9 +0,0 @@
1
- import { deepEqual } from './utils';
2
- export function isStateChanged(stateMap) {
3
- for (const key of stateMap.keys()) {
4
- if (!deepEqual(key, stateMap.get(key))) {
5
- return true;
6
- }
7
- }
8
- return false;
9
- }
@@ -1 +0,0 @@
1
- import{r as t,f as i,h as s,H as e,g as o}from"./p-ed0b8666.js";import{k as a,i as n,j as c,$ as r,H as h,a0 as l,p,b as u}from"./p-b0d1bdd8.js";import{F as d}from"./p-6c77a36c.js";import{F as b}from"./p-fa540f82.js";import{g as m,s as k}from"./p-78aa6f1b.js";import{c as f}from"./p-97e8ea42.js";var g,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(g||(g={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));let y=class{constructor(i){t(this,i),this.display=x.DATATABLE,this.customStyle="",this.data=null,this.dragHandler=null,this.kupManager=a(),this.textArea=null,this.wrapperRef=null}async getProps(t){return m(this,g,t)}async refresh(){i(this)}async setProps(t){k(this,g,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({text:x[i],value:x[i],selected:!1});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(n.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],e={};if(this.display===x.JSON)e.initialValue=this.data?JSON.stringify(this.data,null,2):"",e.textArea=!0,i.push(s("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},e,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:e.data=this.data,i.push(s("kup-box",Object.assign({},e)));break;case x.BUTTON_LIST:e.data=this.data,i.push(s("kup-button-list",Object.assign({},e)));break;case x.CHIP:e.data=this.data,i.push(s("kup-chip",Object.assign({},e)));break;case x.CHART:case x.ECHART:e.data=this.data,e.series=[],e.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==e.axis?e.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):e.axis=i.name}0===e.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",c.WARNING),e.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",c.WARNING),i.push(s(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},e)));break;case x.DATATABLE:e.data=this.data,e.autoFillMissingCells=!0,i.push(s("kup-data-table",Object.assign({},e)));break;case x.TREE:e.data=this.data,i.push(s("kup-tree",Object.assign({class:"kup-full-width"},e)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",c.ERROR)}else i.push(s("div",{class:"empty"},s(b,{sizeY:"100px",resource:"move_to_inbox"}),s("div",{class:"empty-text"},this.kupManager.language.translate(n.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),s=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,e=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(s&&s.name?i.columns?this.data.columns.find((t=>t.name===s.name))||i.columns.push(s):i.columns=[s]:this.kupManager.debug.logMessage(this,"Invalid column received.",c.WARNING),e&&(i.rows?i.rows.push(e):i.rows=[e]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(r,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${h}],[${l}]`},{dispatcher:this.rootElement,type:p.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return s(e,null,s("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{id:f},s("div",{class:"magic-box-wrapper"},s("div",{class:"actions",id:"drag-handle"},s("kup-combobox",Object.assign({},this.comboboxProps())),s("kup-button",{styling:d.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),s("kup-button",{id:"close-dialog",customStyle:`:host{${u.PRIMARY}: var(${u.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),s("div",{class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=":host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-color);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}
@@ -1 +0,0 @@
1
- import{r as t,c as n,h as i,g as a,f as e,H as l}from"./p-ed0b8666.js";import{k as s,j as o}from"./p-b0d1bdd8.js";import{g as d,s as r}from"./p-78aa6f1b.js";import{c as u}from"./p-97e8ea42.js";let c=class{constructor(i){t(this,i),this.dashClick=n(this,"kup-dash-click",6),this.active=!1,this.fontsize="",this.layout="1",this.index=0,this.kupManager=s()}onDshClickHandler(){this.dashClick.emit({id:this.index})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t=null;switch(this.layout){case"2":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value-int"},i("slot",{name:"value-int"})),i("div",{class:"value-dec"},i("slot",{name:"value-dec"})),i("div",{class:"unit"},i("slot",{name:"unit"})));break;case"3":t=i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"})));break;case"4":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value-and-unit"},i("div",{class:"value-int"},i("slot",{name:"value-int"})),i("div",{class:"value-dec"},i("slot",{name:"value-dec"})),i("div",{class:"unit"},i("slot",{name:"unit"}))),i("div",null),i("div",{class:"descr"},i("slot",{name:"descr"})));break;case"5":t=i("div",null,i("div",null,i("div",{class:"descr"},i("slot",{name:"descr"})),i("div",{class:"value"},i("slot",{name:"value"}))),i("div",{class:"icon"},i("slot",{name:"icon"})));break;case"6":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"}))));break;case"7":t=i("div",null,i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"}))),i("div",{class:"icon"},i("slot",{name:"icon"})));break;case"8":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"})));break;default:t=i("div",null,i("div",{class:"descr"},i("slot",{name:"descr"})),i("div",{class:"value"},i("slot",{name:"value"})))}return i("div",{id:"dash",class:this.active?"with-dyn":"",style:{fontSize:this.fontsize},onClick:()=>this.onDshClickHandler()},i("div",{id:"content",class:`layout-${this.layout} `},t))}get rootElement(){return a(this)}};var g;c.style="#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}",function(t){t.columns="The number of columns displayed by the grid, the default behavior is 12.",t.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",t.singleLine="When set to true, forces the content on a single line."}(g||(g={}));let p=class{constructor(n){t(this,n),this.columns=12,this.customStyle="",this.singleLine=!1,this.kupManager=s()}async getProps(t){return d(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.rootElement.children;if(!t||0===t.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",o.WARNING);const n=[];for(let a=0;a<t.length;a++){let e=null;if(this.singleLine)e=i("slot",{name:`${a}`});else{let n=1;t[a].span&&(n=t[a].span),e=i("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},i("slot",{name:`${a}`}))}n.push(e)}const a={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),i(l,{style:a},i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:u},i("div",{class:this.singleLine?"flex-layout":"layout-grid"},i("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};p.style=":host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}";export{c as kup_dash,p as kup_grid}
@@ -1 +0,0 @@
1
- import{r as t,f as s,h as i,H as e,g as h}from"./p-ed0b8666.js";import{k as l}from"./p-b0d1bdd8.js";import{c as o}from"./p-97e8ea42.js";let n=class{constructor(s){t(this,s),this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1},this.kupManager=l(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,null,t?i("style",null,t):null,i("div",{id:o},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}
@@ -1 +0,0 @@
1
- import{a as e,c,b as t}from"./p-b0d1bdd8.js";import{h as n,a}from"./p-ed0b8666.js";import{b as l}from"./p-5c97e7ab.js";import{d as i}from"./p-78aa6f1b.js";import{F as s}from"./p-fa540f82.js";import{F as r}from"./p-ebf4cf56.js";const o=(e,c)=>n("div",Object.assign({class:`f-text-field ${e.danger?"kup-danger":""} ${e.fullHeight?"kup-full-height":""} ${e.fullWidth?"kup-full-width":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.shaped?"kup-shaped":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),e.leadingLabel||e.trailingLabel?n("div",{class:"mdc-form-field "+(e.leadingLabel?"mdc-form-field--align-end":"")},[u(e),d(e),n("label",null,e.label)]):[u(e),d(e)],c);function u(c){const t=c.textArea||c.outlined;let l,i;if(!c.label||c.leadingLabel||c.trailingLabel||(l=n("label",{class:"mdc-floating-label",htmlFor:"kup-input"},c.label)),c.icon){let t,l="";if(Object.values(e).indexOf(c.icon)>-1)l=c.icon.replace("--","");else{let e=`url('${a(`./assets/svg/${c.icon}.svg`)}') no-repeat center`;t={mask:e,webkitMask:e}}i=n("span",{style:t,onClick:c.onIconClick,class:`mdc-text-field__icon kup-icon action ${l}`})}return n("div",{class:{"is-clearable":c.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":c.disabled,"mdc-text-field--filled":!c.fullWidth&&!t,"mdc-text-field--no-label":!c.label,"mdc-text-field--fullwidth":c.fullWidth,"mdc-text-field--outlined":t,"mdc-text-field--textarea":c.textArea,"mdc-text-field--with-leading-icon":c.icon&&!c.trailingIcon,"mdc-text-field--with-trailing-icon":c.icon&&c.trailingIcon}},c.textArea&&c.maxLength?n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",c.maxLength):void 0,c.trailingIcon?void 0:i,c.textArea?n("span",{class:"mdc-text-field__resizer"},n("textarea",{class:"mdc-text-field__input",disabled:c.disabled,readOnly:c.readOnly,maxlength:c.maxLength,value:c.value,onBlur:c.onBlur,onClick:c.onClick,onChange:c.onChange,onFocus:c.onFocus,onInput:c.onInput,onKeyDown:c.onKeyDown})):n("input",{type:c.inputType?c.inputType:"text",step:c.step,min:c.min,max:c.max,class:"mdc-text-field__input",disabled:c.disabled,readOnly:c.readOnly,placeholder:c.fullWidth?c.label:void 0,maxlength:c.maxLength,value:c.value,onBlur:c.onBlur,onClick:c.onClick,onChange:c.onChange,onFocus:c.onFocus,onInput:c.onInput,onKeyDown:c.onKeyDown}),c.isClearable?n("span",{class:`mdc-text-field__icon kup-icon ${e.CLEAR.replace("--","")}`,onClick:c.onClearIconClick}):void 0,c.trailingIcon?i:void 0,c.fullWidth||t?void 0:l,t?n("div",{class:"mdc-notched-outline"},n("div",{class:"mdc-notched-outline__leading"}),n("div",{class:"mdc-notched-outline__notch"},l),n("div",{class:"mdc-notched-outline__trailing"})):n("span",{class:"mdc-line-ripple"}))}function d(e){if(!1!==e.helperEnabled){if(e.helper)return n("div",{class:"mdc-text-field-helper-line"},n("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!e.helperWhenFocused}},e.helper),e.maxLength&&!e.textArea?n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",e.maxLength.toString()):void 0);if(e.maxLength&&!e.textArea)return n("div",{class:"mdc-text-field-helper-line"},n("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",e.maxLength))}}const p=[c.DATA_TABLE,c.TREE];var b,k,f,m,h;!function(e){e.CLICK="kup-cell-click",e.ICON_CLICK="kup-cell-iconclick",e.INPUT="kup-cell-input",e.UPDATE="kup-cell-update"}(b||(b={})),function(e){e.DENSE="dense",e.MEDIUM="medium",e.NONE="",e.WIDE="wide"}(k||(k={})),function(e){e.BG_DANGER="danger-bg",e.BG_GREEN="green-bg",e.BG_GREY="grey-bg",e.BG_ORANGE="orange-bg",e.BG_PURPLE="purple-bg",e.BG_SUCCESS="success-bg",e.BG_TEAL="teal-bg",e.BG_WARNING="warning-bg",e.C_BG_DANGER="c-danger-bg",e.C_BG_GREEN="c-green-bg",e.C_BG_GREY="c-grey-bg",e.C_BG_ORANGE="c-orange-bg",e.C_BG_PURPLE="c-purple-bg",e.C_BG_SUCCESS="c-success-bg",e.C_BG_TEAL="c-teal-bg",e.C_BG_WARNING="c-warning-bg",e.C_CENTERED="c-centered",e.C_FITTED="c-fitted",e.C_PADDED="c-padded",e.C_PADDED_HOR="c-padded-hor",e.C_PADDED_VER="c-padded-ver",e.C_ROUND="c-round",e.C_RIGHT_ALIGNED="c-right-aligned",e.C_SHAPED="c-shaped",e.C_TEXT_VERTICAL="c-vertical-text",e.CLICKABLE="clickable",e.HOVER_DISPLAY="display-on-hover",e.HOVER_EXPAND="expand-on-hover",e.HOVER_REDUCE="reduce-on-hover",e.INDICATOR_TOPRIGHT="top-right-indicator",e.LINK="link",e.MONOSPACE="monospace",e.OBJ="obj",e.SHAPED="shaped",e.TEXT_DANGER="danger-text",e.TEXT_INFO="info-text",e.TEXT_PRIMARY="primary-text",e.TEXT_PURPLE="purple-text",e.TEXT_SECONDARY="secondary-text",e.TEXT_STRONG="strong-text",e.TEXT_SUCCESS="success-text",e.TEXT_WARNING="warning-text",e.UNDERLINED="underlined"}(f||(f={})),function(e){e.AUTOCOMPLETE="ACP",e.BUTTON_LIST="BTN",e.CHART="GRA",e.CHECKBOX="CHK",e.CHIP="CHI",e.COLOR_PICKER="CLP",e.COMBOBOX="CMB",e.EDITOR="EDT",e.GAUGE="GAU",e.IMAGE="IMG",e.KNOB="KNB",e.PROGRESS_BAR="PGB",e.RADIO="RAD",e.RATING="RTG",e.TEXT_FIELD="ITX"}(m||(m={})),function(e){e.AUTOCOMPLETE="autocomplete",e.BAR="bar",e.BUTTON="button",e.BUTTON_LIST="button-list",e.CHART="chart",e.CHECKBOX="checkbox",e.CHIP="chips",e.COLOR_PICKER="color-picker",e.COMBOBOX="combobox",e.DATE="date",e.DATETIME="datetime",e.EDITOR="editor",e.GAUGE="gauge",e.ICON="icon",e.IMAGE="image",e.KNOB="knob",e.LINK="link",e.NUMBER="number",e.PROGRESS_BAR="progress-bar",e.RADIO="radio",e.RATING="rating",e.STRING="string",e.TIME="time"}(h||(h={}));const g=[h.AUTOCOMPLETE,h.CHECKBOX,h.COLOR_PICKER,h.COMBOBOX,h.DATE,h.NUMBER,h.RATING,h.STRING,h.TIME],x=[h.BAR,h.BUTTON,h.BUTTON_LIST,h.CHART,h.CHIP,h.COLOR_PICKER,h.GAUGE,h.KNOB,h.PROGRESS_BAR,h.RADIO,h.RATING],v=e=>{const c={"data-indeterminate":!!e.indeterminate},t={checkbox:!0,"checkbox--checked":!(!e.checked||e.indeterminate),"checkbox--disabled":!!e.disabled,"checkbox--indeterminate":!!e.indeterminate};return n("div",Object.assign({class:`f-checkbox ${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}),n("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},n("div",{class:t},n("input",Object.assign({type:"checkbox",class:"checkbox__native-control",checked:e.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus},c,{value:e.checked?"on":"off"})),n("div",{class:"checkbox__background",onClick:e.onChange},n("svg",{class:"checkbox__checkmark",viewBox:"0 0 24 24"},n("path",{class:"checkbox__checkmark-path",fill:"none",d:"M1.73,12.91 8.1,19.28 22.79,4.59"})),n("div",{class:"checkbox__mixedmark"}))),e.label?n("label",null,e.label):void 0))},_=document.documentElement,j=e=>{const a=e.cell,u=e.column,d=e.row,k=e.shape?e.shape:a.shape?a.shape:u.shape?u.shape:null,j=!_.ketchup.objects.isEmptyKupObj(a.obj),O=!(!a.isEditable||!e.editable),$=e.previousValue!==a.value?a.value:"",y=function(e,c){const t=e.obj;if(c)switch(c.toUpperCase()){case m.AUTOCOMPLETE:return h.AUTOCOMPLETE;case m.BUTTON_LIST:return h.BUTTON_LIST;case m.CHART:return h.CHART;case m.CHECKBOX:return h.CHECKBOX;case m.CHIP:return h.CHIP;case m.COLOR_PICKER:return h.COLOR_PICKER;case m.COMBOBOX:return h.COMBOBOX;case m.EDITOR:return h.EDITOR;case m.GAUGE:return h.GAUGE;case m.IMAGE:return h.IMAGE;case m.KNOB:return h.KNOB;case m.PROGRESS_BAR:return h.PROGRESS_BAR;case m.RADIO:return h.RADIO;case m.RATING:return h.RATING;case m.TEXT_FIELD:return h.STRING}return _.ketchup.objects.isBar(t)?h.BAR:_.ketchup.objects.isButton(t)?h.BUTTON:_.ketchup.objects.isChart(t)?h.CHART:_.ketchup.objects.isCheckbox(t)?h.CHECKBOX:_.ketchup.objects.isColor(t)?h.COLOR_PICKER:_.ketchup.objects.isIcon(t)?h.ICON:_.ketchup.objects.isImage(t)?h.IMAGE:_.ketchup.objects.isLink(t)?h.LINK:_.ketchup.objects.isProgressBar(t)?h.PROGRESS_BAR:_.ketchup.objects.isRadio(t)?h.RADIO:_.ketchup.objects.isKupObjList(t)?h.CHIP:_.ketchup.objects.isNumber(t)?h.NUMBER:_.ketchup.objects.isDate(t)?h.DATE:_.ketchup.objects.isTimestamp(t)?h.DATETIME:_.ketchup.objects.isTime(t)?h.TIME:_.ketchup.objects.isVoCodver(t)?h.ICON:h.STRING}(a,k),C=Object.assign({},a.data);let B=a.cssClass?a.cssClass:u.cssClass?u.cssClass:"";const I={"f-cell":!0,[f.OBJ]:!!j,[y+"-cell"]:!0,[e.wrapperClass]:!!e.wrapperClass,[e.density]:!(!e.density||y===h.BAR),[B]:!!B};let z=$;O&&g.includes(y)?z=function(e,c,t,a,l){switch(e){case h.AUTOCOMPLETE:return n("kup-autocomplete",Object.assign({},t.data,{class:"kup-full-width","onkup-autocomplete-change":c=>w(c,l,e,b.UPDATE),"onkup-autocomplete-input":c=>w(c,l,e,b.INPUT),"onkup-autocomplete-iconclick":c=>w(c,l,e,b.ICON_CLICK)}));case h.CHECKBOX:return p.includes(l.component.rootElement.tagName)&&(c[f.C_CENTERED]=!0),n(v,Object.assign({},t.data,{onChange:c=>w(c,l,e,b.UPDATE)}));case h.COLOR_PICKER:return n("kup-color-picker",Object.assign({},t.data,{class:"kup-full-width",disabled:!1,"onkup-colorpicker-change":c=>w(c,l,e,b.UPDATE)}));case h.COMBOBOX:return n("kup-combobox",Object.assign({},t.data,{class:"kup-full-width","onkup-combobox-change":c=>w(c,l,e,b.UPDATE),"onkup-combobox-input":c=>w(c,l,e,b.INPUT),"onkup-combobox-iconclick":c=>w(c,l,e,b.ICON_CLICK)}));case h.DATE:return n("kup-date-picker",Object.assign({initialValue:t.value},t.data,{class:"kup-full-width","onkup-datepicker-change":c=>w(c,l,e,b.UPDATE),"onkup-datepicker-input":c=>w(c,l,e,b.INPUT)}));case h.RATING:return n("kup-rating",Object.assign({},t.data,{disabled:!1,"onkup-rating-click":c=>w(c,l,e,b.UPDATE)}));case h.TIME:return n("kup-time-picker",Object.assign({initialValue:t.value},t.data,{class:"kup-full-width","onkup-timepicker-change":c=>w(c,l,e,b.UPDATE),"onkup-timepicker-input":c=>w(c,l,e,b.INPUT)}));case h.NUMBER:c[f.C_RIGHT_ALIGNED]=!0;case h.STRING:return n(o,Object.assign({},t.data,{icon:t.icon?t.icon:a.icon?a.icon:null,fullWidth:!0,inputType:e===h.NUMBER?"number":null,value:e===h.NUMBER?i(t.value).toString():t.value,onChange:c=>w(c,l,e,b.UPDATE),onInput:c=>w(c,l,e,b.INPUT),onIconClick:c=>w(c,l,e,b.ICON_CLICK)}))}}(y,I,a,u,e):a.data&&x.includes(y)?(e.setSizes&&function(e,c,t){switch(e){case h.BAR:c.sizeY||(c.sizeY="26px");break;case h.BUTTON:let e="";c.label&&(e="36px"),t.style?t.style.height||(t.style.minHeight=e):t.style={minHeight:e};break;case h.CHART:c.sizeX||(c.sizeX="100%"),c.sizeY||(c.sizeY="100%");break;case h.CHIP:case h.RADIO:t.style?t.style.height||(t.style.minHeight="40px"):t.style={minHeight:"40px"}}}(y,C,a),z=e.renderKup?function(e,c,t,a,l,o,u){switch(e){case h.BAR:return t.data?n("div",{style:{height:t.sizeY,width:"100%"}},n(s,Object.assign({},t))):n("kup-image",Object.assign({},t));case h.BUTTON:return p.includes(u.component.rootElement.tagName)&&(c[f.C_CENTERED]=!0),n("kup-button",Object.assign({},t,{"onkup-button-click":c=>w(c,u,e,b.CLICK)}));case h.BUTTON_LIST:return p.includes(u.component.rootElement.tagName)&&(c[f.C_CENTERED]=!0),t["data-storage"]={cell:a,row:l,column:o},n("kup-button-list",Object.assign({},t));case h.CHART:return p.includes(u.component.rootElement.tagName)&&(c[f.C_CENTERED]=!0),n("kup-chart",Object.assign({},t));case h.CHIP:return n(r,Object.assign({},t));case h.COLOR_PICKER:return n("kup-color-picker",Object.assign({},t,{class:"kup-full-width",disabled:!0}));case h.GAUGE:return n("kup-gauge",Object.assign({value:i(a.value),"width-component":"280px"},t));case h.KNOB:case h.PROGRESS_BAR:return n("kup-progress-bar",Object.assign({},t));case h.RADIO:return p.includes(u.component.rootElement.tagName)&&(c[f.C_CENTERED]=!0),t.disabled=l.readOnly,n("kup-radio",Object.assign({},t));case h.RATING:return n("kup-rating",Object.assign({},t,{disabled:!0}))}}(y,I,C,a,d,u,e):n("span",{class:"cell-"+y+" placeholder"})):(e.setSizes&&function(e,t,n,a){switch(e){case h.CHECKBOX:case h.ICON:t.sizeX||(t.sizeX="18px"),t.sizeY||(t.sizeY="18px"),n.style?n.style.height||(n.style.minHeight=t.sizeY):n.style={minHeight:t.sizeY};break;case h.IMAGE:a.component.rootElement.tagName===c.BOX?(t.sizeY||(t.sizeY="auto"),void 0===t.fit&&(t.fit=!0)):t.sizeX||(t.sizeX="auto"),t.sizeY||(t.sizeY="64px")}}(y,C,a,e),z=function(e,c,t,a,r,o,u){switch(e){case h.AUTOCOMPLETE:case h.COMBOBOX:case h.DATE:case h.DATETIME:case h.TIME:if(t&&""!=t){const e=l(o,r);return n("div",{class:"f-cell__text"},e)}return t;case h.CHECKBOX:return p.includes(u.component.rootElement.tagName)&&(a[f.C_CENTERED]=!0),n(s,{resource:c.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case h.EDITOR:return n("div",{innerHTML:r.value});case h.ICON:case h.IMAGE:return p.includes(u.component.rootElement.tagName)&&(a[f.C_CENTERED]=!0),c.badgeData&&(a[f.C_PADDED]=!0),n(s,Object.assign({},c));case h.LINK:return n("a",{href:t,target:"_blank"},r.value);case h.NUMBER:if(t&&""!=t){const e=i(r.value),c=l(o,r);return e<0&&(a[f.TEXT_DANGER]=!0),p.includes(u.component.rootElement.tagName)&&(a[f.C_RIGHT_ALIGNED]=!0),n("div",{class:"f-cell__text"},c)}return n("div",{class:"f-cell__text"},t);default:return n("div",{class:"f-cell__text"},t)}}(y,C,z,I,a,u,e));let F=null;!O&&(u.icon||a.icon)&&z&&(F=n(s,Object.assign({},{color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:a.icon?a.icon:u.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let T=null;_.ketchup.debug.isDebug()&&j?T=a.obj.t+"; "+a.obj.p+"; "+a.obj.k+";":null!=a.title&&""!=a.title.trim()&&(T=a.title);let H=null;if(a.info){const e=Object.assign({},a.info);e.color||(e.color=`var(${t.INFO})`),e.icon||(e.icon="info"),H=n(s,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return n("div",{class:I,style:a.style},n("div",{class:"f-cell__content",style:a.styleContent,title:T},e.indents,H,F,z))};function w(e,c,t,n){const a=c.cell,i=c.column,s=c.component,r=c.row;let o="INPUT"===e.target.tagName?e.target.value:e.detail.value;if(n===b.UPDATE){switch(t){case h.AUTOCOMPLETE:case h.COMBOBOX:case h.DATE:case h.TIME:a.data&&(a.data.initialValue=o);break;case h.CHECKBOX:o="on"===o?"0":"1",a.data&&(a.data.checked="0"!==o)}a.obj&&(a.obj.k=o.toString()),a.value=o.toString(),a.displayedValue=null,a.displayedValue=l(i,a)}if(s&&s.rootElement){const c=new CustomEvent(n,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:s,id:s.rootElement.id,cell:a,column:i,event:e,row:r,type:t}});s.rootElement.dispatchEvent(c);try{s.refresh()}catch(e){}}}export{o as F,j as a,v as b,k as c}
@@ -1 +0,0 @@
1
- import{r as t,c as i,f as s,h as e,H as o,g as l}from"./p-ed0b8666.js";import{k as a,j as h}from"./p-b0d1bdd8.js";import{c as n}from"./p-97e8ea42.js";var u;!function(t){t.customStyle="Custom style of the component.",t.data="Effective data to pass to the component.",t.label="The text of the label. If set to empty or has only white space chars, the label will be removed.",t.labelPos="Sets the label's position, left right or top.",t.showSubmit="Sets whether the submit button must be displayed or not.",t.submitLabel="Sets the submit button's label.",t.submitPos="Sets the submit button's position, top right bottom or left.",t.type="The type of the FLD"}(u||(u={}));let r=class{constructor(s){t(this,s),this.kupChange=i(this,"kup-field-change",6),this.kupSubmit=i(this,"kup-field-submit",6),this.customStyle="",this.data={},this.label="",this.labelPos="left",this.showSubmit=!1,this.submitLabel="",this.submitPos="right",this.type=void 0,this.kupManager=a(),this.currentValue=null,this.previousValue=null,this.onChangeInstance=this.onChange.bind(this),this.onSubmitInstance=this.onSubmit.bind(this)}onChange(t){const{value:i,info:s}=t.detail;this.kupChange.emit({originalEvent:t,oldValue:this.currentValue,value:i,info:s}),this.previousValue=this.currentValue,this.currentValue=i}onSubmit(t){this.kupSubmit.emit({originalEvent:t,oldValue:this.previousValue,value:this.currentValue,info:{obj:t.detail.info&&t.detail.info.obj?t.detail.info.obj:void 0}})}async getCurrentValue(){return this.currentValue}async getProps(t){let i={};if(t)i=u;else for(const t in u)Object.prototype.hasOwnProperty.call(u,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t=[],i=null,s=null,l="",a=Object.assign({},this.data);this.label.trim().length&&(l+=" label-"+this.labelPos,i=e("label",{class:"kup-field__label kup-field--"+this.labelPos},this.label)),this.showSubmit&&(l+=" submit-"+this.submitPos,s=e("kup-button",{class:"kup-field__submit",label:this.submitLabel,"onkup-button-click":this.onSubmitInstance}));const u="top"===this.labelPos,r="left"===this.labelPos,b="right"===this.labelPos,p="top"===this.submitPos,c="left"===this.submitPos,m="right"===this.submitPos,d="bottom"===this.submitPos;let f;if((u||p)&&t.push(e("div",{class:"kup-field__top-container"},u&&i?i:null,p&&s?s:null)),r&&i&&t.push(i),c&&s&&t.push(s),void 0===this.type)this.kupManager.debug.logMessage(this,"Type (state) is undefined!",h.WARNING);else switch(this.type.toLowerCase()){case"cmb":f="kup-combobox",a.onKupComboboxChange=this.onChangeInstance;break;case"itx":f="kup-text-field",a.onkupTextFieldChange=this.onChangeInstance;break;case"rad":f="kup-radio",a.onkupRadioChange=this.onChangeInstance}return t.push(e(f,Object.assign({class:"kup-field__component"},a))),b&&i&&t.push(i),(m||d)&&s&&t.push(s),e(o,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:n,class:l},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return l(this)}};r.style=":host{display:block;font-size:var(--kup-font-size)}label{color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:1em}.kup-field__component{display:inline-block}.label-top.submit-top label{float:left;margin:auto auto 1em auto}.label-top.submit-top kup-button{float:right;margin:auto auto 1em auto}.label-right label{display:inline-block;margin:auto auto auto 1em}.submit-right kup-button{display:inline-block;margin:auto auto auto 1em}.label-left label{display:inline-block;margin:auto 1em auto auto}.submit-left kup-button{display:inline-block;margin:auto 1em auto auto}.submit-bottom kup-button{display:block;margin:1em auto auto auto}";export{r as kup_field}
@@ -1 +0,0 @@
1
- import{r,c as a,f as o,h as t,H as n,g as i}from"./p-ed0b8666.js";import{k as s}from"./p-b0d1bdd8.js";import{g as p,s as b}from"./p-78aa6f1b.js";import{c as e}from"./p-97e8ea42.js";var v,l;!function(r){r.customStyle="Custom style of the component.",r.image="Image displayed by the nav bar, uses the kup-image component's props.",r.label="Text displayed by the nav bar.",r.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",r.styling="Defines the style of the nav bar"}(v||(v={})),function(r){r.SHORT="short",r.STANDARD="standard"}(l||(l={}));let u=class{constructor(o){r(this,o),this.kupNavbarReady=a(this,"kup-navbar-ready",6),this.kupNavbarResize=a(this,"kup-navbar-resize",6),this.customStyle="",this.styling=l.STANDARD,this.kupManager=s()}async getProps(r){return p(this,v,r)}async refresh(){o(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(r){b(this,v,r)}content(){const r=Array.prototype.slice.call(this.rootElement.children,0),a=[],o=[];for(let n=0;n<r.length;n++)"left"===r[n].slot?a.push(t("slot",{name:"left"})):o.push(t("slot",{name:"right"}));return[t("section",{class:"nav-bar__section nav-bar__section--align-start"},a),t("section",{class:"nav-bar__section nav-bar__section--align-end",role:"toolbar"},o)]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return t(n,{class:"header"},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:e},t("header",{class:`nav-bar nav-bar--${this.styling.toLowerCase()} `},t("div",{class:"nav-bar__row"},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};u.style=":host{--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_padding:var(--kup-navbar-padding, 8px 12px);--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup-navbar-background-color);box-shadow:var(--kup_navbar_box_shadow);box-sizing:border-box;color:var(--kup-navbar-color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}::slotted(*){--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);--kup-switch-label-color:var(--kup-navbar-color);--kup-switch-primary-color:var(--kup-navbar-color);--kup-switch-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-color:var(--kup-navbar-color);--kup-textfield-color-rgb:var(--kup-navbar-color-rgb);--kup-textfield-primary-color:var(--kup-navbar-color);--kup-textfield-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-tree-color:var(--kup-navbar-color);--kup-tree-color-rgb:var(--kup-navbar-color-rgb);color:var(--kup-navbar-color);fill:var(--kup-navbar-color);margin:0}";export{u as kup_nav_bar}