@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
@@ -0,0 +1,121 @@
1
+ import { EventEmitter, VNode } from '../../stencil-public-runtime';
2
+ import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
3
+ import { KupNumericPickerEventPayload } from './kup-numeric-picker-declarations';
4
+ export declare class KupNumericPicker {
5
+ rootElement: HTMLElement;
6
+ stateSwitcher: boolean;
7
+ value: string;
8
+ /**
9
+ * Custom style of the component.
10
+ * @default ""
11
+ * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
12
+ */
13
+ customStyle: string;
14
+ /**
15
+ * Props of the sub-components.
16
+ * @default null
17
+ */
18
+ data: Object;
19
+ /**
20
+ * Defaults at false. When set to true, the component has decimals.
21
+ * @default false
22
+ */
23
+ decimals: boolean;
24
+ /**
25
+ * Defaults at false. When set to true, the component is disabled.
26
+ * @default false
27
+ */
28
+ disabled: boolean;
29
+ /**
30
+ * Sets the initial value of the component
31
+ * @default ""
32
+ */
33
+ initialValue: string;
34
+ /**
35
+ * when set, the component allows you to enter decimals with a maximum of characters.
36
+ * @default null
37
+ */
38
+ maxDecimals: number;
39
+ /**
40
+ * When set, the component allows you to enter integer numbers with a maximum of characters.
41
+ * @default null
42
+ */
43
+ maxIntegers: number;
44
+ /**
45
+ * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
46
+ * @default null
47
+ */
48
+ maxLength: number;
49
+ /**
50
+ * Defaults at false. When set to true, the component has negative number.
51
+ * @default false
52
+ */
53
+ negative: boolean;
54
+ /**
55
+ * Instance of the KupManager class.
56
+ */
57
+ private kupManager;
58
+ private textfieldEl;
59
+ private pickerContainerEl;
60
+ private pickerEl;
61
+ private clickCb;
62
+ kupBlur: EventEmitter<KupNumericPickerEventPayload>;
63
+ kupChange: EventEmitter<KupNumericPickerEventPayload>;
64
+ kupClick: EventEmitter<KupNumericPickerEventPayload>;
65
+ kupFocus: EventEmitter<KupNumericPickerEventPayload>;
66
+ kupInput: EventEmitter<KupNumericPickerEventPayload>;
67
+ kupIconClick: EventEmitter<KupNumericPickerEventPayload>;
68
+ kupItemClick: EventEmitter<KupNumericPickerEventPayload>;
69
+ kupTextFieldSubmit: EventEmitter<KupNumericPickerEventPayload>;
70
+ kupClearIconClick: EventEmitter<KupEventPayload>;
71
+ onKupPickerItemClick(value: string): void;
72
+ onKupClearIconClick(): void;
73
+ onKupBlur(): void;
74
+ onKupChange(e: InputEvent): void;
75
+ onKupClick(): void;
76
+ onKupFocus(): void;
77
+ onKupInput(e: InputEvent): void;
78
+ onkupTextFieldSubmit(e: KeyboardEvent): void;
79
+ onKupIconClick(): void;
80
+ listenKeyup(e: KeyboardEvent): void;
81
+ /**
82
+ * Retrieves the component's value.
83
+ * @returns {string} Value of the component.
84
+ */
85
+ getValue(): Promise<string>;
86
+ /**
87
+ * Used to retrieve component's props values.
88
+ * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
89
+ * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
90
+ */
91
+ getProps(descriptions?: boolean): Promise<GenericObject>;
92
+ /**
93
+ * This method is used to trigger a new render of the component.
94
+ */
95
+ refresh(): Promise<void>;
96
+ /**
97
+ * Sets the focus to the component.
98
+ */
99
+ setFocus(): Promise<void>;
100
+ /**
101
+ * Sets the component's value.
102
+ * @param {string} value - Value to be set.
103
+ */
104
+ setValue(value: string): Promise<void>;
105
+ refreshPickerValue(eventDetailValue: string, eventToRaise: EventEmitter, isOnInputEvent?: boolean): void;
106
+ setPickerValueSelected(newValue?: string): void;
107
+ getPickerValueSelected(): string;
108
+ getValueForPickerComponent(): string;
109
+ openPicker(): void;
110
+ closePicker(): void;
111
+ isPickerOpened(): boolean;
112
+ getTextFieldId(): string;
113
+ prepTextfield(): VNode;
114
+ prepPicker(): any;
115
+ componentWillLoad(): void;
116
+ componentDidLoad(): void;
117
+ componentWillRender(): void;
118
+ componentDidRender(): void;
119
+ render(): any;
120
+ disconnectedCallback(): void;
121
+ }
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Props of the kup-photo-frame component.
3
+ * Used to export every prop in an object.
4
+ */
5
+ export declare enum KupPhotoFrameProps {
6
+ customStyle = "Custom style of the component.",
7
+ placeholderAttrs = "Html attributes of the picture before the component enters the viewport.",
8
+ resourceAttrs = "Html attributes of the picture after the component enters the viewport."
9
+ }
@@ -0,0 +1,61 @@
1
+ import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
3
+ export declare class KupPhotoFrame {
4
+ #private;
5
+ /**
6
+ * References the root HTML element of the component (<kup-photo-frame>).
7
+ */
8
+ rootElement: HTMLElement;
9
+ isInViewport: boolean;
10
+ /**
11
+ * Custom style of the component.
12
+ * @default ""
13
+ * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
14
+ */
15
+ customStyle: string;
16
+ /**
17
+ * Html attributes of the picture before the component enters the viewport.
18
+ * @default {}
19
+ */
20
+ placeholderAttrs: GenericObject;
21
+ /**
22
+ * Html attributes of the picture after the component enters the viewport.
23
+ * @default {}
24
+ */
25
+ resourceAttrs: GenericObject;
26
+ /**
27
+ * Percentage of the component dimensions entering the viewport (0.1 => 1).
28
+ * @default 0.25
29
+ */
30
+ threshold: number;
31
+ /**
32
+ * Triggered when the placeholder is loaded.
33
+ */
34
+ kupPhotoFramePlaceholderLoad: EventEmitter<KupEventPayload>;
35
+ /**
36
+ * Triggered when the resource is loaded.
37
+ */
38
+ kupPhotoFrameResourceLoad: EventEmitter<KupEventPayload>;
39
+ /**
40
+ * Used to retrieve component's props values.
41
+ * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
42
+ * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
43
+ */
44
+ getProps(descriptions?: boolean): Promise<GenericObject>;
45
+ /**
46
+ * This method is used to trigger a new render of the component.
47
+ */
48
+ refresh(): Promise<void>;
49
+ /**
50
+ * Sets the props to the component.
51
+ * @param {GenericObject} props - Object containing props that will be set to the component.
52
+ */
53
+ setProps(props: GenericObject): Promise<void>;
54
+ setObserver(): void;
55
+ componentWillLoad(): void;
56
+ componentDidLoad(): void;
57
+ componentWillRender(): void;
58
+ componentDidRender(): void;
59
+ render(): any;
60
+ disconnectedCallback(): void;
61
+ }
@@ -7,7 +7,7 @@
7
7
  import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
8
  import { KupAccordionData, KupAccordionItemSelectedEventPayload } from "./components/kup-accordion/kup-accordion-declarations";
9
9
  import { GenericObject, KupEventPayload } from "./types/GenericTypes";
10
- import { ItemsDisplayMode, KupListData, KupListEventPayload, KupListRole } from "./components/kup-list/kup-list-declarations";
10
+ import { ItemsDisplayMode, KupListEventPayload, KupListNode, KupListRole } from "./components/kup-list/kup-list-declarations";
11
11
  import { KupAutocompleteEventPayload, KupAutocompleteIconClickEventPayload } from "./components/kup-autocomplete/kup-autocomplete-declarations";
12
12
  import { KupBoxAutoSelectEventPayload, KupBoxClickEventPayload, KupBoxContextMenuEventPayload, KupBoxData, KupBoxKanban, KupBoxLayout, KupBoxRow, KupBoxRowActionClickEventPayload, KupBoxSelectedEventPayload } from "./components/kup-box/kup-box-declarations";
13
13
  import { KupStore } from "./components/kup-state/kup-store";
@@ -24,7 +24,7 @@ import { KupChipEventPayload, KupChipNode } from "./components/kup-chip/kup-chip
24
24
  import { FChipType } from "./f-components/f-chip/f-chip-declarations";
25
25
  import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
26
26
  import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
27
- import { GroupLabelDisplayMode, GroupObject, KupDatatableAutoRowSelectEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
27
+ import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
28
28
  import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
29
29
  import { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
30
30
  import { KupDropdownButtonEventPayload } from "./components/kup-dropdown-button/kup-dropdown-button-declarations";
@@ -37,6 +37,7 @@ import { FImageData } from "./f-components/f-image/f-image-declarations";
37
37
  import { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
38
38
  import { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
39
39
  import { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
40
+ import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
40
41
  import { KupQlikGrid, QlikServer } from "./components/kup-qlik/kup-qlik-declarations";
41
42
  import { KupRadioChangeEventPayload, KupRadioData } from "./components/kup-radio/kup-radio-declarations";
42
43
  import { KupRatingClickEventPayload } from "./components/kup-rating/kup-rating-declarations";
@@ -1102,6 +1103,10 @@ export namespace Components {
1102
1103
  * @returns List of props as object, each key will be a prop.
1103
1104
  */
1104
1105
  "getProps": (descriptions?: boolean) => Promise<GenericObject>;
1106
+ /**
1107
+ * This method will get the selected rows of the component.
1108
+ */
1109
+ "getSelectedRows": () => Promise<Array<KupDataTableRow>>;
1105
1110
  /**
1106
1111
  * When set to true it activates the global filter.
1107
1112
  */
@@ -1204,14 +1209,6 @@ export namespace Components {
1204
1209
  * Activates the scroll on hover function.
1205
1210
  */
1206
1211
  "scrollOnHover": boolean;
1207
- /**
1208
- * Selects the row at the specified rendered rows prosition (base 1).
1209
- */
1210
- "selectRow": number;
1211
- /**
1212
- * Semicolon separated rows id to select.
1213
- */
1214
- "selectRowsById": string;
1215
1212
  /**
1216
1213
  * Set the type of the rows selection.
1217
1214
  */
@@ -1229,10 +1226,10 @@ export namespace Components {
1229
1226
  "setProps": (props: GenericObject) => Promise<void>;
1230
1227
  /**
1231
1228
  * This method will set the selected rows of the component.
1232
- * @param rowsById - String containing the ids separated by ";".
1229
+ * @param rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows).
1233
1230
  * @param emitEvent - The event will always be emitted unless emitEvent is set to false.
1234
1231
  */
1235
- "setSelectedRows": (rowsById: string, emitEvent?: boolean) => Promise<void>;
1232
+ "setSelectedRows": (rowsIdentifiers: string[] | number[], emitEvent?: boolean) => Promise<void>;
1236
1233
  /**
1237
1234
  * If set to true, displays the button to open the customization panel.
1238
1235
  */
@@ -1493,6 +1490,16 @@ export namespace Components {
1493
1490
  * @default null
1494
1491
  */
1495
1492
  "chartTitle": KupEchartTitle;
1493
+ /**
1494
+ * Overrides theme's colors.
1495
+ * @default []
1496
+ */
1497
+ "colors": string[];
1498
+ /**
1499
+ * When true, performs checks in order to properly initialize props which could be missing (i.e.: axis). For performances purposes, this prop will run only once when the component is initially created.
1500
+ * @default false
1501
+ */
1502
+ "consistencyCheck": boolean;
1496
1503
  /**
1497
1504
  * Custom style of the component.
1498
1505
  * @default ""
@@ -1511,7 +1518,7 @@ export namespace Components {
1511
1518
  */
1512
1519
  "getProps": (descriptions?: boolean) => Promise<GenericObject>;
1513
1520
  /**
1514
- * Sets the position of the legend. Supported values: bottom, left, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work.
1521
+ * Sets the position of the legend. Supported values: bottom, left, right, top, hidden. Keep in mind that legend types are tied to chart types, some combinations might not work.
1515
1522
  * @default KupEchartLegendPlacement.RIGHT
1516
1523
  */
1517
1524
  "legend": KupEchartLegendPlacement;
@@ -1906,7 +1913,7 @@ export namespace Components {
1906
1913
  * The data of the list.
1907
1914
  * @default []
1908
1915
  */
1909
- "data": KupListData[];
1916
+ "data": KupListNode[];
1910
1917
  /**
1911
1918
  * Selects how the items must display their label and how they can be filtered for.
1912
1919
  * @default ItemsDisplayMode.DESCRIPTION
@@ -2046,6 +2053,116 @@ export namespace Components {
2046
2053
  */
2047
2054
  "styling": KupNavBarStyling;
2048
2055
  }
2056
+ interface KupNumericPicker {
2057
+ /**
2058
+ * Custom style of the component.
2059
+ * @default ""
2060
+ * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
2061
+ */
2062
+ "customStyle": string;
2063
+ /**
2064
+ * Props of the sub-components.
2065
+ * @default null
2066
+ */
2067
+ "data": Object;
2068
+ /**
2069
+ * Defaults at false. When set to true, the component has decimals.
2070
+ * @default false
2071
+ */
2072
+ "decimals": boolean;
2073
+ /**
2074
+ * Defaults at false. When set to true, the component is disabled.
2075
+ * @default false
2076
+ */
2077
+ "disabled": boolean;
2078
+ /**
2079
+ * Used to retrieve component's props values.
2080
+ * @param descriptions - When provided and true, the result will be the list of props with their description.
2081
+ * @returns List of props as object, each key will be a prop.
2082
+ */
2083
+ "getProps": (descriptions?: boolean) => Promise<GenericObject>;
2084
+ /**
2085
+ * Retrieves the component's value.
2086
+ * @returns Value of the component.
2087
+ */
2088
+ "getValue": () => Promise<string>;
2089
+ /**
2090
+ * Sets the initial value of the component
2091
+ * @default ""
2092
+ */
2093
+ "initialValue": string;
2094
+ /**
2095
+ * when set, the component allows you to enter decimals with a maximum of characters.
2096
+ * @default null
2097
+ */
2098
+ "maxDecimals": number;
2099
+ /**
2100
+ * When set, the component allows you to enter integer numbers with a maximum of characters.
2101
+ * @default null
2102
+ */
2103
+ "maxIntegers": number;
2104
+ /**
2105
+ * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
2106
+ * @default null
2107
+ */
2108
+ "maxLength": number;
2109
+ /**
2110
+ * Defaults at false. When set to true, the component has negative number.
2111
+ * @default false
2112
+ */
2113
+ "negative": boolean;
2114
+ /**
2115
+ * This method is used to trigger a new render of the component.
2116
+ */
2117
+ "refresh": () => Promise<void>;
2118
+ /**
2119
+ * Sets the focus to the component.
2120
+ */
2121
+ "setFocus": () => Promise<void>;
2122
+ /**
2123
+ * Sets the component's value.
2124
+ * @param value - Value to be set.
2125
+ */
2126
+ "setValue": (value: string) => Promise<void>;
2127
+ }
2128
+ interface KupPhotoFrame {
2129
+ /**
2130
+ * Custom style of the component.
2131
+ * @default ""
2132
+ * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
2133
+ */
2134
+ "customStyle": string;
2135
+ /**
2136
+ * Used to retrieve component's props values.
2137
+ * @param descriptions - When provided and true, the result will be the list of props with their description.
2138
+ * @returns List of props as object, each key will be a prop.
2139
+ */
2140
+ "getProps": (descriptions?: boolean) => Promise<GenericObject>;
2141
+ /**
2142
+ * Html attributes of the picture before the component enters the viewport.
2143
+ * @default {}
2144
+ */
2145
+ "placeholderAttrs": GenericObject;
2146
+ /**
2147
+ * This method is used to trigger a new render of the component.
2148
+ */
2149
+ "refresh": () => Promise<void>;
2150
+ /**
2151
+ * Html attributes of the picture after the component enters the viewport.
2152
+ * @default {}
2153
+ */
2154
+ "resourceAttrs": GenericObject;
2155
+ /**
2156
+ * Sets the props to the component.
2157
+ * @param props - Object containing props that will be set to the component.
2158
+ */
2159
+ "setProps": (props: GenericObject) => Promise<void>;
2160
+ /**
2161
+ * Percentage of the component dimensions entering the viewport (0.1 => 1).
2162
+ * @default 0.25
2163
+ */
2164
+ "threshold": number;
2165
+ }
2049
2166
  interface KupProbe {
2050
2167
  /**
2051
2168
  * Custom style of the component.
@@ -3063,6 +3180,18 @@ declare global {
3063
3180
  prototype: HTMLKupNavBarElement;
3064
3181
  new (): HTMLKupNavBarElement;
3065
3182
  };
3183
+ interface HTMLKupNumericPickerElement extends Components.KupNumericPicker, HTMLStencilElement {
3184
+ }
3185
+ var HTMLKupNumericPickerElement: {
3186
+ prototype: HTMLKupNumericPickerElement;
3187
+ new (): HTMLKupNumericPickerElement;
3188
+ };
3189
+ interface HTMLKupPhotoFrameElement extends Components.KupPhotoFrame, HTMLStencilElement {
3190
+ }
3191
+ var HTMLKupPhotoFrameElement: {
3192
+ prototype: HTMLKupPhotoFrameElement;
3193
+ new (): HTMLKupPhotoFrameElement;
3194
+ };
3066
3195
  interface HTMLKupProbeElement extends Components.KupProbe, HTMLStencilElement {
3067
3196
  }
3068
3197
  var HTMLKupProbeElement: {
@@ -3172,6 +3301,8 @@ declare global {
3172
3301
  "kup-list": HTMLKupListElement;
3173
3302
  "kup-magic-box": HTMLKupMagicBoxElement;
3174
3303
  "kup-nav-bar": HTMLKupNavBarElement;
3304
+ "kup-numeric-picker": HTMLKupNumericPickerElement;
3305
+ "kup-photo-frame": HTMLKupPhotoFrameElement;
3175
3306
  "kup-probe": HTMLKupProbeElement;
3176
3307
  "kup-progress-bar": HTMLKupProgressBarElement;
3177
3308
  "kup-qlik": HTMLKupQlikElement;
@@ -4116,10 +4247,6 @@ declare namespace LocalJSX {
4116
4247
  * @see loadMoreLimit
4117
4248
  */
4118
4249
  "loadMoreStep"?: number;
4119
- /**
4120
- * When a row is auto selected via selectRow prop
4121
- */
4122
- "onKup-datatable-autorowselect"?: (event: CustomEvent<KupDatatableAutoRowSelectEventPayload>) => void;
4123
4250
  /**
4124
4251
  * Generic click event on data table.
4125
4252
  */
@@ -4193,14 +4320,6 @@ declare namespace LocalJSX {
4193
4320
  * Activates the scroll on hover function.
4194
4321
  */
4195
4322
  "scrollOnHover"?: boolean;
4196
- /**
4197
- * Selects the row at the specified rendered rows prosition (base 1).
4198
- */
4199
- "selectRow"?: number;
4200
- /**
4201
- * Semicolon separated rows id to select.
4202
- */
4203
- "selectRowsById"?: string;
4204
4323
  /**
4205
4324
  * Set the type of the rows selection.
4206
4325
  */
@@ -4427,6 +4546,16 @@ declare namespace LocalJSX {
4427
4546
  * @default null
4428
4547
  */
4429
4548
  "chartTitle"?: KupEchartTitle;
4549
+ /**
4550
+ * Overrides theme's colors.
4551
+ * @default []
4552
+ */
4553
+ "colors"?: string[];
4554
+ /**
4555
+ * When true, performs checks in order to properly initialize props which could be missing (i.e.: axis). For performances purposes, this prop will run only once when the component is initially created.
4556
+ * @default false
4557
+ */
4558
+ "consistencyCheck"?: boolean;
4430
4559
  /**
4431
4560
  * Custom style of the component.
4432
4561
  * @default ""
@@ -4439,7 +4568,7 @@ declare namespace LocalJSX {
4439
4568
  */
4440
4569
  "data"?: KupDataDataset;
4441
4570
  /**
4442
- * Sets the position of the legend. Supported values: bottom, left, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work.
4571
+ * Sets the position of the legend. Supported values: bottom, left, right, top, hidden. Keep in mind that legend types are tied to chart types, some combinations might not work.
4443
4572
  * @default KupEchartLegendPlacement.RIGHT
4444
4573
  */
4445
4574
  "legend"?: KupEchartLegendPlacement;
@@ -4741,7 +4870,7 @@ declare namespace LocalJSX {
4741
4870
  * The data of the list.
4742
4871
  * @default []
4743
4872
  */
4744
- "data"?: KupListData[];
4873
+ "data"?: KupListNode[];
4745
4874
  /**
4746
4875
  * Selects how the items must display their label and how they can be filtered for.
4747
4876
  * @default ItemsDisplayMode.DESCRIPTION
@@ -4830,6 +4959,94 @@ declare namespace LocalJSX {
4830
4959
  */
4831
4960
  "styling"?: KupNavBarStyling;
4832
4961
  }
4962
+ interface KupNumericPicker {
4963
+ /**
4964
+ * Custom style of the component.
4965
+ * @default ""
4966
+ * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
4967
+ */
4968
+ "customStyle"?: string;
4969
+ /**
4970
+ * Props of the sub-components.
4971
+ * @default null
4972
+ */
4973
+ "data"?: Object;
4974
+ /**
4975
+ * Defaults at false. When set to true, the component has decimals.
4976
+ * @default false
4977
+ */
4978
+ "decimals"?: boolean;
4979
+ /**
4980
+ * Defaults at false. When set to true, the component is disabled.
4981
+ * @default false
4982
+ */
4983
+ "disabled"?: boolean;
4984
+ /**
4985
+ * Sets the initial value of the component
4986
+ * @default ""
4987
+ */
4988
+ "initialValue"?: string;
4989
+ /**
4990
+ * when set, the component allows you to enter decimals with a maximum of characters.
4991
+ * @default null
4992
+ */
4993
+ "maxDecimals"?: number;
4994
+ /**
4995
+ * When set, the component allows you to enter integer numbers with a maximum of characters.
4996
+ * @default null
4997
+ */
4998
+ "maxIntegers"?: number;
4999
+ /**
5000
+ * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
5001
+ * @default null
5002
+ */
5003
+ "maxLength"?: number;
5004
+ /**
5005
+ * Defaults at false. When set to true, the component has negative number.
5006
+ * @default false
5007
+ */
5008
+ "negative"?: boolean;
5009
+ "onKup-numericpicker-blur"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
5010
+ "onKup-numericpicker-change"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
5011
+ "onKup-numericpicker-cleariconclick"?: (event: CustomEvent<KupEventPayload>) => void;
5012
+ "onKup-numericpicker-click"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
5013
+ "onKup-numericpicker-focus"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
5014
+ "onKup-numericpicker-iconclick"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
5015
+ "onKup-numericpicker-input"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
5016
+ "onKup-numericpicker-itemclick"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
5017
+ "onKup-numericpicker-textfieldsubmit"?: (event: CustomEvent<KupNumericPickerEventPayload>) => void;
5018
+ }
5019
+ interface KupPhotoFrame {
5020
+ /**
5021
+ * Custom style of the component.
5022
+ * @default ""
5023
+ * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
5024
+ */
5025
+ "customStyle"?: string;
5026
+ /**
5027
+ * Triggered when the placeholder is loaded.
5028
+ */
5029
+ "onKup-photoframe-placeholderload"?: (event: CustomEvent<KupEventPayload>) => void;
5030
+ /**
5031
+ * Triggered when the resource is loaded.
5032
+ */
5033
+ "onKup-photoframe-resourceload"?: (event: CustomEvent<KupEventPayload>) => void;
5034
+ /**
5035
+ * Html attributes of the picture before the component enters the viewport.
5036
+ * @default {}
5037
+ */
5038
+ "placeholderAttrs"?: GenericObject;
5039
+ /**
5040
+ * Html attributes of the picture after the component enters the viewport.
5041
+ * @default {}
5042
+ */
5043
+ "resourceAttrs"?: GenericObject;
5044
+ /**
5045
+ * Percentage of the component dimensions entering the viewport (0.1 => 1).
5046
+ * @default 0.25
5047
+ */
5048
+ "threshold"?: number;
5049
+ }
4833
5050
  interface KupProbe {
4834
5051
  /**
4835
5052
  * Custom style of the component.
@@ -5601,6 +5818,8 @@ declare namespace LocalJSX {
5601
5818
  "kup-list": KupList;
5602
5819
  "kup-magic-box": KupMagicBox;
5603
5820
  "kup-nav-bar": KupNavBar;
5821
+ "kup-numeric-picker": KupNumericPicker;
5822
+ "kup-photo-frame": KupPhotoFrame;
5604
5823
  "kup-probe": KupProbe;
5605
5824
  "kup-progress-bar": KupProgressBar;
5606
5825
  "kup-qlik": KupQlik;
@@ -5650,6 +5869,8 @@ declare module "@stencil/core" {
5650
5869
  "kup-list": LocalJSX.KupList & JSXBase.HTMLAttributes<HTMLKupListElement>;
5651
5870
  "kup-magic-box": LocalJSX.KupMagicBox & JSXBase.HTMLAttributes<HTMLKupMagicBoxElement>;
5652
5871
  "kup-nav-bar": LocalJSX.KupNavBar & JSXBase.HTMLAttributes<HTMLKupNavBarElement>;
5872
+ "kup-numeric-picker": LocalJSX.KupNumericPicker & JSXBase.HTMLAttributes<HTMLKupNumericPickerElement>;
5873
+ "kup-photo-frame": LocalJSX.KupPhotoFrame & JSXBase.HTMLAttributes<HTMLKupPhotoFrameElement>;
5653
5874
  "kup-probe": LocalJSX.KupProbe & JSXBase.HTMLAttributes<HTMLKupProbeElement>;
5654
5875
  "kup-progress-bar": LocalJSX.KupProgressBar & JSXBase.HTMLAttributes<HTMLKupProgressBarElement>;
5655
5876
  "kup-qlik": LocalJSX.KupQlik & JSXBase.HTMLAttributes<HTMLKupQlikElement>;
@@ -20,7 +20,15 @@ export declare function hideColumns(dataset: KupDataDataset | KupDataColumn[], c
20
20
  * @param {KupDataNewColumnOptions} options - Options used by the submethods to create the column.
21
21
  * @returns {string | Column} Returns the new column created or a string containing the error message (if something went wrong).
22
22
  */
23
- export declare function newColumn(dataset: KupDataDataset, type: KupDataNewColumnTypes, options?: KupDataNewColumnOptions): string | KupDataColumn;
23
+ export declare function newColumn(dataset: KupDataDataset, type: KupDataNewColumnTypes, options: KupDataNewColumnOptions): string | KupDataColumn;
24
+ /**
25
+ * Creates a duplicate of the specified column.
26
+ * @param {KupDataDataset} dataset - Input dataset.
27
+ * @param {string[]} column2duplicate - Name of the column to duplicate (the first occurrence of the array will be used).
28
+ * @param {KupDataColumn} newColumn - Column created.
29
+ * @returns {KupDataColumn} Resulting column.
30
+ */
31
+ export declare function newColumnFromDuplication(dataset: KupDataDataset, column2duplicate: string[], newColumn: KupDataColumn): KupDataColumn;
24
32
  /**
25
33
  * Takes the columns to merge and creates a new column with their cells. The merged columns will then be removed.
26
34
  * @param {KupDataDataset} dataset - Input dataset.