@ui5/webcomponents 2.6.0-rc.4 → 2.6.0

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 (636) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +10 -4
  3. package/cypress/specs/F6.cy.ts +134 -0
  4. package/cypress/specs/List.cy.ts +1 -0
  5. package/cypress/specs/Table.cy.ts +606 -0
  6. package/cypress/specs/Toast.cy.ts +1 -0
  7. package/dist/.tsbuildinfo +1 -1
  8. package/dist/Avatar.d.ts +1 -1
  9. package/dist/Avatar.js +0 -2
  10. package/dist/Avatar.js.map +1 -1
  11. package/dist/AvatarGroup.d.ts +1 -1
  12. package/dist/AvatarGroup.js +0 -2
  13. package/dist/AvatarGroup.js.map +1 -1
  14. package/dist/Breadcrumbs.d.ts +5 -4
  15. package/dist/Breadcrumbs.js +1 -18
  16. package/dist/Breadcrumbs.js.map +1 -1
  17. package/dist/BusyIndicator.js +0 -2
  18. package/dist/BusyIndicator.js.map +1 -1
  19. package/dist/Button.js +0 -2
  20. package/dist/Button.js.map +1 -1
  21. package/dist/Calendar.d.ts +3 -2
  22. package/dist/Calendar.js +1 -16
  23. package/dist/Calendar.js.map +1 -1
  24. package/dist/CalendarLegend.d.ts +2 -1
  25. package/dist/CalendarLegend.js +1 -2
  26. package/dist/CalendarLegend.js.map +1 -1
  27. package/dist/Card.js +0 -3
  28. package/dist/Card.js.map +1 -1
  29. package/dist/Carousel.js +0 -6
  30. package/dist/Carousel.js.map +1 -1
  31. package/dist/CheckBox.js +0 -6
  32. package/dist/CheckBox.js.map +1 -1
  33. package/dist/ColorPalette.d.ts +2 -2
  34. package/dist/ColorPalette.js +1 -7
  35. package/dist/ColorPalette.js.map +1 -1
  36. package/dist/ColorPalettePopover.d.ts +2 -2
  37. package/dist/ColorPalettePopover.js +0 -10
  38. package/dist/ColorPalettePopover.js.map +1 -1
  39. package/dist/ColorPaletteTemplate.js +1 -2
  40. package/dist/ColorPaletteTemplate.js.map +1 -1
  41. package/dist/ColorPicker.js +0 -8
  42. package/dist/ColorPicker.js.map +1 -1
  43. package/dist/ComboBox.d.ts +6 -4
  44. package/dist/ComboBox.js +5 -28
  45. package/dist/ComboBox.js.map +1 -1
  46. package/dist/DatePicker.d.ts +3 -3
  47. package/dist/DatePicker.js +0 -14
  48. package/dist/DatePicker.js.map +1 -1
  49. package/dist/DateRangePicker.js +0 -2
  50. package/dist/DateRangePicker.js.map +1 -1
  51. package/dist/DateTimePicker.js +0 -15
  52. package/dist/DateTimePicker.js.map +1 -1
  53. package/dist/Dialog.js +0 -5
  54. package/dist/Dialog.js.map +1 -1
  55. package/dist/DropIndicator.js +0 -1
  56. package/dist/DropIndicator.js.map +1 -1
  57. package/dist/ExpandableText.d.ts +2 -2
  58. package/dist/ExpandableText.js +2 -12
  59. package/dist/ExpandableText.js.map +1 -1
  60. package/dist/FileUploader.d.ts +2 -2
  61. package/dist/FileUploader.js +0 -8
  62. package/dist/FileUploader.js.map +1 -1
  63. package/dist/Form.js +0 -2
  64. package/dist/Form.js.map +1 -1
  65. package/dist/Input.d.ts +2 -2
  66. package/dist/Input.js +1 -8
  67. package/dist/Input.js.map +1 -1
  68. package/dist/InputPopoverTemplate.d.ts +1 -1
  69. package/dist/InputPopoverTemplate.js +1 -18
  70. package/dist/InputPopoverTemplate.js.map +1 -1
  71. package/dist/Link.js +0 -2
  72. package/dist/Link.js.map +1 -1
  73. package/dist/List.d.ts +2 -2
  74. package/dist/List.js +1 -4
  75. package/dist/List.js.map +1 -1
  76. package/dist/ListItem.js +0 -8
  77. package/dist/ListItem.js.map +1 -1
  78. package/dist/ListItemGroup.d.ts +2 -2
  79. package/dist/ListItemGroup.js +0 -4
  80. package/dist/ListItemGroup.js.map +1 -1
  81. package/dist/ListItemStandard.js +0 -7
  82. package/dist/ListItemStandard.js.map +1 -1
  83. package/dist/Menu.d.ts +4 -2
  84. package/dist/Menu.js +2 -14
  85. package/dist/Menu.js.map +1 -1
  86. package/dist/MenuItem.d.ts +1 -1
  87. package/dist/MenuItem.js +0 -5
  88. package/dist/MenuItem.js.map +1 -1
  89. package/dist/MenuSeparator.js +0 -4
  90. package/dist/MenuSeparator.js.map +1 -1
  91. package/dist/MessageStrip.js +0 -3
  92. package/dist/MessageStrip.js.map +1 -1
  93. package/dist/MultiInput.d.ts +2 -2
  94. package/dist/MultiInput.js +1 -12
  95. package/dist/MultiInput.js.map +1 -1
  96. package/dist/Option.js +0 -4
  97. package/dist/Option.js.map +1 -1
  98. package/dist/Panel.js +0 -3
  99. package/dist/Panel.js.map +1 -1
  100. package/dist/Popup.js +0 -4
  101. package/dist/Popup.js.map +1 -1
  102. package/dist/ProgressIndicator.js +0 -2
  103. package/dist/ProgressIndicator.js.map +1 -1
  104. package/dist/RadioButton.js +0 -2
  105. package/dist/RadioButton.js.map +1 -1
  106. package/dist/RangeSlider.js +0 -3
  107. package/dist/RangeSlider.js.map +1 -1
  108. package/dist/RatingIndicator.js +0 -2
  109. package/dist/RatingIndicator.js.map +1 -1
  110. package/dist/ResponsivePopover.d.ts +1 -1
  111. package/dist/ResponsivePopover.js +0 -7
  112. package/dist/ResponsivePopover.js.map +1 -1
  113. package/dist/SegmentedButton.d.ts +2 -1
  114. package/dist/SegmentedButton.js +1 -2
  115. package/dist/SegmentedButton.js.map +1 -1
  116. package/dist/SegmentedButtonItem.js +0 -2
  117. package/dist/SegmentedButtonItem.js.map +1 -1
  118. package/dist/Slider.js +0 -3
  119. package/dist/Slider.js.map +1 -1
  120. package/dist/SplitButton.d.ts +1 -1
  121. package/dist/SplitButton.js +0 -2
  122. package/dist/SplitButton.js.map +1 -1
  123. package/dist/StepInput.d.ts +1 -1
  124. package/dist/StepInput.js +0 -6
  125. package/dist/StepInput.js.map +1 -1
  126. package/dist/Switch.js +0 -2
  127. package/dist/Switch.js.map +1 -1
  128. package/dist/Tab.d.ts +1 -1
  129. package/dist/Tab.js +0 -8
  130. package/dist/Tab.js.map +1 -1
  131. package/dist/TabContainer.d.ts +3 -3
  132. package/dist/TabContainer.js +0 -14
  133. package/dist/TabContainer.js.map +1 -1
  134. package/dist/TableRow.d.ts +2 -0
  135. package/dist/TableRow.js +2 -0
  136. package/dist/TableRow.js.map +1 -1
  137. package/dist/TableVirtualizer.d.ts +1 -0
  138. package/dist/TableVirtualizer.js +1 -0
  139. package/dist/TableVirtualizer.js.map +1 -1
  140. package/dist/Tag.js +0 -4
  141. package/dist/Tag.js.map +1 -1
  142. package/dist/TextArea.d.ts +1 -1
  143. package/dist/TextArea.js +0 -3
  144. package/dist/TextArea.js.map +1 -1
  145. package/dist/TimePicker.d.ts +3 -3
  146. package/dist/TimePicker.js +0 -16
  147. package/dist/TimePicker.js.map +1 -1
  148. package/dist/TimeSelectionClocks.d.ts +2 -2
  149. package/dist/TimeSelectionClocks.js +0 -10
  150. package/dist/TimeSelectionClocks.js.map +1 -1
  151. package/dist/TimeSelectionInputs.d.ts +1 -1
  152. package/dist/TimeSelectionInputs.js +0 -8
  153. package/dist/TimeSelectionInputs.js.map +1 -1
  154. package/dist/Token.js +0 -2
  155. package/dist/Token.js.map +1 -1
  156. package/dist/Tokenizer.d.ts +4 -2
  157. package/dist/Tokenizer.js +2 -14
  158. package/dist/Tokenizer.js.map +1 -1
  159. package/dist/Toolbar.d.ts +2 -3
  160. package/dist/Toolbar.js +1 -11
  161. package/dist/Toolbar.js.map +1 -1
  162. package/dist/ToolbarButton.js +0 -2
  163. package/dist/ToolbarButton.js.map +1 -1
  164. package/dist/ToolbarRegistry.d.ts +1 -2
  165. package/dist/ToolbarRegistry.js +1 -4
  166. package/dist/ToolbarRegistry.js.map +1 -1
  167. package/dist/ToolbarSelect.js +0 -3
  168. package/dist/ToolbarSelect.js.map +1 -1
  169. package/dist/Tree.d.ts +4 -2
  170. package/dist/Tree.js +2 -10
  171. package/dist/Tree.js.map +1 -1
  172. package/dist/TreeItemBase.js +0 -5
  173. package/dist/TreeItemBase.js.map +1 -1
  174. package/dist/bundle.esm.js +1 -0
  175. package/dist/bundle.esm.js.map +1 -1
  176. package/dist/css/themes/Avatar.css +1 -1
  177. package/dist/css/themes/AvatarGroup.css +1 -1
  178. package/dist/css/themes/Bar.css +1 -1
  179. package/dist/css/themes/Breadcrumbs.css +1 -1
  180. package/dist/css/themes/BusyIndicator.css +1 -1
  181. package/dist/css/themes/Button.css +1 -1
  182. package/dist/css/themes/Calendar.css +1 -1
  183. package/dist/css/themes/CalendarHeader.css +1 -1
  184. package/dist/css/themes/CalendarLegend.css +1 -1
  185. package/dist/css/themes/CalendarLegendItem.css +1 -1
  186. package/dist/css/themes/Card.css +1 -1
  187. package/dist/css/themes/CardHeader.css +1 -1
  188. package/dist/css/themes/Carousel.css +1 -1
  189. package/dist/css/themes/CheckBox.css +1 -1
  190. package/dist/css/themes/ColorPalette.css +1 -1
  191. package/dist/css/themes/ColorPaletteItem.css +1 -1
  192. package/dist/css/themes/ColorPalettePopover.css +1 -1
  193. package/dist/css/themes/ColorPicker.css +1 -1
  194. package/dist/css/themes/ComboBox.css +1 -1
  195. package/dist/css/themes/ComboBoxItem.css +1 -1
  196. package/dist/css/themes/DatePicker.css +1 -1
  197. package/dist/css/themes/DateTimePickerPopover.css +1 -1
  198. package/dist/css/themes/DayPicker.css +1 -1
  199. package/dist/css/themes/Dialog.css +1 -1
  200. package/dist/css/themes/FileUploader.css +1 -1
  201. package/dist/css/themes/Form.css +1 -1
  202. package/dist/css/themes/FormItem.css +1 -1
  203. package/dist/css/themes/FormItemSpan.css +1 -1
  204. package/dist/css/themes/GrowingButton.css +1 -1
  205. package/dist/css/themes/Icon.css +1 -1
  206. package/dist/css/themes/Input.css +1 -1
  207. package/dist/css/themes/InputIcon.css +1 -1
  208. package/dist/css/themes/InputSharedStyles.css +1 -1
  209. package/dist/css/themes/Link.css +1 -1
  210. package/dist/css/themes/List.css +1 -1
  211. package/dist/css/themes/ListItem.css +1 -1
  212. package/dist/css/themes/ListItemBase.css +1 -1
  213. package/dist/css/themes/ListItemCustom.css +1 -1
  214. package/dist/css/themes/ListItemGroup.css +1 -1
  215. package/dist/css/themes/ListItemGroupHeader.css +1 -1
  216. package/dist/css/themes/ListItemIcon.css +1 -1
  217. package/dist/css/themes/Menu.css +1 -1
  218. package/dist/css/themes/MenuItem.css +1 -1
  219. package/dist/css/themes/MessageStrip.css +1 -1
  220. package/dist/css/themes/MonthPicker.css +1 -1
  221. package/dist/css/themes/MultiComboBox.css +1 -1
  222. package/dist/css/themes/MultiComboBoxItem.css +1 -1
  223. package/dist/css/themes/MultiComboBoxPopover.css +1 -1
  224. package/dist/css/themes/MultiInput.css +1 -1
  225. package/dist/css/themes/NavigationMenu.css +1 -1
  226. package/dist/css/themes/NavigationMenuItem.css +1 -1
  227. package/dist/css/themes/OptionBase.css +1 -1
  228. package/dist/css/themes/Panel.css +1 -1
  229. package/dist/css/themes/Popover.css +1 -1
  230. package/dist/css/themes/PopupsCommon.css +1 -1
  231. package/dist/css/themes/ProgressIndicator.css +1 -1
  232. package/dist/css/themes/RadioButton.css +1 -1
  233. package/dist/css/themes/RangeSlider.css +1 -1
  234. package/dist/css/themes/RatingIndicator.css +1 -1
  235. package/dist/css/themes/ResponsivePopover.css +1 -1
  236. package/dist/css/themes/ResponsivePopoverCommon.css +1 -1
  237. package/dist/css/themes/SegmentedButton.css +1 -1
  238. package/dist/css/themes/SegmentedButtonItem.css +1 -1
  239. package/dist/css/themes/Select.css +1 -1
  240. package/dist/css/themes/SliderBase.css +1 -1
  241. package/dist/css/themes/SplitButton.css +1 -1
  242. package/dist/css/themes/StepInput.css +1 -1
  243. package/dist/css/themes/SuggestionItem.css +1 -1
  244. package/dist/css/themes/SuggestionItemCustom.css +1 -1
  245. package/dist/css/themes/Switch.css +1 -1
  246. package/dist/css/themes/TabContainer.css +1 -1
  247. package/dist/css/themes/TabInOverflow.css +1 -1
  248. package/dist/css/themes/TabInStrip.css +1 -1
  249. package/dist/css/themes/TabSemanticIcon.css +1 -1
  250. package/dist/css/themes/TabSeparatorInOverflow.css +1 -1
  251. package/dist/css/themes/Table.css +1 -1
  252. package/dist/css/themes/TableCellBase.css +1 -1
  253. package/dist/css/themes/TableHeaderRow.css +1 -1
  254. package/dist/css/themes/TableRow.css +1 -1
  255. package/dist/css/themes/TableRowBase.css +1 -1
  256. package/dist/css/themes/Tag.css +1 -1
  257. package/dist/css/themes/Text.css +1 -1
  258. package/dist/css/themes/TextArea.css +1 -1
  259. package/dist/css/themes/TimePicker.css +1 -1
  260. package/dist/css/themes/Toast.css +1 -1
  261. package/dist/css/themes/ToggleButton.css +1 -1
  262. package/dist/css/themes/Token.css +1 -1
  263. package/dist/css/themes/Tokenizer.css +1 -1
  264. package/dist/css/themes/TokenizerPopover.css +1 -1
  265. package/dist/css/themes/Toolbar.css +1 -1
  266. package/dist/css/themes/ToolbarPopover.css +1 -1
  267. package/dist/css/themes/TreeItem.css +1 -1
  268. package/dist/css/themes/ValueStateMessage.css +1 -1
  269. package/dist/css/themes/YearPicker.css +1 -1
  270. package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
  271. package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
  272. package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
  273. package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
  274. package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
  275. package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -1
  276. package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +1 -1
  277. package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +1 -1
  278. package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -1
  279. package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +1 -1
  280. package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -1
  281. package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +1 -1
  282. package/dist/custom-elements-internal.json +13 -8
  283. package/dist/custom-elements.json +3 -3
  284. package/dist/features/ColorPaletteMoreColors.d.ts +2 -4
  285. package/dist/features/ColorPaletteMoreColors.js +3 -9
  286. package/dist/features/ColorPaletteMoreColors.js.map +1 -1
  287. package/dist/features/ColorPaletteMoreColorsTemplate.d.ts +2 -0
  288. package/dist/features/ColorPaletteMoreColorsTemplate.js +8 -0
  289. package/dist/features/ColorPaletteMoreColorsTemplate.js.map +1 -0
  290. package/dist/features/InputSuggestions.d.ts +6 -6
  291. package/dist/features/InputSuggestions.js +6 -14
  292. package/dist/features/InputSuggestions.js.map +1 -1
  293. package/dist/features/InputSuggestionsTemplate.d.ts +3 -0
  294. package/dist/features/InputSuggestionsTemplate.js +22 -0
  295. package/dist/features/InputSuggestionsTemplate.js.map +1 -0
  296. package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
  297. package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
  298. package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
  299. package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
  300. package/dist/generated/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
  301. package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
  302. package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
  303. package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
  304. package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
  305. package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
  306. package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
  307. package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
  308. package/dist/generated/themes/Avatar.css.d.ts +1 -1
  309. package/dist/generated/themes/Avatar.css.js +1 -1
  310. package/dist/generated/themes/Avatar.css.js.map +1 -1
  311. package/dist/generated/themes/AvatarGroup.css.d.ts +1 -1
  312. package/dist/generated/themes/AvatarGroup.css.js +1 -1
  313. package/dist/generated/themes/AvatarGroup.css.js.map +1 -1
  314. package/dist/generated/themes/Bar.css.d.ts +1 -1
  315. package/dist/generated/themes/Bar.css.js +1 -1
  316. package/dist/generated/themes/Bar.css.js.map +1 -1
  317. package/dist/generated/themes/Breadcrumbs.css.d.ts +1 -1
  318. package/dist/generated/themes/Breadcrumbs.css.js +1 -1
  319. package/dist/generated/themes/Breadcrumbs.css.js.map +1 -1
  320. package/dist/generated/themes/BusyIndicator.css.d.ts +1 -1
  321. package/dist/generated/themes/BusyIndicator.css.js +1 -1
  322. package/dist/generated/themes/BusyIndicator.css.js.map +1 -1
  323. package/dist/generated/themes/Button.css.d.ts +1 -1
  324. package/dist/generated/themes/Button.css.js +1 -1
  325. package/dist/generated/themes/Button.css.js.map +1 -1
  326. package/dist/generated/themes/Calendar.css.d.ts +1 -1
  327. package/dist/generated/themes/Calendar.css.js +1 -1
  328. package/dist/generated/themes/Calendar.css.js.map +1 -1
  329. package/dist/generated/themes/CalendarHeader.css.d.ts +1 -1
  330. package/dist/generated/themes/CalendarHeader.css.js +1 -1
  331. package/dist/generated/themes/CalendarHeader.css.js.map +1 -1
  332. package/dist/generated/themes/CalendarLegend.css.d.ts +1 -1
  333. package/dist/generated/themes/CalendarLegend.css.js +1 -1
  334. package/dist/generated/themes/CalendarLegend.css.js.map +1 -1
  335. package/dist/generated/themes/CalendarLegendItem.css.d.ts +1 -1
  336. package/dist/generated/themes/CalendarLegendItem.css.js +1 -1
  337. package/dist/generated/themes/CalendarLegendItem.css.js.map +1 -1
  338. package/dist/generated/themes/Card.css.d.ts +1 -1
  339. package/dist/generated/themes/Card.css.js +1 -1
  340. package/dist/generated/themes/Card.css.js.map +1 -1
  341. package/dist/generated/themes/CardHeader.css.d.ts +1 -1
  342. package/dist/generated/themes/CardHeader.css.js +1 -1
  343. package/dist/generated/themes/CardHeader.css.js.map +1 -1
  344. package/dist/generated/themes/Carousel.css.d.ts +1 -1
  345. package/dist/generated/themes/Carousel.css.js +1 -1
  346. package/dist/generated/themes/Carousel.css.js.map +1 -1
  347. package/dist/generated/themes/CheckBox.css.d.ts +1 -1
  348. package/dist/generated/themes/CheckBox.css.js +1 -1
  349. package/dist/generated/themes/CheckBox.css.js.map +1 -1
  350. package/dist/generated/themes/ColorPalette.css.d.ts +1 -1
  351. package/dist/generated/themes/ColorPalette.css.js +1 -1
  352. package/dist/generated/themes/ColorPalette.css.js.map +1 -1
  353. package/dist/generated/themes/ColorPaletteItem.css.d.ts +1 -1
  354. package/dist/generated/themes/ColorPaletteItem.css.js +1 -1
  355. package/dist/generated/themes/ColorPaletteItem.css.js.map +1 -1
  356. package/dist/generated/themes/ColorPalettePopover.css.d.ts +1 -1
  357. package/dist/generated/themes/ColorPalettePopover.css.js +1 -1
  358. package/dist/generated/themes/ColorPalettePopover.css.js.map +1 -1
  359. package/dist/generated/themes/ColorPicker.css.d.ts +1 -1
  360. package/dist/generated/themes/ColorPicker.css.js +1 -1
  361. package/dist/generated/themes/ColorPicker.css.js.map +1 -1
  362. package/dist/generated/themes/ComboBox.css.d.ts +1 -1
  363. package/dist/generated/themes/ComboBox.css.js +1 -1
  364. package/dist/generated/themes/ComboBox.css.js.map +1 -1
  365. package/dist/generated/themes/ComboBoxItem.css.d.ts +1 -1
  366. package/dist/generated/themes/ComboBoxItem.css.js +1 -1
  367. package/dist/generated/themes/ComboBoxItem.css.js.map +1 -1
  368. package/dist/generated/themes/DatePicker.css.d.ts +1 -1
  369. package/dist/generated/themes/DatePicker.css.js +1 -1
  370. package/dist/generated/themes/DatePicker.css.js.map +1 -1
  371. package/dist/generated/themes/DateTimePickerPopover.css.d.ts +1 -1
  372. package/dist/generated/themes/DateTimePickerPopover.css.js +1 -1
  373. package/dist/generated/themes/DateTimePickerPopover.css.js.map +1 -1
  374. package/dist/generated/themes/DayPicker.css.d.ts +1 -1
  375. package/dist/generated/themes/DayPicker.css.js +1 -1
  376. package/dist/generated/themes/DayPicker.css.js.map +1 -1
  377. package/dist/generated/themes/Dialog.css.d.ts +1 -1
  378. package/dist/generated/themes/Dialog.css.js +1 -1
  379. package/dist/generated/themes/Dialog.css.js.map +1 -1
  380. package/dist/generated/themes/FileUploader.css.d.ts +1 -1
  381. package/dist/generated/themes/FileUploader.css.js +1 -1
  382. package/dist/generated/themes/FileUploader.css.js.map +1 -1
  383. package/dist/generated/themes/Form.css.d.ts +1 -1
  384. package/dist/generated/themes/Form.css.js +1 -1
  385. package/dist/generated/themes/Form.css.js.map +1 -1
  386. package/dist/generated/themes/FormItem.css.d.ts +1 -1
  387. package/dist/generated/themes/FormItem.css.js +1 -1
  388. package/dist/generated/themes/FormItem.css.js.map +1 -1
  389. package/dist/generated/themes/FormItemSpan.css.d.ts +1 -1
  390. package/dist/generated/themes/FormItemSpan.css.js +1 -1
  391. package/dist/generated/themes/FormItemSpan.css.js.map +1 -1
  392. package/dist/generated/themes/GrowingButton.css.d.ts +1 -1
  393. package/dist/generated/themes/GrowingButton.css.js +1 -1
  394. package/dist/generated/themes/GrowingButton.css.js.map +1 -1
  395. package/dist/generated/themes/Icon.css.d.ts +1 -1
  396. package/dist/generated/themes/Icon.css.js +1 -1
  397. package/dist/generated/themes/Icon.css.js.map +1 -1
  398. package/dist/generated/themes/Input.css.d.ts +1 -1
  399. package/dist/generated/themes/Input.css.js +1 -1
  400. package/dist/generated/themes/Input.css.js.map +1 -1
  401. package/dist/generated/themes/InputIcon.css.d.ts +1 -1
  402. package/dist/generated/themes/InputIcon.css.js +1 -1
  403. package/dist/generated/themes/InputIcon.css.js.map +1 -1
  404. package/dist/generated/themes/InputSharedStyles.css.d.ts +1 -1
  405. package/dist/generated/themes/InputSharedStyles.css.js +1 -1
  406. package/dist/generated/themes/InputSharedStyles.css.js.map +1 -1
  407. package/dist/generated/themes/Link.css.d.ts +1 -1
  408. package/dist/generated/themes/Link.css.js +1 -1
  409. package/dist/generated/themes/Link.css.js.map +1 -1
  410. package/dist/generated/themes/List.css.d.ts +1 -1
  411. package/dist/generated/themes/List.css.js +1 -1
  412. package/dist/generated/themes/List.css.js.map +1 -1
  413. package/dist/generated/themes/ListItem.css.d.ts +1 -1
  414. package/dist/generated/themes/ListItem.css.js +1 -1
  415. package/dist/generated/themes/ListItem.css.js.map +1 -1
  416. package/dist/generated/themes/ListItemBase.css.d.ts +1 -1
  417. package/dist/generated/themes/ListItemBase.css.js +1 -1
  418. package/dist/generated/themes/ListItemBase.css.js.map +1 -1
  419. package/dist/generated/themes/ListItemCustom.css.d.ts +1 -1
  420. package/dist/generated/themes/ListItemCustom.css.js +1 -1
  421. package/dist/generated/themes/ListItemCustom.css.js.map +1 -1
  422. package/dist/generated/themes/ListItemGroup.css.d.ts +1 -1
  423. package/dist/generated/themes/ListItemGroup.css.js +1 -1
  424. package/dist/generated/themes/ListItemGroup.css.js.map +1 -1
  425. package/dist/generated/themes/ListItemGroupHeader.css.d.ts +1 -1
  426. package/dist/generated/themes/ListItemGroupHeader.css.js +1 -1
  427. package/dist/generated/themes/ListItemGroupHeader.css.js.map +1 -1
  428. package/dist/generated/themes/ListItemIcon.css.d.ts +1 -1
  429. package/dist/generated/themes/ListItemIcon.css.js +1 -1
  430. package/dist/generated/themes/ListItemIcon.css.js.map +1 -1
  431. package/dist/generated/themes/Menu.css.d.ts +1 -1
  432. package/dist/generated/themes/Menu.css.js +1 -1
  433. package/dist/generated/themes/Menu.css.js.map +1 -1
  434. package/dist/generated/themes/MenuItem.css.d.ts +1 -1
  435. package/dist/generated/themes/MenuItem.css.js +1 -1
  436. package/dist/generated/themes/MenuItem.css.js.map +1 -1
  437. package/dist/generated/themes/MessageStrip.css.d.ts +1 -1
  438. package/dist/generated/themes/MessageStrip.css.js +1 -1
  439. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  440. package/dist/generated/themes/MonthPicker.css.d.ts +1 -1
  441. package/dist/generated/themes/MonthPicker.css.js +1 -1
  442. package/dist/generated/themes/MonthPicker.css.js.map +1 -1
  443. package/dist/generated/themes/MultiComboBox.css.d.ts +1 -1
  444. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  445. package/dist/generated/themes/MultiComboBox.css.js.map +1 -1
  446. package/dist/generated/themes/MultiComboBoxItem.css.d.ts +1 -1
  447. package/dist/generated/themes/MultiComboBoxItem.css.js +1 -1
  448. package/dist/generated/themes/MultiComboBoxItem.css.js.map +1 -1
  449. package/dist/generated/themes/MultiComboBoxPopover.css.d.ts +1 -1
  450. package/dist/generated/themes/MultiComboBoxPopover.css.js +1 -1
  451. package/dist/generated/themes/MultiComboBoxPopover.css.js.map +1 -1
  452. package/dist/generated/themes/MultiInput.css.d.ts +1 -1
  453. package/dist/generated/themes/MultiInput.css.js +1 -1
  454. package/dist/generated/themes/MultiInput.css.js.map +1 -1
  455. package/dist/generated/themes/NavigationMenu.css.d.ts +1 -1
  456. package/dist/generated/themes/NavigationMenu.css.js +1 -1
  457. package/dist/generated/themes/NavigationMenu.css.js.map +1 -1
  458. package/dist/generated/themes/NavigationMenuItem.css.d.ts +1 -1
  459. package/dist/generated/themes/NavigationMenuItem.css.js +1 -1
  460. package/dist/generated/themes/NavigationMenuItem.css.js.map +1 -1
  461. package/dist/generated/themes/OptionBase.css.d.ts +1 -1
  462. package/dist/generated/themes/OptionBase.css.js +1 -1
  463. package/dist/generated/themes/OptionBase.css.js.map +1 -1
  464. package/dist/generated/themes/Panel.css.d.ts +1 -1
  465. package/dist/generated/themes/Panel.css.js +1 -1
  466. package/dist/generated/themes/Panel.css.js.map +1 -1
  467. package/dist/generated/themes/Popover.css.d.ts +1 -1
  468. package/dist/generated/themes/Popover.css.js +1 -1
  469. package/dist/generated/themes/Popover.css.js.map +1 -1
  470. package/dist/generated/themes/PopupsCommon.css.d.ts +1 -1
  471. package/dist/generated/themes/PopupsCommon.css.js +1 -1
  472. package/dist/generated/themes/PopupsCommon.css.js.map +1 -1
  473. package/dist/generated/themes/ProgressIndicator.css.d.ts +1 -1
  474. package/dist/generated/themes/ProgressIndicator.css.js +1 -1
  475. package/dist/generated/themes/ProgressIndicator.css.js.map +1 -1
  476. package/dist/generated/themes/RadioButton.css.d.ts +1 -1
  477. package/dist/generated/themes/RadioButton.css.js +1 -1
  478. package/dist/generated/themes/RadioButton.css.js.map +1 -1
  479. package/dist/generated/themes/RangeSlider.css.d.ts +1 -1
  480. package/dist/generated/themes/RangeSlider.css.js +1 -1
  481. package/dist/generated/themes/RangeSlider.css.js.map +1 -1
  482. package/dist/generated/themes/RatingIndicator.css.d.ts +1 -1
  483. package/dist/generated/themes/RatingIndicator.css.js +1 -1
  484. package/dist/generated/themes/RatingIndicator.css.js.map +1 -1
  485. package/dist/generated/themes/ResponsivePopover.css.d.ts +1 -1
  486. package/dist/generated/themes/ResponsivePopover.css.js +1 -1
  487. package/dist/generated/themes/ResponsivePopover.css.js.map +1 -1
  488. package/dist/generated/themes/ResponsivePopoverCommon.css.d.ts +1 -1
  489. package/dist/generated/themes/ResponsivePopoverCommon.css.js +1 -1
  490. package/dist/generated/themes/ResponsivePopoverCommon.css.js.map +1 -1
  491. package/dist/generated/themes/SegmentedButton.css.d.ts +1 -1
  492. package/dist/generated/themes/SegmentedButton.css.js +1 -1
  493. package/dist/generated/themes/SegmentedButton.css.js.map +1 -1
  494. package/dist/generated/themes/SegmentedButtonItem.css.d.ts +1 -1
  495. package/dist/generated/themes/SegmentedButtonItem.css.js +1 -1
  496. package/dist/generated/themes/SegmentedButtonItem.css.js.map +1 -1
  497. package/dist/generated/themes/Select.css.d.ts +1 -1
  498. package/dist/generated/themes/Select.css.js +1 -1
  499. package/dist/generated/themes/Select.css.js.map +1 -1
  500. package/dist/generated/themes/SliderBase.css.d.ts +1 -1
  501. package/dist/generated/themes/SliderBase.css.js +1 -1
  502. package/dist/generated/themes/SliderBase.css.js.map +1 -1
  503. package/dist/generated/themes/SplitButton.css.d.ts +1 -1
  504. package/dist/generated/themes/SplitButton.css.js +1 -1
  505. package/dist/generated/themes/SplitButton.css.js.map +1 -1
  506. package/dist/generated/themes/StepInput.css.d.ts +1 -1
  507. package/dist/generated/themes/StepInput.css.js +1 -1
  508. package/dist/generated/themes/StepInput.css.js.map +1 -1
  509. package/dist/generated/themes/SuggestionItem.css.d.ts +1 -1
  510. package/dist/generated/themes/SuggestionItem.css.js +1 -1
  511. package/dist/generated/themes/SuggestionItem.css.js.map +1 -1
  512. package/dist/generated/themes/SuggestionItemCustom.css.d.ts +1 -1
  513. package/dist/generated/themes/SuggestionItemCustom.css.js +1 -1
  514. package/dist/generated/themes/SuggestionItemCustom.css.js.map +1 -1
  515. package/dist/generated/themes/Switch.css.d.ts +1 -1
  516. package/dist/generated/themes/Switch.css.js +1 -1
  517. package/dist/generated/themes/Switch.css.js.map +1 -1
  518. package/dist/generated/themes/TabContainer.css.d.ts +1 -1
  519. package/dist/generated/themes/TabContainer.css.js +1 -1
  520. package/dist/generated/themes/TabContainer.css.js.map +1 -1
  521. package/dist/generated/themes/TabInOverflow.css.d.ts +1 -1
  522. package/dist/generated/themes/TabInOverflow.css.js +1 -1
  523. package/dist/generated/themes/TabInOverflow.css.js.map +1 -1
  524. package/dist/generated/themes/TabInStrip.css.d.ts +1 -1
  525. package/dist/generated/themes/TabInStrip.css.js +1 -1
  526. package/dist/generated/themes/TabInStrip.css.js.map +1 -1
  527. package/dist/generated/themes/TabSemanticIcon.css.d.ts +1 -1
  528. package/dist/generated/themes/TabSemanticIcon.css.js +1 -1
  529. package/dist/generated/themes/TabSemanticIcon.css.js.map +1 -1
  530. package/dist/generated/themes/TabSeparatorInOverflow.css.d.ts +1 -1
  531. package/dist/generated/themes/TabSeparatorInOverflow.css.js +1 -1
  532. package/dist/generated/themes/TabSeparatorInOverflow.css.js.map +1 -1
  533. package/dist/generated/themes/Table.css.d.ts +1 -1
  534. package/dist/generated/themes/Table.css.js +1 -1
  535. package/dist/generated/themes/Table.css.js.map +1 -1
  536. package/dist/generated/themes/TableCellBase.css.d.ts +1 -1
  537. package/dist/generated/themes/TableCellBase.css.js +1 -1
  538. package/dist/generated/themes/TableCellBase.css.js.map +1 -1
  539. package/dist/generated/themes/TableHeaderRow.css.d.ts +1 -1
  540. package/dist/generated/themes/TableHeaderRow.css.js +1 -1
  541. package/dist/generated/themes/TableHeaderRow.css.js.map +1 -1
  542. package/dist/generated/themes/TableRow.css.d.ts +1 -1
  543. package/dist/generated/themes/TableRow.css.js +1 -1
  544. package/dist/generated/themes/TableRow.css.js.map +1 -1
  545. package/dist/generated/themes/TableRowBase.css.d.ts +1 -1
  546. package/dist/generated/themes/TableRowBase.css.js +1 -1
  547. package/dist/generated/themes/TableRowBase.css.js.map +1 -1
  548. package/dist/generated/themes/Tag.css.d.ts +1 -1
  549. package/dist/generated/themes/Tag.css.js +1 -1
  550. package/dist/generated/themes/Tag.css.js.map +1 -1
  551. package/dist/generated/themes/Text.css.d.ts +1 -1
  552. package/dist/generated/themes/Text.css.js +1 -1
  553. package/dist/generated/themes/Text.css.js.map +1 -1
  554. package/dist/generated/themes/TextArea.css.d.ts +1 -1
  555. package/dist/generated/themes/TextArea.css.js +1 -1
  556. package/dist/generated/themes/TextArea.css.js.map +1 -1
  557. package/dist/generated/themes/TimePicker.css.d.ts +1 -1
  558. package/dist/generated/themes/TimePicker.css.js +1 -1
  559. package/dist/generated/themes/TimePicker.css.js.map +1 -1
  560. package/dist/generated/themes/Toast.css.d.ts +1 -1
  561. package/dist/generated/themes/Toast.css.js +1 -1
  562. package/dist/generated/themes/Toast.css.js.map +1 -1
  563. package/dist/generated/themes/ToggleButton.css.d.ts +1 -1
  564. package/dist/generated/themes/ToggleButton.css.js +1 -1
  565. package/dist/generated/themes/ToggleButton.css.js.map +1 -1
  566. package/dist/generated/themes/Token.css.d.ts +1 -1
  567. package/dist/generated/themes/Token.css.js +1 -1
  568. package/dist/generated/themes/Token.css.js.map +1 -1
  569. package/dist/generated/themes/Tokenizer.css.d.ts +1 -1
  570. package/dist/generated/themes/Tokenizer.css.js +1 -1
  571. package/dist/generated/themes/Tokenizer.css.js.map +1 -1
  572. package/dist/generated/themes/TokenizerPopover.css.d.ts +1 -1
  573. package/dist/generated/themes/TokenizerPopover.css.js +1 -1
  574. package/dist/generated/themes/TokenizerPopover.css.js.map +1 -1
  575. package/dist/generated/themes/Toolbar.css.d.ts +1 -1
  576. package/dist/generated/themes/Toolbar.css.js +1 -1
  577. package/dist/generated/themes/Toolbar.css.js.map +1 -1
  578. package/dist/generated/themes/ToolbarPopover.css.d.ts +1 -1
  579. package/dist/generated/themes/ToolbarPopover.css.js +1 -1
  580. package/dist/generated/themes/ToolbarPopover.css.js.map +1 -1
  581. package/dist/generated/themes/TreeItem.css.d.ts +1 -1
  582. package/dist/generated/themes/TreeItem.css.js +1 -1
  583. package/dist/generated/themes/TreeItem.css.js.map +1 -1
  584. package/dist/generated/themes/ValueStateMessage.css.d.ts +1 -1
  585. package/dist/generated/themes/ValueStateMessage.css.js +1 -1
  586. package/dist/generated/themes/ValueStateMessage.css.js.map +1 -1
  587. package/dist/generated/themes/YearPicker.css.d.ts +1 -1
  588. package/dist/generated/themes/YearPicker.css.js +1 -1
  589. package/dist/generated/themes/YearPicker.css.js.map +1 -1
  590. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
  591. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
  592. package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
  593. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
  594. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
  595. package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
  596. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
  597. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
  598. package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
  599. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
  600. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
  601. package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
  602. package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
  603. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +1 -1
  604. package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
  605. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
  606. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +1 -1
  607. package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
  608. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
  609. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +1 -1
  610. package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
  611. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
  612. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +1 -1
  613. package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
  614. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
  615. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +1 -1
  616. package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
  617. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
  618. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +1 -1
  619. package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
  620. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
  621. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +1 -1
  622. package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
  623. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
  624. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +1 -1
  625. package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
  626. package/dist/web-types.json +2 -2
  627. package/package.json +9 -9
  628. package/src/ColorPaletteTemplate.tsx +1 -2
  629. package/src/InputPopoverTemplate.tsx +2 -102
  630. package/src/features/ColorPaletteMoreColorsTemplate.tsx +30 -0
  631. package/src/features/InputSuggestionsTemplate.tsx +108 -0
  632. package/src/themes/TabInStrip.css +1 -5
  633. package/dist/ColorPaletteDialogTemplate.d.ts +0 -2
  634. package/dist/ColorPaletteDialogTemplate.js +0 -9
  635. package/dist/ColorPaletteDialogTemplate.js.map +0 -1
  636. package/src/ColorPaletteDialogTemplate.tsx +0 -35
@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcompo
2
2
  import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
3
3
  import Button from "./Button.js";
4
4
  import ColorPaletteItem from "./ColorPaletteItem.js";
5
- import ColorPaletteDialogTemplate from "./ColorPaletteDialogTemplate.js";
6
5
  export default function ColorPaletteTemplate() {
7
6
  return (_jsxs(_Fragment, { children: [_jsxs("div", { class: {
8
7
  "ui5-cp-root": true,
@@ -10,6 +9,6 @@ export default function ColorPaletteTemplate() {
10
9
  }, onClick: this._onclick, onKeyUp: this._onkeyup, onKeyDown: this._onkeydown, children: [this.showDefaultColor &&
11
10
  _jsxs("div", { class: "ui5-cp-default-color-button-wrapper", children: [_jsx(Button, { class: "ui5-cp-default-color-button", design: "Transparent", onClick: this._onDefaultColorClick, onKeyUp: this._onDefaultColorKeyUp, onKeyDown: this._onDefaultColorKeyDown, children: this.colorPaletteDefaultColorText }), _jsx("div", { class: "ui5-cp-separator" })] }), _jsx("div", { class: "ui5-cp-item-container", role: "region", "aria-label": this.colorContainerLabel, onKeyDown: this._onColorContainerKeyDown, children: this.displayedColors.map(color => _jsx("slot", { name: color._individualSlot })) }), this._showMoreColors &&
12
11
  _jsxs("div", { class: "ui5-cp-more-colors-wrapper", children: [_jsx("div", { class: "ui5-cp-separator" }), _jsx(Button, { design: "Transparent", class: "ui5-cp-more-colors", onClick: this._openMoreColorsDialog, onKeyDown: this._onMoreColorsKeyDown, children: this.colorPaletteMoreColorsText })] }), this.showRecentColors &&
13
- _jsxs("div", { class: "ui5-cp-recent-colors-wrapper", children: [_jsx("div", { class: "ui5-cp-separator" }), _jsx("div", { class: "ui5-cp-recent-colors-container", onKeyDown: this._onRecentColorsContainerKeyDown, children: this.recentColors.map(color => _jsx(ColorPaletteItem, { value: color })) })] })] }), ColorPaletteDialogTemplate.call(this)] }));
12
+ _jsxs("div", { class: "ui5-cp-recent-colors-wrapper", children: [_jsx("div", { class: "ui5-cp-separator" }), _jsx("div", { class: "ui5-cp-recent-colors-container", onKeyDown: this._onRecentColorsContainerKeyDown, children: this.recentColors.map(color => _jsx(ColorPaletteItem, { value: color })) })] })] }), this._effectiveShowMoreColors && this.moreColorsFeature?.template.call(this)] }));
14
13
  }
15
14
  //# sourceMappingURL=ColorPaletteTemplate.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPaletteTemplate.js","sourceRoot":"","sources":["../src/ColorPaletteTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAGjE,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,oBAAoB;IAC3C,OAAO,CACN,8BACC,eACC,KAAK,EAAE;oBACN,aAAa,EAAE,IAAI;oBACnB,mBAAmB,EAAE,OAAO,EAAE;iBAC9B,EACD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,aAEzB,IAAI,CAAC,gBAAgB;wBACrB,eAAK,KAAK,EAAC,qCAAqC,aAC/C,KAAC,MAAM,IACN,KAAK,EAAC,6BAA6B,EACnC,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,SAAS,EAAE,IAAI,CAAC,sBAAsB,YAErC,IAAI,CAAC,4BAA4B,GAC1B,EACT,cAAK,KAAK,EAAC,kBAAkB,GAAO,IAC/B,EAEP,cAAK,KAAK,EAAC,uBAAuB,EACjC,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,mBAAmB,EACpC,SAAS,EAAE,IAAI,CAAC,wBAAwB,YAEvC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CACjC,eAAM,IAAI,EAAE,KAAK,CAAC,eAAe,GAAS,CAC1C,GACI,EAEL,IAAI,CAAC,eAAe;wBACpB,eAAK,KAAK,EAAC,4BAA4B,aACtC,cAAK,KAAK,EAAC,kBAAkB,GAAO,EACpC,KAAC,MAAM,IACN,MAAM,EAAC,aAAa,EACpB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,qBAAqB,EACnC,SAAS,EAAE,IAAI,CAAC,oBAAoB,YAEnC,IAAI,CAAC,0BAA0B,GACxB,IACJ,EAGN,IAAI,CAAC,gBAAgB;wBACrB,eAAK,KAAK,EAAC,8BAA8B,aACxC,cAAK,KAAK,EAAC,kBAAkB,GAAO,EACpC,cAAK,KAAK,EAAC,gCAAgC,EAAC,SAAS,EAAE,IAAI,CAAC,+BAA+B,YACzF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAC9B,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAG,CACjC,GACI,IACD,IAEF,EAEJ,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,IACrC,CACH,CAAC;AACH,CAAC","sourcesContent":["import { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\n\nimport type ColorPalette from \"./ColorPalette.js\";\nimport Button from \"./Button.js\";\nimport ColorPaletteItem from \"./ColorPaletteItem.js\";\nimport ColorPaletteDialogTemplate from \"./ColorPaletteDialogTemplate.js\";\n\nexport default function ColorPaletteTemplate(this: ColorPalette) {\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-cp-root\": true,\n\t\t\t\t\t\"ui5-cp-root-phone\": isPhone(),\n\t\t\t\t}}\n\t\t\t\tonClick={this._onclick}\n\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t>\n\t\t\t\t{this.showDefaultColor &&\n\t\t\t\t\t<div class=\"ui5-cp-default-color-button-wrapper\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclass=\"ui5-cp-default-color-button\"\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\tonClick={this._onDefaultColorClick}\n\t\t\t\t\t\t\tonKeyUp={this._onDefaultColorKeyUp}\n\t\t\t\t\t\t\tonKeyDown={this._onDefaultColorKeyDown}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.colorPaletteDefaultColorText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<div class=\"ui5-cp-separator\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"ui5-cp-item-container\"\n\t\t\t\t\trole=\"region\"\n\t\t\t\t\taria-label={this.colorContainerLabel}\n\t\t\t\t\tonKeyDown={this._onColorContainerKeyDown}\n\t\t\t\t>\n\t\t\t\t\t{this.displayedColors.map(color =>\n\t\t\t\t\t\t<slot name={color._individualSlot}></slot>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{this._showMoreColors &&\n\t\t\t\t\t<div class=\"ui5-cp-more-colors-wrapper\">\n\t\t\t\t\t\t<div class=\"ui5-cp-separator\"></div>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\tclass=\"ui5-cp-more-colors\"\n\t\t\t\t\t\t\tonClick={this._openMoreColorsDialog}\n\t\t\t\t\t\t\tonKeyDown={this._onMoreColorsKeyDown}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.colorPaletteMoreColorsText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{this.showRecentColors &&\n\t\t\t\t\t<div class=\"ui5-cp-recent-colors-wrapper\">\n\t\t\t\t\t\t<div class=\"ui5-cp-separator\"></div>\n\t\t\t\t\t\t<div class=\"ui5-cp-recent-colors-container\" onKeyDown={this._onRecentColorsContainerKeyDown}>\n\t\t\t\t\t\t\t{this.recentColors.map(color =>\n\t\t\t\t\t\t\t\t<ColorPaletteItem value={color}/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t{ ColorPaletteDialogTemplate.call(this) }\n\t\t</>\n\t);\n}\n"]}
1
+ {"version":3,"file":"ColorPaletteTemplate.js","sourceRoot":"","sources":["../src/ColorPaletteTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC;AAGjE,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,oBAAoB;IAC3C,OAAO,CACN,8BACC,eACC,KAAK,EAAE;oBACN,aAAa,EAAE,IAAI;oBACnB,mBAAmB,EAAE,OAAO,EAAE;iBAC9B,EACD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,aAEzB,IAAI,CAAC,gBAAgB;wBACrB,eAAK,KAAK,EAAC,qCAAqC,aAC/C,KAAC,MAAM,IACN,KAAK,EAAC,6BAA6B,EACnC,MAAM,EAAC,aAAa,EACpB,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAClC,SAAS,EAAE,IAAI,CAAC,sBAAsB,YAErC,IAAI,CAAC,4BAA4B,GAC1B,EACT,cAAK,KAAK,EAAC,kBAAkB,GAAO,IAC/B,EAEP,cAAK,KAAK,EAAC,uBAAuB,EACjC,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,mBAAmB,EACpC,SAAS,EAAE,IAAI,CAAC,wBAAwB,YAEvC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CACjC,eAAM,IAAI,EAAE,KAAK,CAAC,eAAe,GAAS,CAC1C,GACI,EAEL,IAAI,CAAC,eAAe;wBACpB,eAAK,KAAK,EAAC,4BAA4B,aACtC,cAAK,KAAK,EAAC,kBAAkB,GAAO,EACpC,KAAC,MAAM,IACN,MAAM,EAAC,aAAa,EACpB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,IAAI,CAAC,qBAAqB,EACnC,SAAS,EAAE,IAAI,CAAC,oBAAoB,YAEnC,IAAI,CAAC,0BAA0B,GACxB,IACJ,EAGN,IAAI,CAAC,gBAAgB;wBACrB,eAAK,KAAK,EAAC,8BAA8B,aACxC,cAAK,KAAK,EAAC,kBAAkB,GAAO,EACpC,cAAK,KAAK,EAAC,gCAAgC,EAAC,SAAS,EAAE,IAAI,CAAC,+BAA+B,YACzF,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAC9B,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAG,CACjC,GACI,IACD,IAEF,EAEJ,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAC5E,CACH,CAAC;AACH,CAAC","sourcesContent":["import { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\n\nimport type ColorPalette from \"./ColorPalette.js\";\nimport Button from \"./Button.js\";\nimport ColorPaletteItem from \"./ColorPaletteItem.js\";\n\nexport default function ColorPaletteTemplate(this: ColorPalette) {\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-cp-root\": true,\n\t\t\t\t\t\"ui5-cp-root-phone\": isPhone(),\n\t\t\t\t}}\n\t\t\t\tonClick={this._onclick}\n\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t>\n\t\t\t\t{this.showDefaultColor &&\n\t\t\t\t\t<div class=\"ui5-cp-default-color-button-wrapper\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclass=\"ui5-cp-default-color-button\"\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\tonClick={this._onDefaultColorClick}\n\t\t\t\t\t\t\tonKeyUp={this._onDefaultColorKeyUp}\n\t\t\t\t\t\t\tonKeyDown={this._onDefaultColorKeyDown}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.colorPaletteDefaultColorText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<div class=\"ui5-cp-separator\"></div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t\t<div class=\"ui5-cp-item-container\"\n\t\t\t\t\trole=\"region\"\n\t\t\t\t\taria-label={this.colorContainerLabel}\n\t\t\t\t\tonKeyDown={this._onColorContainerKeyDown}\n\t\t\t\t>\n\t\t\t\t\t{this.displayedColors.map(color =>\n\t\t\t\t\t\t<slot name={color._individualSlot}></slot>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{this._showMoreColors &&\n\t\t\t\t\t<div class=\"ui5-cp-more-colors-wrapper\">\n\t\t\t\t\t\t<div class=\"ui5-cp-separator\"></div>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\t\tclass=\"ui5-cp-more-colors\"\n\t\t\t\t\t\t\tonClick={this._openMoreColorsDialog}\n\t\t\t\t\t\t\tonKeyDown={this._onMoreColorsKeyDown}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.colorPaletteMoreColorsText}\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\n\t\t\t\t{this.showRecentColors &&\n\t\t\t\t\t<div class=\"ui5-cp-recent-colors-wrapper\">\n\t\t\t\t\t\t<div class=\"ui5-cp-separator\"></div>\n\t\t\t\t\t\t<div class=\"ui5-cp-recent-colors-container\" onKeyDown={this._onRecentColorsContainerKeyDown}>\n\t\t\t\t\t\t\t{this.recentColors.map(color =>\n\t\t\t\t\t\t\t\t<ColorPaletteItem value={color}/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\n\t\t\t{ this._effectiveShowMoreColors && this.moreColorsFeature?.template.call(this) }\n\t\t</>\n\t);\n}\n"]}
@@ -15,9 +15,6 @@ import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
15
15
  import { getScopedVarName } from "@ui5/webcomponents-base/dist/CustomElementsScope.js";
16
16
  import { getRGBColor, getAlpha, HSLToRGB, HEXToRGB, RGBToHSL, } from "@ui5/webcomponents-base/dist/util/ColorConversion.js";
17
17
  import ColorPickerTemplate from "./ColorPickerTemplate.js";
18
- import Input from "./Input.js";
19
- import Slider from "./Slider.js";
20
- import Label from "./Label.js";
21
18
  import { COLORPICKER_ALPHA_SLIDER, COLORPICKER_HUE_SLIDER, COLORPICKER_HEX, COLORPICKER_RED, COLORPICKER_GREEN, COLORPICKER_BLUE, COLORPICKER_ALPHA, } from "./generated/i18n/i18n-defaults.js";
22
19
  // Styles
23
20
  import ColorPickerCss from "./generated/themes/ColorPicker.css.js";
@@ -461,11 +458,6 @@ ColorPicker = ColorPicker_1 = __decorate([
461
458
  formAssociated: true,
462
459
  styles: ColorPickerCss,
463
460
  template: ColorPickerTemplate,
464
- dependencies: [
465
- Input,
466
- Slider,
467
- Label,
468
- ],
469
461
  shadowRootOptions: { delegatesFocus: true },
470
462
  })
471
463
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../src/ColorPicker.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport { isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\nimport type { IFormInputElement } from \"@ui5/webcomponents-base/dist/features/InputElementsFormSupport.js\";\nimport {\n\tgetRGBColor,\n\tgetAlpha,\n\tHSLToRGB,\n\tHEXToRGB,\n\tRGBToHSL,\n} from \"@ui5/webcomponents-base/dist/util/ColorConversion.js\";\nimport type {\n\tColorHSL,\n\tColorRGB,\n} from \"@ui5/webcomponents-base/dist/util/ColorConversion.js\";\nimport ColorPickerTemplate from \"./ColorPickerTemplate.js\";\nimport Input from \"./Input.js\";\nimport Slider from \"./Slider.js\";\nimport Label from \"./Label.js\";\n\nimport {\n\tCOLORPICKER_ALPHA_SLIDER,\n\tCOLORPICKER_HUE_SLIDER,\n\tCOLORPICKER_HEX,\n\tCOLORPICKER_RED,\n\tCOLORPICKER_GREEN,\n\tCOLORPICKER_BLUE,\n\tCOLORPICKER_ALPHA,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport ColorPickerCss from \"./generated/themes/ColorPicker.css.js\";\n\nconst PICKER_POINTER_WIDTH = 6.5;\n\ntype ColorCoordinates = {\n\tx: number,\n\ty: number,\n}\n\n/**\n * @class\n *\n * ### Overview\n * The `ui5-color-picker` allows users to choose any color and provides different input options for selecting colors.\n *\n * ### Usage\n *\n * #### When to use\n * Use the color picker if:\n *\n * - users need to select any color freely.\n *\n * #### When not to use\n *\n * - Users need to select one color from a predefined set of colors. Use the ColorPalette component instead.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/ColorPicker.js\";`\n * @constructor\n * @since 1.0.0-rc.12\n * @extends UI5Element\n * @public\n */\n\n@customElement({\n\ttag: \"ui5-color-picker\",\n\trenderer: jsxRenderer,\n\tformAssociated: true,\n\tstyles: ColorPickerCss,\n\ttemplate: ColorPickerTemplate,\n\tdependencies: [\n\t\tInput,\n\t\tSlider,\n\t\tLabel,\n\t],\n\tshadowRootOptions: { delegatesFocus: true },\n})\n/**\n * Fired when the the selected color is changed\n * @public\n */\n@event(\"change\", {\n\tbubbles: true,\n})\nclass ColorPicker extends UI5Element implements IFormInputElement {\n\teventDetails!: {\n\t\tchange: void;\n\t}\n\t/**\n\t * Defines the currently selected color of the component.\n\t *\n\t * **Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.\n\t * @default \"rgba(255,255,255,1)\"\n\t * @public\n\t */\n\t@property()\n\tvalue = \"rgba(255,255,255,1)\";\n\n\t/**\n\t * Determines the name by which the component will be identified upon submission in an HTML form.\n\t *\n\t * **Note:** This property is only applicable within the context of an HTML Form element.\n\t * @default undefined\n\t * @public\n\t * @since 2.0.0\n\t */\n\t@property()\n\tname?: string;\n\n\t/**\n\t * When set to `true`, the alpha slider and inputs for RGB values will not be displayed.\n\t * @default false\n\t * @public\n\t * @since 2.5.0\n\t */\n\t@property({ type: Boolean })\n\tsimplified = false;\n\n\t/**\n\t * Defines the HEX code of the currently selected color\n\t *\n\t * **Note**: If Alpha(transperancy) is set it is not included in this property. Use `color` property.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\thex = \"ffffff\";\n\n\t/**\n\t * Defines the current main color which is selected via the hue slider and is shown in the main color square.\n\t * @private\n\t */\n\t@property({ type: Object })\n\t_mainValue: ColorRGB;\n\n\t/**\n\t * Defines the currenty selected color from the main color section.\n\t * @private\n\t */\n\t@property({ type: Object })\n\t_value: ColorRGB = getRGBColor(this.value);\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Object })\n\t_selectedCoordinates: ColorCoordinates;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Number })\n\t_alpha = 1;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Number })\n\t_hue = 0;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_isSelectedColorChanged = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_isHueValueChanged = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_wrongHEX = false;\n\n\tselectedHue: number;\n\n\tmouseDown: boolean;\n\n\tmouseIn: boolean;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tasync formElementAnchor() {\n\t\treturn this.getFocusDomRefAsync();\n\t}\n\n\tget formFormattedValue() {\n\t\treturn this.value;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\n\t\t// Bottom Right corner\n\t\tthis._selectedCoordinates = {\n\t\t\tx: 256 - PICKER_POINTER_WIDTH,\n\t\t\ty: 256 - PICKER_POINTER_WIDTH,\n\t\t};\n\n\t\t// Default main color is red\n\t\tthis._mainValue = {\n\t\t\tr: 255,\n\t\t\tg: 0,\n\t\t\tb: 0,\n\t\t};\n\n\t\tthis.selectedHue = 0;\n\n\t\tthis.mouseDown = false;\n\t\tthis.mouseIn = false;\n\t}\n\n\tonBeforeRendering() {\n\t\t// we have the color & ._mainValue properties here\n\t\tthis._value = getRGBColor(this.value);\n\t\tthis._alpha = getAlpha(this.value);\n\t\tconst tempColor = `rgba(${this._value.r},${this._value.g},${this._value.b},${this._alpha})`;\n\t\tthis._setHex();\n\t\tthis._setValues();\n\t\tthis.style.setProperty(getScopedVarName(\"--ui5_Color_Picker_Progress_Container_Color\"), tempColor);\n\t}\n\n\t_handleMouseDown(e: MouseEvent) {\n\t\tthis.mouseDown = true;\n\t\tthis.mouseIn = true;\n\t\tthis._changeSelectedColor(e.offsetX, e.offsetY);\n\t}\n\n\t_handleMouseUp() {\n\t\tthis.mouseDown = false;\n\t}\n\n\t_handleMouseOut(e: MouseEvent) {\n\t\tif (!this.mouseIn || !this.mouseDown) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst target = e.target as HTMLElement;\n\t\tconst offsetHeight: number = target.offsetHeight;\n\t\tconst offsetWidth: number = target.offsetWidth;\n\t\tconst isLeft: boolean = e.offsetX <= 0;\n\t\tconst isUp: boolean = e.offsetY <= 0;\n\t\tconst isDown: boolean = e.offsetY >= target.offsetHeight;\n\t\tconst isRight: boolean = e.offsetX >= target.offsetWidth;\n\n\t\tlet x: number,\n\t\t\ty: number;\n\n\t\tif (isLeft) {\n\t\t\tx = 0;\n\t\t} else if (isRight) {\n\t\t\t// Note: - e.offsetWidth has been changed to e.target.offsetWidth as offsetWidth does not exist on the event object\n\t\t\tx = offsetWidth;\n\t\t} else {\n\t\t\tx = e.offsetX;\n\t\t}\n\n\t\tif (isUp) {\n\t\t\ty = 0;\n\t\t} else if (isDown) {\n\t\t\t// Note: - e.offsetWidth has been changed to e.target.offsetWidth as offsetWidth does not exist on the event object\n\t\t\ty = offsetHeight;\n\t\t} else {\n\t\t\ty = e.offsetY;\n\t\t}\n\n\t\tthis._changeSelectedColor(x, y);\n\t\tthis.mouseIn = false;\n\t\tthis.mouseDown = false;\n\t}\n\n\t_handleMouseMove(e: MouseEvent) {\n\t\tif (!this.mouseDown || !this.mouseIn) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changeSelectedColor(e.offsetX, e.offsetY);\n\t}\n\n\t_handleAlphaInputFromSlider(e: CustomEvent) {\n\t\tconst aphaInputValue: string = (e.target as Input).value;\n\t\tthis._alpha = parseFloat(aphaInputValue);\n\t\tif (Number.isNaN(this._alpha)) {\n\t\t\tthis._alpha = 1;\n\t\t}\n\t\tthis._isHueValueChanged = true;\n\t\tthis._setColor(this._value);\n\t}\n\n\t_handleHueInput(e: CustomEvent) {\n\t\tthis.selectedHue = (e.target as Slider).value;\n\t\tthis._hue = this.selectedHue;\n\t\tthis._setMainColor(this._hue);\n\t\t// Idication that changes to the hue value triggered as a result of user pressing over the hue slider.\n\t\tthis._isHueValueChanged = true;\n\n\t\tconst x: number = this._selectedCoordinates.x + PICKER_POINTER_WIDTH;\n\t\tconst y: number = this._selectedCoordinates.y + PICKER_POINTER_WIDTH;\n\t\tconst tempColor = this._calculateColorFromCoordinates(x, y);\n\n\t\tif (tempColor) {\n\t\t\tthis._setColor(HSLToRGB(tempColor));\n\t\t}\n\t}\n\n\t_handleHEXChange(e: CustomEvent | KeyboardEvent) {\n\t\tconst hexRegex = new RegExp(\"^[<0-9 abcdef]+$\");\n\t\tconst input: Input = (e.target as Input);\n\t\tlet inputValueLowerCase = input.value.toLowerCase();\n\n\t\t// Shorthand Syntax\n\t\tif (inputValueLowerCase.length === 3) {\n\t\t\tinputValueLowerCase = `${inputValueLowerCase[0]}${inputValueLowerCase[0]}${inputValueLowerCase[1]}${inputValueLowerCase[1]}${inputValueLowerCase[2]}${inputValueLowerCase[2]}`;\n\t\t}\n\n\t\tconst isNewValueValid = inputValueLowerCase.length === 6 && hexRegex.test(inputValueLowerCase);\n\n\t\tif (isNewValueValid && input.value !== inputValueLowerCase) {\n\t\t\tthis._wrongHEX = false;\n\t\t\tinput.value = inputValueLowerCase;\n\t\t}\n\n\t\tif (inputValueLowerCase === this.hex) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.hex = inputValueLowerCase;\n\n\t\tif (!isNewValueValid) {\n\t\t\tthis._wrongHEX = true;\n\t\t} else {\n\t\t\tthis._wrongHEX = false;\n\t\t\tthis._setColor(HEXToRGB(this.hex));\n\t\t}\n\t}\n\n\t_handleRGBInputsChange(e: Event) {\n\t\tconst target = e.target as Input;\n\t\tconst targetValue = parseInt(target.value) || 0;\n\t\tlet tempColor;\n\t\tswitch (target.id) {\n\t\tcase \"red\":\n\t\t\ttempColor = { ...this._value, r: targetValue };\n\t\t\tbreak;\n\n\t\tcase \"green\":\n\t\t\ttempColor = { ...this._value, g: targetValue };\n\t\t\tbreak;\n\n\t\tcase \"blue\":\n\t\t\ttempColor = { ...this._value, b: targetValue };\n\t\t\tbreak;\n\t\tdefault:\n\t\t\ttempColor = { ...this._value };\n\t\t}\n\n\t\tthis._setColor(tempColor);\n\t}\n\n\t_setMainColor(hueValue: number) {\n\t\tconst hueValueMod = hueValue * 4.251;\n\n\t\tif (hueValueMod <= 255) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 255,\n\t\t\t\tg: hueValueMod,\n\t\t\t\tb: 0,\n\t\t\t};\n\t\t} else if (hueValueMod <= 510) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 255 - (hueValueMod - 255),\n\t\t\t\tg: 255,\n\t\t\t\tb: 0,\n\t\t\t};\n\t\t} else if (hueValueMod <= 765) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 0,\n\t\t\t\tg: 255,\n\t\t\t\tb: hueValueMod - 510,\n\t\t\t};\n\t\t} else if (hueValueMod <= 1020) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 0,\n\t\t\t\tg: 765 - (hueValueMod - 255),\n\t\t\t\tb: 255,\n\t\t\t};\n\t\t} else if (hueValueMod <= 1275) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: hueValueMod - 1020,\n\t\t\t\tg: 0,\n\t\t\t\tb: 255,\n\t\t\t};\n\t\t} else {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 255,\n\t\t\t\tg: 0,\n\t\t\t\tb: 1275 - (hueValueMod - 255),\n\t\t\t};\n\t\t}\n\t}\n\n\t_handleAlphaChange(e: CustomEvent) {\n\t\tthis._handleAlphaInputFromSlider(e);\n\n\t\tthis._alpha = this._alpha < 0 ? 0 : this._alpha;\n\t\tthis._alpha = this._alpha > 1 ? 1 : this._alpha;\n\t}\n\n\t_changeSelectedColor(x: number, y: number) {\n\t\tthis._selectedCoordinates = {\n\t\t\tx: x - PICKER_POINTER_WIDTH, // Center the coordinates, because of the width of the circle\n\t\t\ty: y - PICKER_POINTER_WIDTH, // Center the coordinates, because of the height of the circle\n\t\t};\n\n\t\t// Idication that changes to the color settings are triggered as a result of user pressing over the main color section.\n\t\tthis._isSelectedColorChanged = true;\n\n\t\tconst tempColor = this._calculateColorFromCoordinates(x, y);\n\t\tif (tempColor) {\n\t\t\tthis._setColor(HSLToRGB(tempColor));\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isEnter(e)) {\n\t\t\tthis._handleHEXChange(e);\n\t\t}\n\t}\n\n\t_calculateColorFromCoordinates(x: number, y: number) {\n\t\t// By using the selected coordinates(x = Lightness, y = Saturation) and hue(selected from the hue slider)\n\t\t// and HSL format, the color will be parsed to RGB\n\t\t// 0 ≤ H < 360\n\t\t// 4.251 because with 4.25 we get out of the colors range.\n\t\tconst h = this._hue;\n\n\t\t// 0 ≤ S ≤ 1\n\t\tconst s = 1 - +(Math.round(parseFloat((y / 256) + \"e+2\")) + \"e-2\"); // eslint-disable-line\n\n\t\t// 0 ≤ V ≤ 1\n\t\tconst l = +(Math.round(parseFloat((x / 256) + \"e+2\")) + \"e-2\"); // eslint-disable-line\n\n\t\tif (!s || !l) {\n\t\t\t// The event is finished out of the main color section\n\t\t\treturn;\n\t\t}\n\n\t\treturn {\n\t\t\th,\n\t\t\ts,\n\t\t\tl,\n\t\t};\n\t}\n\n\t_setColor(color: ColorRGB = { r: 0, g: 0, b: 0 }) {\n\t\tthis.value = `rgba(${color.r}, ${color.g}, ${color.b}, ${this._alpha})`;\n\t\tthis._wrongHEX = !this.isValidRGBColor(color);\n\t\tthis.fireDecoratorEvent(\"change\");\n\t}\n\n\tisValidRGBColor(color: ColorRGB) {\n\t\treturn color.r >= 0 && color.r <= 255 && color.g >= 0 && color.g <= 255 && color.b >= 0 && color.b <= 255;\n\t}\n\n\t_setHex() {\n\t\tlet red = this._value.r.toString(16),\n\t\t\tgreen = this._value.g.toString(16),\n\t\t\tblue = this._value.b.toString(16);\n\n\t\tif (red.length === 1) {\n\t\t\tred = `0${red}`;\n\t\t}\n\t\tif (green.length === 1) {\n\t\t\tgreen = `0${green}`;\n\t\t}\n\t\tif (blue.length === 1) {\n\t\t\tblue = `0${blue}`;\n\t\t}\n\n\t\tthis.hex = red + green + blue;\n\t}\n\n\t_setValues() {\n\t\tconst hslColours: ColorHSL = RGBToHSL(this._value);\n\t\tthis._selectedCoordinates = {\n\t\t\tx: ((Math.round(hslColours.l * 100) * 2.56)) - PICKER_POINTER_WIDTH, // Center the coordinates, because of the width of the circle\n\t\t\ty: (256 - (Math.round(hslColours.s * 100) * 2.56)) - PICKER_POINTER_WIDTH, // Center the coordinates, because of the height of the circle\n\t\t};\n\n\t\tif (this._isSelectedColorChanged) { // We shouldn't update the hue value when user presses over the main color section.\n\t\t\tthis._isSelectedColorChanged = false;\n\t\t} else if (this._isHueValueChanged) { // We shouldn't recalculate the hue value when user changes the hue slider.\n\t\t\tthis._isHueValueChanged = false;\n\t\t\tthis._hue = this.selectedHue ? this.selectedHue : this._hue;\n\t\t} else {\n\t\t\tthis._hue = Math.round(hslColours.h);\n\t\t}\n\n\t\tthis._setMainColor(this._hue);\n\t}\n\n\tget hueSliderLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_HUE_SLIDER);\n\t}\n\n\tget alphaSliderLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_ALPHA_SLIDER);\n\t}\n\n\tget hexInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_HEX);\n\t}\n\n\tget redInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_RED);\n\t}\n\n\tget greenInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_GREEN);\n\t}\n\n\tget blueInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_BLUE);\n\t}\n\n\tget alphaInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_ALPHA);\n\t}\n\n\tget inputsDisabled() {\n\t\treturn this._wrongHEX ? true : undefined;\n\t}\n\n\tget hexInputErrorState(): `${ValueState}` {\n\t\treturn this._wrongHEX ? \"Negative\" : \"None\";\n\t}\n\n\tget _isDefaultPickerMode() {\n\t\treturn !this.simplified;\n\t}\n\n\tget styles() {\n\t\t// Remove after deleting the hbs template as the styles are added via the jsx template\n\t\treturn {\n\t\t\tmainColor: {\n\t\t\t\t\"background-color\": `rgb(${this._mainValue.r}, ${this._mainValue.g}, ${this._mainValue.b})`,\n\t\t\t},\n\t\t\tcircle: {\n\t\t\t\tleft: `${this._selectedCoordinates.x}px`,\n\t\t\t\ttop: `${this._selectedCoordinates.y}px`,\n\t\t\t},\n\t\t\tcolorSpan: {\n\t\t\t\t\"background-color\": `rgba(${this._value.r}, ${this._value.g}, ${this._value.b}, ${this._alpha})`,\n\t\t\t},\n\t\t};\n\t}\n}\n\nColorPicker.define();\n\nexport default ColorPicker;\n"]}
1
+ {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../src/ColorPicker.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAC/D,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAGnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAEvF,OAAO,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACR,MAAM,sDAAsD,CAAC;AAK9D,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAI3D,OAAO,EACN,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GACjB,MAAM,mCAAmC,CAAC;AAE3C,SAAS;AACT,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAEnE,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAOjC;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AAiBH,IAAM,WAAW,mBAAjB,MAAM,WAAY,SAAQ,UAAU;IAsGnC,KAAK,CAAC,iBAAiB;QACtB,OAAO,IAAI,CAAC,mBAAmB,EAAE,CAAC;IACnC,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED;QACC,KAAK,EAAE,CAAC;QA3GT;;;;;;WAMG;QAEH,UAAK,GAAG,qBAAqB,CAAC;QAa9B;;;;;WAKG;QAEH,eAAU,GAAG,KAAK,CAAC;QAEnB;;;;;WAKG;QAEH,QAAG,GAAG,QAAQ,CAAC;QASf;;;WAGG;QAEH,WAAM,GAAa,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAQ3C;;WAEG;QAEH,WAAM,GAAG,CAAC,CAAC;QAEX;;WAEG;QAEH,SAAI,GAAG,CAAC,CAAC;QAET;;WAEG;QAEH,4BAAuB,GAAG,KAAK,CAAC;QAEhC;;WAEG;QAEH,uBAAkB,GAAG,KAAK,CAAC;QAE3B;;WAEG;QAEH,cAAS,GAAG,KAAK,CAAC;QAsBjB,sBAAsB;QACtB,IAAI,CAAC,oBAAoB,GAAG;YAC3B,CAAC,EAAE,GAAG,GAAG,oBAAoB;YAC7B,CAAC,EAAE,GAAG,GAAG,oBAAoB;SAC7B,CAAC;QAEF,4BAA4B;QAC5B,IAAI,CAAC,UAAU,GAAG;YACjB,CAAC,EAAE,GAAG;YACN,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACJ,CAAC;QAEF,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;QAErB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,iBAAiB;QAChB,kDAAkD;QAClD,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,SAAS,GAAG,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;QAC5F,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,6CAA6C,CAAC,EAAE,SAAS,CAAC,CAAC;IACpG,CAAC;IAED,gBAAgB,CAAC,CAAa;QAC7B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,cAAc;QACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,eAAe,CAAC,CAAa;QAC5B,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;YACtC,OAAO;QACR,CAAC;QAED,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,MAAM,YAAY,GAAW,MAAM,CAAC,YAAY,CAAC;QACjD,MAAM,WAAW,GAAW,MAAM,CAAC,WAAW,CAAC;QAC/C,MAAM,MAAM,GAAY,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC;QACvC,MAAM,IAAI,GAAY,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC;QACrC,MAAM,MAAM,GAAY,CAAC,CAAC,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC;QACzD,MAAM,OAAO,GAAY,CAAC,CAAC,OAAO,IAAI,MAAM,CAAC,WAAW,CAAC;QAEzD,IAAI,CAAS,EACZ,CAAS,CAAC;QAEX,IAAI,MAAM,EAAE,CAAC;YACZ,CAAC,GAAG,CAAC,CAAC;QACP,CAAC;aAAM,IAAI,OAAO,EAAE,CAAC;YACpB,mHAAmH;YACnH,CAAC,GAAG,WAAW,CAAC;QACjB,CAAC;aAAM,CAAC;YACP,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;QACf,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACV,CAAC,GAAG,CAAC,CAAC;QACP,CAAC;aAAM,IAAI,MAAM,EAAE,CAAC;YACnB,mHAAmH;YACnH,CAAC,GAAG,YAAY,CAAC;QAClB,CAAC;aAAM,CAAC;YACP,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;QACf,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACxB,CAAC;IAED,gBAAgB,CAAC,CAAa;QAC7B,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACtC,OAAO;QACR,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,2BAA2B,CAAC,CAAc;QACzC,MAAM,cAAc,GAAY,CAAC,CAAC,MAAgB,CAAC,KAAK,CAAC;QACzD,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;QACzC,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;QACjB,CAAC;QACD,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC7B,CAAC;IAED,eAAe,CAAC,CAAc;QAC7B,IAAI,CAAC,WAAW,GAAI,CAAC,CAAC,MAAiB,CAAC,KAAK,CAAC;QAC9C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9B,sGAAsG;QACtG,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAE/B,MAAM,CAAC,GAAW,IAAI,CAAC,oBAAoB,CAAC,CAAC,GAAG,oBAAoB,CAAC;QACrE,MAAM,CAAC,GAAW,IAAI,CAAC,oBAAoB,CAAC,CAAC,GAAG,oBAAoB,CAAC;QACrE,MAAM,SAAS,GAAG,IAAI,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAE5D,IAAI,SAAS,EAAE,CAAC;YACf,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QACrC,CAAC;IACF,CAAC;IAED,gBAAgB,CAAC,CAA8B;QAC9C,MAAM,QAAQ,GAAG,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAChD,MAAM,KAAK,GAAW,CAAC,CAAC,MAAgB,CAAC;QACzC,IAAI,mBAAmB,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;QAEpD,mBAAmB;QACnB,IAAI,mBAAmB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtC,mBAAmB,GAAG,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,GAAG,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;QAChL,CAAC;QAED,MAAM,eAAe,GAAG,mBAAmB,CAAC,MAAM,KAAK,CAAC,IAAI,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAE/F,IAAI,eAAe,IAAI,KAAK,CAAC,KAAK,KAAK,mBAAmB,EAAE,CAAC;YAC5D,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,KAAK,CAAC,KAAK,GAAG,mBAAmB,CAAC;QACnC,CAAC;QAED,IAAI,mBAAmB,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC;YACtC,OAAO;QACR,CAAC;QAED,IAAI,CAAC,GAAG,GAAG,mBAAmB,CAAC;QAE/B,IAAI,CAAC,eAAe,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACvB,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACpC,CAAC;IACF,CAAC;IAED,sBAAsB,CAAC,CAAQ;QAC9B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAe,CAAC;QACjC,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAChD,IAAI,SAAS,CAAC;QACd,QAAQ,MAAM,CAAC,EAAE,EAAE,CAAC;YACpB,KAAK,KAAK;gBACT,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC;gBAC/C,MAAM;YAEP,KAAK,OAAO;gBACX,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC;gBAC/C,MAAM;YAEP,KAAK,MAAM;gBACV,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC;gBAC/C,MAAM;YACP;gBACC,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC;QAChC,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;IAED,aAAa,CAAC,QAAgB;QAC7B,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC;QAErC,IAAI,WAAW,IAAI,GAAG,EAAE,CAAC;YACxB,IAAI,CAAC,UAAU,GAAG;gBACjB,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,WAAW;gBACd,CAAC,EAAE,CAAC;aACJ,CAAC;QACH,CAAC;aAAM,IAAI,WAAW,IAAI,GAAG,EAAE,CAAC;YAC/B,IAAI,CAAC,UAAU,GAAG;gBACjB,CAAC,EAAE,GAAG,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC;gBAC5B,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,CAAC;aACJ,CAAC;QACH,CAAC;aAAM,IAAI,WAAW,IAAI,GAAG,EAAE,CAAC;YAC/B,IAAI,CAAC,UAAU,GAAG;gBACjB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,WAAW,GAAG,GAAG;aACpB,CAAC;QACH,CAAC;aAAM,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YAChC,IAAI,CAAC,UAAU,GAAG;gBACjB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,GAAG,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC;gBAC5B,CAAC,EAAE,GAAG;aACN,CAAC;QACH,CAAC;aAAM,IAAI,WAAW,IAAI,IAAI,EAAE,CAAC;YAChC,IAAI,CAAC,UAAU,GAAG;gBACjB,CAAC,EAAE,WAAW,GAAG,IAAI;gBACrB,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,GAAG;aACN,CAAC;QACH,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,UAAU,GAAG;gBACjB,CAAC,EAAE,GAAG;gBACN,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,IAAI,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC;aAC7B,CAAC;QACH,CAAC;IACF,CAAC;IAED,kBAAkB,CAAC,CAAc;QAChC,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC;QAEpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;QAChD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;IACjD,CAAC;IAED,oBAAoB,CAAC,CAAS,EAAE,CAAS;QACxC,IAAI,CAAC,oBAAoB,GAAG;YAC3B,CAAC,EAAE,CAAC,GAAG,oBAAoB,EAAE,6DAA6D;YAC1F,CAAC,EAAE,CAAC,GAAG,oBAAoB,EAAE,8DAA8D;SAC3F,CAAC;QAEF,uHAAuH;QACvH,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;QAEpC,MAAM,SAAS,GAAG,IAAI,CAAC,8BAA8B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5D,IAAI,SAAS,EAAE,CAAC;YACf,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QACrC,CAAC;IACF,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC;IAED,8BAA8B,CAAC,CAAS,EAAE,CAAS;QAClD,yGAAyG;QACzG,kDAAkD;QAClD,cAAc;QACd,0DAA0D;QAC1D,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;QAEpB,YAAY;QACZ,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,sBAAsB;QAE1F,YAAY;QACZ,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,sBAAsB;QAEtF,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;YACd,sDAAsD;YACtD,OAAO;QACR,CAAC;QAED,OAAO;YACN,CAAC;YACD,CAAC;YACD,CAAC;SACD,CAAC;IACH,CAAC;IAED,SAAS,CAAC,QAAkB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QAC/C,IAAI,CAAC,KAAK,GAAG,QAAQ,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC;QACxE,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;IAED,eAAe,CAAC,KAAe;QAC9B,OAAO,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,GAAG,CAAC;IAC3G,CAAC;IAED,OAAO;QACN,IAAI,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EACnC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAClC,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnC,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACtB,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;QACjB,CAAC;QACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxB,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QACrB,CAAC;QACD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACnB,CAAC;QAED,IAAI,CAAC,GAAG,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,UAAU;QACT,MAAM,UAAU,GAAa,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,oBAAoB,GAAG;YAC3B,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,oBAAoB,EAAE,6DAA6D;YAClI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,oBAAoB,EAAE,8DAA8D;SACzI,CAAC;QAEF,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC,mFAAmF;YACtH,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;QACtC,CAAC;aAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,2EAA2E;YAChH,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC7D,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,aAAW,CAAC,UAAU,CAAC,OAAO,CAAC,sBAAsB,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,gBAAgB;QACnB,OAAO,aAAW,CAAC,UAAU,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,aAAW,CAAC,UAAU,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,aAAW,CAAC,UAAU,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;IACxD,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,aAAW,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,aAAW,CAAC,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,eAAe;QAClB,OAAO,aAAW,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1C,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;IAC7C,CAAC;IAED,IAAI,oBAAoB;QACvB,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,IAAI,MAAM;QACT,sFAAsF;QACtF,OAAO;YACN,SAAS,EAAE;gBACV,kBAAkB,EAAE,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG;aAC3F;YACD,MAAM,EAAE;gBACP,IAAI,EAAE,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI;gBACxC,GAAG,EAAE,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI;aACvC;YACD,SAAS,EAAE;gBACV,kBAAkB,EAAE,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG;aAChG;SACD,CAAC;IACH,CAAC;CACD,CAAA;AAhdA;IADC,QAAQ,EAAE;0CACmB;AAW9B;IADC,QAAQ,EAAE;yCACG;AASd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACT;AASnB;IADC,QAAQ,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;wCACjB;AAOf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACN;AAOrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CACgB;AAM3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACY;AAMvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAClB;AAMT;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DACI;AAMhC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uDACD;AAM3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACV;AASX;IADN,IAAI,CAAC,oBAAoB,CAAC;qCACG;AApGzB,WAAW;IAfhB,aAAa,CAAC;QACd,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,WAAW;QACrB,cAAc,EAAE,IAAI;QACpB,MAAM,EAAE,cAAc;QACtB,QAAQ,EAAE,mBAAmB;QAC7B,iBAAiB,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE;KAC3C,CAAC;IACF;;;OAGG;;IACF,KAAK,CAAC,QAAQ,EAAE;QAChB,OAAO,EAAE,IAAI;KACb,CAAC;GACI,WAAW,CA4dhB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport { isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\nimport type { IFormInputElement } from \"@ui5/webcomponents-base/dist/features/InputElementsFormSupport.js\";\nimport {\n\tgetRGBColor,\n\tgetAlpha,\n\tHSLToRGB,\n\tHEXToRGB,\n\tRGBToHSL,\n} from \"@ui5/webcomponents-base/dist/util/ColorConversion.js\";\nimport type {\n\tColorHSL,\n\tColorRGB,\n} from \"@ui5/webcomponents-base/dist/util/ColorConversion.js\";\nimport ColorPickerTemplate from \"./ColorPickerTemplate.js\";\nimport type Input from \"./Input.js\";\nimport type Slider from \"./Slider.js\";\n\nimport {\n\tCOLORPICKER_ALPHA_SLIDER,\n\tCOLORPICKER_HUE_SLIDER,\n\tCOLORPICKER_HEX,\n\tCOLORPICKER_RED,\n\tCOLORPICKER_GREEN,\n\tCOLORPICKER_BLUE,\n\tCOLORPICKER_ALPHA,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport ColorPickerCss from \"./generated/themes/ColorPicker.css.js\";\n\nconst PICKER_POINTER_WIDTH = 6.5;\n\ntype ColorCoordinates = {\n\tx: number,\n\ty: number,\n}\n\n/**\n * @class\n *\n * ### Overview\n * The `ui5-color-picker` allows users to choose any color and provides different input options for selecting colors.\n *\n * ### Usage\n *\n * #### When to use\n * Use the color picker if:\n *\n * - users need to select any color freely.\n *\n * #### When not to use\n *\n * - Users need to select one color from a predefined set of colors. Use the ColorPalette component instead.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/ColorPicker.js\";`\n * @constructor\n * @since 1.0.0-rc.12\n * @extends UI5Element\n * @public\n */\n\n@customElement({\n\ttag: \"ui5-color-picker\",\n\trenderer: jsxRenderer,\n\tformAssociated: true,\n\tstyles: ColorPickerCss,\n\ttemplate: ColorPickerTemplate,\n\tshadowRootOptions: { delegatesFocus: true },\n})\n/**\n * Fired when the the selected color is changed\n * @public\n */\n@event(\"change\", {\n\tbubbles: true,\n})\nclass ColorPicker extends UI5Element implements IFormInputElement {\n\teventDetails!: {\n\t\tchange: void;\n\t}\n\t/**\n\t * Defines the currently selected color of the component.\n\t *\n\t * **Note**: use HEX, RGB, RGBA, HSV formats or a CSS color name when modifying this property.\n\t * @default \"rgba(255,255,255,1)\"\n\t * @public\n\t */\n\t@property()\n\tvalue = \"rgba(255,255,255,1)\";\n\n\t/**\n\t * Determines the name by which the component will be identified upon submission in an HTML form.\n\t *\n\t * **Note:** This property is only applicable within the context of an HTML Form element.\n\t * @default undefined\n\t * @public\n\t * @since 2.0.0\n\t */\n\t@property()\n\tname?: string;\n\n\t/**\n\t * When set to `true`, the alpha slider and inputs for RGB values will not be displayed.\n\t * @default false\n\t * @public\n\t * @since 2.5.0\n\t */\n\t@property({ type: Boolean })\n\tsimplified = false;\n\n\t/**\n\t * Defines the HEX code of the currently selected color\n\t *\n\t * **Note**: If Alpha(transperancy) is set it is not included in this property. Use `color` property.\n\t * @private\n\t */\n\t@property({ noAttribute: true })\n\thex = \"ffffff\";\n\n\t/**\n\t * Defines the current main color which is selected via the hue slider and is shown in the main color square.\n\t * @private\n\t */\n\t@property({ type: Object })\n\t_mainValue: ColorRGB;\n\n\t/**\n\t * Defines the currenty selected color from the main color section.\n\t * @private\n\t */\n\t@property({ type: Object })\n\t_value: ColorRGB = getRGBColor(this.value);\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Object })\n\t_selectedCoordinates: ColorCoordinates;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Number })\n\t_alpha = 1;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Number })\n\t_hue = 0;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_isSelectedColorChanged = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_isHueValueChanged = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_wrongHEX = false;\n\n\tselectedHue: number;\n\n\tmouseDown: boolean;\n\n\tmouseIn: boolean;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tasync formElementAnchor() {\n\t\treturn this.getFocusDomRefAsync();\n\t}\n\n\tget formFormattedValue() {\n\t\treturn this.value;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\n\t\t// Bottom Right corner\n\t\tthis._selectedCoordinates = {\n\t\t\tx: 256 - PICKER_POINTER_WIDTH,\n\t\t\ty: 256 - PICKER_POINTER_WIDTH,\n\t\t};\n\n\t\t// Default main color is red\n\t\tthis._mainValue = {\n\t\t\tr: 255,\n\t\t\tg: 0,\n\t\t\tb: 0,\n\t\t};\n\n\t\tthis.selectedHue = 0;\n\n\t\tthis.mouseDown = false;\n\t\tthis.mouseIn = false;\n\t}\n\n\tonBeforeRendering() {\n\t\t// we have the color & ._mainValue properties here\n\t\tthis._value = getRGBColor(this.value);\n\t\tthis._alpha = getAlpha(this.value);\n\t\tconst tempColor = `rgba(${this._value.r},${this._value.g},${this._value.b},${this._alpha})`;\n\t\tthis._setHex();\n\t\tthis._setValues();\n\t\tthis.style.setProperty(getScopedVarName(\"--ui5_Color_Picker_Progress_Container_Color\"), tempColor);\n\t}\n\n\t_handleMouseDown(e: MouseEvent) {\n\t\tthis.mouseDown = true;\n\t\tthis.mouseIn = true;\n\t\tthis._changeSelectedColor(e.offsetX, e.offsetY);\n\t}\n\n\t_handleMouseUp() {\n\t\tthis.mouseDown = false;\n\t}\n\n\t_handleMouseOut(e: MouseEvent) {\n\t\tif (!this.mouseIn || !this.mouseDown) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst target = e.target as HTMLElement;\n\t\tconst offsetHeight: number = target.offsetHeight;\n\t\tconst offsetWidth: number = target.offsetWidth;\n\t\tconst isLeft: boolean = e.offsetX <= 0;\n\t\tconst isUp: boolean = e.offsetY <= 0;\n\t\tconst isDown: boolean = e.offsetY >= target.offsetHeight;\n\t\tconst isRight: boolean = e.offsetX >= target.offsetWidth;\n\n\t\tlet x: number,\n\t\t\ty: number;\n\n\t\tif (isLeft) {\n\t\t\tx = 0;\n\t\t} else if (isRight) {\n\t\t\t// Note: - e.offsetWidth has been changed to e.target.offsetWidth as offsetWidth does not exist on the event object\n\t\t\tx = offsetWidth;\n\t\t} else {\n\t\t\tx = e.offsetX;\n\t\t}\n\n\t\tif (isUp) {\n\t\t\ty = 0;\n\t\t} else if (isDown) {\n\t\t\t// Note: - e.offsetWidth has been changed to e.target.offsetWidth as offsetWidth does not exist on the event object\n\t\t\ty = offsetHeight;\n\t\t} else {\n\t\t\ty = e.offsetY;\n\t\t}\n\n\t\tthis._changeSelectedColor(x, y);\n\t\tthis.mouseIn = false;\n\t\tthis.mouseDown = false;\n\t}\n\n\t_handleMouseMove(e: MouseEvent) {\n\t\tif (!this.mouseDown || !this.mouseIn) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changeSelectedColor(e.offsetX, e.offsetY);\n\t}\n\n\t_handleAlphaInputFromSlider(e: CustomEvent) {\n\t\tconst aphaInputValue: string = (e.target as Input).value;\n\t\tthis._alpha = parseFloat(aphaInputValue);\n\t\tif (Number.isNaN(this._alpha)) {\n\t\t\tthis._alpha = 1;\n\t\t}\n\t\tthis._isHueValueChanged = true;\n\t\tthis._setColor(this._value);\n\t}\n\n\t_handleHueInput(e: CustomEvent) {\n\t\tthis.selectedHue = (e.target as Slider).value;\n\t\tthis._hue = this.selectedHue;\n\t\tthis._setMainColor(this._hue);\n\t\t// Idication that changes to the hue value triggered as a result of user pressing over the hue slider.\n\t\tthis._isHueValueChanged = true;\n\n\t\tconst x: number = this._selectedCoordinates.x + PICKER_POINTER_WIDTH;\n\t\tconst y: number = this._selectedCoordinates.y + PICKER_POINTER_WIDTH;\n\t\tconst tempColor = this._calculateColorFromCoordinates(x, y);\n\n\t\tif (tempColor) {\n\t\t\tthis._setColor(HSLToRGB(tempColor));\n\t\t}\n\t}\n\n\t_handleHEXChange(e: CustomEvent | KeyboardEvent) {\n\t\tconst hexRegex = new RegExp(\"^[<0-9 abcdef]+$\");\n\t\tconst input: Input = (e.target as Input);\n\t\tlet inputValueLowerCase = input.value.toLowerCase();\n\n\t\t// Shorthand Syntax\n\t\tif (inputValueLowerCase.length === 3) {\n\t\t\tinputValueLowerCase = `${inputValueLowerCase[0]}${inputValueLowerCase[0]}${inputValueLowerCase[1]}${inputValueLowerCase[1]}${inputValueLowerCase[2]}${inputValueLowerCase[2]}`;\n\t\t}\n\n\t\tconst isNewValueValid = inputValueLowerCase.length === 6 && hexRegex.test(inputValueLowerCase);\n\n\t\tif (isNewValueValid && input.value !== inputValueLowerCase) {\n\t\t\tthis._wrongHEX = false;\n\t\t\tinput.value = inputValueLowerCase;\n\t\t}\n\n\t\tif (inputValueLowerCase === this.hex) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.hex = inputValueLowerCase;\n\n\t\tif (!isNewValueValid) {\n\t\t\tthis._wrongHEX = true;\n\t\t} else {\n\t\t\tthis._wrongHEX = false;\n\t\t\tthis._setColor(HEXToRGB(this.hex));\n\t\t}\n\t}\n\n\t_handleRGBInputsChange(e: Event) {\n\t\tconst target = e.target as Input;\n\t\tconst targetValue = parseInt(target.value) || 0;\n\t\tlet tempColor;\n\t\tswitch (target.id) {\n\t\tcase \"red\":\n\t\t\ttempColor = { ...this._value, r: targetValue };\n\t\t\tbreak;\n\n\t\tcase \"green\":\n\t\t\ttempColor = { ...this._value, g: targetValue };\n\t\t\tbreak;\n\n\t\tcase \"blue\":\n\t\t\ttempColor = { ...this._value, b: targetValue };\n\t\t\tbreak;\n\t\tdefault:\n\t\t\ttempColor = { ...this._value };\n\t\t}\n\n\t\tthis._setColor(tempColor);\n\t}\n\n\t_setMainColor(hueValue: number) {\n\t\tconst hueValueMod = hueValue * 4.251;\n\n\t\tif (hueValueMod <= 255) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 255,\n\t\t\t\tg: hueValueMod,\n\t\t\t\tb: 0,\n\t\t\t};\n\t\t} else if (hueValueMod <= 510) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 255 - (hueValueMod - 255),\n\t\t\t\tg: 255,\n\t\t\t\tb: 0,\n\t\t\t};\n\t\t} else if (hueValueMod <= 765) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 0,\n\t\t\t\tg: 255,\n\t\t\t\tb: hueValueMod - 510,\n\t\t\t};\n\t\t} else if (hueValueMod <= 1020) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 0,\n\t\t\t\tg: 765 - (hueValueMod - 255),\n\t\t\t\tb: 255,\n\t\t\t};\n\t\t} else if (hueValueMod <= 1275) {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: hueValueMod - 1020,\n\t\t\t\tg: 0,\n\t\t\t\tb: 255,\n\t\t\t};\n\t\t} else {\n\t\t\tthis._mainValue = {\n\t\t\t\tr: 255,\n\t\t\t\tg: 0,\n\t\t\t\tb: 1275 - (hueValueMod - 255),\n\t\t\t};\n\t\t}\n\t}\n\n\t_handleAlphaChange(e: CustomEvent) {\n\t\tthis._handleAlphaInputFromSlider(e);\n\n\t\tthis._alpha = this._alpha < 0 ? 0 : this._alpha;\n\t\tthis._alpha = this._alpha > 1 ? 1 : this._alpha;\n\t}\n\n\t_changeSelectedColor(x: number, y: number) {\n\t\tthis._selectedCoordinates = {\n\t\t\tx: x - PICKER_POINTER_WIDTH, // Center the coordinates, because of the width of the circle\n\t\t\ty: y - PICKER_POINTER_WIDTH, // Center the coordinates, because of the height of the circle\n\t\t};\n\n\t\t// Idication that changes to the color settings are triggered as a result of user pressing over the main color section.\n\t\tthis._isSelectedColorChanged = true;\n\n\t\tconst tempColor = this._calculateColorFromCoordinates(x, y);\n\t\tif (tempColor) {\n\t\t\tthis._setColor(HSLToRGB(tempColor));\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isEnter(e)) {\n\t\t\tthis._handleHEXChange(e);\n\t\t}\n\t}\n\n\t_calculateColorFromCoordinates(x: number, y: number) {\n\t\t// By using the selected coordinates(x = Lightness, y = Saturation) and hue(selected from the hue slider)\n\t\t// and HSL format, the color will be parsed to RGB\n\t\t// 0 ≤ H < 360\n\t\t// 4.251 because with 4.25 we get out of the colors range.\n\t\tconst h = this._hue;\n\n\t\t// 0 ≤ S ≤ 1\n\t\tconst s = 1 - +(Math.round(parseFloat((y / 256) + \"e+2\")) + \"e-2\"); // eslint-disable-line\n\n\t\t// 0 ≤ V ≤ 1\n\t\tconst l = +(Math.round(parseFloat((x / 256) + \"e+2\")) + \"e-2\"); // eslint-disable-line\n\n\t\tif (!s || !l) {\n\t\t\t// The event is finished out of the main color section\n\t\t\treturn;\n\t\t}\n\n\t\treturn {\n\t\t\th,\n\t\t\ts,\n\t\t\tl,\n\t\t};\n\t}\n\n\t_setColor(color: ColorRGB = { r: 0, g: 0, b: 0 }) {\n\t\tthis.value = `rgba(${color.r}, ${color.g}, ${color.b}, ${this._alpha})`;\n\t\tthis._wrongHEX = !this.isValidRGBColor(color);\n\t\tthis.fireDecoratorEvent(\"change\");\n\t}\n\n\tisValidRGBColor(color: ColorRGB) {\n\t\treturn color.r >= 0 && color.r <= 255 && color.g >= 0 && color.g <= 255 && color.b >= 0 && color.b <= 255;\n\t}\n\n\t_setHex() {\n\t\tlet red = this._value.r.toString(16),\n\t\t\tgreen = this._value.g.toString(16),\n\t\t\tblue = this._value.b.toString(16);\n\n\t\tif (red.length === 1) {\n\t\t\tred = `0${red}`;\n\t\t}\n\t\tif (green.length === 1) {\n\t\t\tgreen = `0${green}`;\n\t\t}\n\t\tif (blue.length === 1) {\n\t\t\tblue = `0${blue}`;\n\t\t}\n\n\t\tthis.hex = red + green + blue;\n\t}\n\n\t_setValues() {\n\t\tconst hslColours: ColorHSL = RGBToHSL(this._value);\n\t\tthis._selectedCoordinates = {\n\t\t\tx: ((Math.round(hslColours.l * 100) * 2.56)) - PICKER_POINTER_WIDTH, // Center the coordinates, because of the width of the circle\n\t\t\ty: (256 - (Math.round(hslColours.s * 100) * 2.56)) - PICKER_POINTER_WIDTH, // Center the coordinates, because of the height of the circle\n\t\t};\n\n\t\tif (this._isSelectedColorChanged) { // We shouldn't update the hue value when user presses over the main color section.\n\t\t\tthis._isSelectedColorChanged = false;\n\t\t} else if (this._isHueValueChanged) { // We shouldn't recalculate the hue value when user changes the hue slider.\n\t\t\tthis._isHueValueChanged = false;\n\t\t\tthis._hue = this.selectedHue ? this.selectedHue : this._hue;\n\t\t} else {\n\t\t\tthis._hue = Math.round(hslColours.h);\n\t\t}\n\n\t\tthis._setMainColor(this._hue);\n\t}\n\n\tget hueSliderLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_HUE_SLIDER);\n\t}\n\n\tget alphaSliderLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_ALPHA_SLIDER);\n\t}\n\n\tget hexInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_HEX);\n\t}\n\n\tget redInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_RED);\n\t}\n\n\tget greenInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_GREEN);\n\t}\n\n\tget blueInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_BLUE);\n\t}\n\n\tget alphaInputLabel() {\n\t\treturn ColorPicker.i18nBundle.getText(COLORPICKER_ALPHA);\n\t}\n\n\tget inputsDisabled() {\n\t\treturn this._wrongHEX ? true : undefined;\n\t}\n\n\tget hexInputErrorState(): `${ValueState}` {\n\t\treturn this._wrongHEX ? \"Negative\" : \"None\";\n\t}\n\n\tget _isDefaultPickerMode() {\n\t\treturn !this.simplified;\n\t}\n\n\tget styles() {\n\t\t// Remove after deleting the hbs template as the styles are added via the jsx template\n\t\treturn {\n\t\t\tmainColor: {\n\t\t\t\t\"background-color\": `rgb(${this._mainValue.r}, ${this._mainValue.g}, ${this._mainValue.b})`,\n\t\t\t},\n\t\t\tcircle: {\n\t\t\t\tleft: `${this._selectedCoordinates.x}px`,\n\t\t\t\ttop: `${this._selectedCoordinates.y}px`,\n\t\t\t},\n\t\t\tcolorSpan: {\n\t\t\t\t\"background-color\": `rgba(${this._value.r}, ${this._value.g}, ${this._value.b}, ${this._alpha})`,\n\t\t\t},\n\t\t};\n\t}\n}\n\nColorPicker.define();\n\nexport default ColorPicker;\n"]}
@@ -10,11 +10,13 @@ import "@ui5/webcomponents-icons/dist/information.js";
10
10
  import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
11
11
  import type { IFormInputElement } from "@ui5/webcomponents-base/dist/features/InputElementsFormSupport.js";
12
12
  import type { IIcon } from "./Icon.js";
13
- import ComboBoxItem from "./ComboBoxItem.js";
14
- import Popover from "./Popover.js";
15
- import ResponsivePopover from "./ResponsivePopover.js";
16
- import List from "./List.js";
13
+ import "./ComboBoxItem.js";
14
+ import type ComboBoxItem from "./ComboBoxItem.js";
15
+ import type Popover from "./Popover.js";
16
+ import type ResponsivePopover from "./ResponsivePopover.js";
17
+ import type List from "./List.js";
17
18
  import type { ListItemClickEventDetail } from "./List.js";
19
+ import "./ComboBoxItemGroup.js";
18
20
  import type ComboBoxFilter from "./types/ComboBoxFilter.js";
19
21
  import PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
20
22
  import type { InputEventDetail } from "./Input.js";
package/dist/ComboBox.js CHANGED
@@ -37,20 +37,12 @@ import ComboBoxPopoverCss from "./generated/themes/ComboBoxPopover.css.js";
37
37
  import ResponsivePopoverCommonCss from "./generated/themes/ResponsivePopoverCommon.css.js";
38
38
  import ValueStateMessageCss from "./generated/themes/ValueStateMessage.css.js";
39
39
  import SuggestionsCss from "./generated/themes/Suggestions.css.js";
40
- import ComboBoxItem from "./ComboBoxItem.js";
41
- import Icon from "./Icon.js";
42
- import Popover from "./Popover.js";
43
- import ResponsivePopover from "./ResponsivePopover.js";
44
- import List from "./List.js";
45
- import BusyIndicator from "./BusyIndicator.js";
46
- import Button from "./Button.js";
47
- import ListItemStandard from "./ListItemStandard.js";
48
- import ComboBoxItemGroup, { isInstanceOfComboBoxItemGroup } from "./ComboBoxItemGroup.js";
49
- import ListItemGroup from "./ListItemGroup.js";
50
- import ListItemGroupHeader from "./ListItemGroupHeader.js";
40
+ import "./ComboBoxItem.js";
41
+ // eslint-disable-next-line
42
+ import "./ComboBoxItemGroup.js";
43
+ // eslint-disable-next-line
44
+ import { isInstanceOfComboBoxItemGroup } from "./ComboBoxItemGroup.js";
51
45
  import PopoverHorizontalAlign from "./types/PopoverHorizontalAlign.js";
52
- import Input from "./Input.js";
53
- import SuggestionItem from "./SuggestionItem.js";
54
46
  const SKIP_ITEMS_SIZE = 10;
55
47
  var ValueStateIconMapping;
56
48
  (function (ValueStateIconMapping) {
@@ -1066,21 +1058,6 @@ ComboBox = ComboBox_1 = __decorate([
1066
1058
  SuggestionsCss,
1067
1059
  ],
1068
1060
  template: ComboBoxTemplate,
1069
- dependencies: [
1070
- ComboBoxItem,
1071
- Icon,
1072
- ResponsivePopover,
1073
- List,
1074
- BusyIndicator,
1075
- Button,
1076
- ListItemStandard,
1077
- ListItemGroup,
1078
- ListItemGroupHeader,
1079
- Popover,
1080
- ComboBoxItemGroup,
1081
- Input,
1082
- SuggestionItem,
1083
- ],
1084
1061
  })
1085
1062
  /**
1086
1063
  * Fired when the input operation has finished by pressing Enter, focusout or an item is selected.