@ixfx/components 0.2.3 → 0.2.4

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 (579) hide show
  1. package/LICENSE +1 -1
  2. package/bundle/chunk-pbuEa-1d.js +13 -0
  3. package/bundle/index.d.ts +4702 -569
  4. package/bundle/index.d.ts.map +1 -1
  5. package/bundle/index.js +34929 -2800
  6. package/bundle/index.js.map +1 -1
  7. package/bundle/style.css +133 -0
  8. package/dist/ac-text/ac-text.d.ts +99 -0
  9. package/dist/ac-text/ac-text.d.ts.map +1 -0
  10. package/dist/ac-text/ac-text.js +571 -0
  11. package/dist/ac-text/ac-text.js.map +1 -0
  12. package/dist/button/button-styles.d.ts +2 -0
  13. package/dist/button/button-styles.d.ts.map +1 -0
  14. package/dist/button/button-styles.js +75 -0
  15. package/dist/button/button-styles.js.map +1 -0
  16. package/dist/button/button.d.ts +16 -0
  17. package/dist/button/button.d.ts.map +1 -0
  18. package/dist/button/button.js +58 -0
  19. package/dist/button/button.js.map +1 -0
  20. package/dist/button/radio-group.d.ts +44 -0
  21. package/dist/button/radio-group.d.ts.map +1 -0
  22. package/dist/button/radio-group.js +385 -0
  23. package/dist/button/radio-group.js.map +1 -0
  24. package/dist/button/split-button.d.ts +59 -0
  25. package/dist/button/split-button.d.ts.map +1 -0
  26. package/dist/button/split-button.js +480 -0
  27. package/dist/button/split-button.js.map +1 -0
  28. package/dist/button/types.d.ts +18 -0
  29. package/dist/button/types.d.ts.map +1 -0
  30. package/dist/button/types.js +2 -0
  31. package/dist/button/types.js.map +1 -0
  32. package/dist/checkbox.d.ts +64 -0
  33. package/dist/checkbox.d.ts.map +1 -0
  34. package/dist/checkbox.js +265 -0
  35. package/dist/checkbox.js.map +1 -0
  36. package/dist/colour-picker/colour-picker-popup.d.ts +102 -0
  37. package/dist/colour-picker/colour-picker-popup.d.ts.map +1 -0
  38. package/dist/colour-picker/colour-picker-popup.js +399 -0
  39. package/dist/colour-picker/colour-picker-popup.js.map +1 -0
  40. package/dist/colour-picker/colour-picker.d.ts +100 -0
  41. package/dist/colour-picker/colour-picker.d.ts.map +1 -0
  42. package/dist/colour-picker/colour-picker.js +567 -0
  43. package/dist/colour-picker/colour-picker.js.map +1 -0
  44. package/dist/colour-picker/index.d.ts +4 -0
  45. package/dist/colour-picker/index.d.ts.map +1 -0
  46. package/dist/colour-picker/index.js +3 -0
  47. package/dist/colour-picker/index.js.map +1 -0
  48. package/dist/colour-picker/styles.d.ts +2 -0
  49. package/dist/colour-picker/styles.d.ts.map +1 -0
  50. package/dist/colour-picker/styles.js +139 -0
  51. package/dist/colour-picker/styles.js.map +1 -0
  52. package/dist/colour-picker/types.d.ts +33 -0
  53. package/dist/colour-picker/types.d.ts.map +1 -0
  54. package/dist/colour-picker/types.js +2 -0
  55. package/dist/colour-picker/types.js.map +1 -0
  56. package/dist/colour-picker/util.d.ts +15 -0
  57. package/dist/colour-picker/util.d.ts.map +1 -0
  58. package/dist/colour-picker/util.js +35 -0
  59. package/dist/colour-picker/util.js.map +1 -0
  60. package/dist/common/searchable.d.ts +9 -0
  61. package/dist/common/searchable.d.ts.map +1 -0
  62. package/dist/common/searchable.js +9 -0
  63. package/dist/common/searchable.js.map +1 -0
  64. package/dist/common/tree-component.d.ts +172 -0
  65. package/dist/common/tree-component.d.ts.map +1 -0
  66. package/dist/common/tree-component.js +8 -0
  67. package/dist/common/tree-component.js.map +1 -0
  68. package/dist/common/tree-data-model.d.ts +100 -0
  69. package/dist/common/tree-data-model.d.ts.map +1 -0
  70. package/dist/common/tree-data-model.js +207 -0
  71. package/dist/common/tree-data-model.js.map +1 -0
  72. package/dist/common/tree-item.d.ts +7 -0
  73. package/dist/common/tree-item.d.ts.map +1 -0
  74. package/dist/common/tree-item.js +2 -0
  75. package/dist/common/tree-item.js.map +1 -0
  76. package/dist/common/types.d.ts +69 -0
  77. package/dist/common/types.d.ts.map +1 -0
  78. package/dist/common/types.js +6 -0
  79. package/dist/common/types.js.map +1 -0
  80. package/dist/crumbs/crumb-navigation.d.ts +96 -0
  81. package/dist/crumbs/crumb-navigation.d.ts.map +1 -0
  82. package/dist/crumbs/crumb-navigation.js +911 -0
  83. package/dist/crumbs/crumb-navigation.js.map +1 -0
  84. package/dist/crumbs/crumb-path-controller.d.ts +18 -0
  85. package/dist/crumbs/crumb-path-controller.d.ts.map +1 -0
  86. package/dist/crumbs/crumb-path-controller.js +81 -0
  87. package/dist/crumbs/crumb-path-controller.js.map +1 -0
  88. package/dist/crumbs/crumb-path.d.ts +65 -0
  89. package/dist/crumbs/crumb-path.d.ts.map +1 -0
  90. package/dist/crumbs/crumb-path.js +691 -0
  91. package/dist/crumbs/crumb-path.js.map +1 -0
  92. package/dist/data-display.d.ts +10 -3
  93. package/dist/data-display.d.ts.map +1 -1
  94. package/dist/data-display.js +45 -28
  95. package/dist/data-display.js.map +1 -1
  96. package/dist/editable-label/editable-label.d.ts +98 -0
  97. package/dist/editable-label/editable-label.d.ts.map +1 -0
  98. package/dist/editable-label/editable-label.js +348 -0
  99. package/dist/editable-label/editable-label.js.map +1 -0
  100. package/dist/editable-label/editable-number.d.ts +96 -0
  101. package/dist/editable-label/editable-number.d.ts.map +1 -0
  102. package/dist/editable-label/editable-number.js +702 -0
  103. package/dist/editable-label/editable-number.js.map +1 -0
  104. package/dist/hex/colour.d.ts +6 -0
  105. package/dist/hex/colour.d.ts.map +1 -0
  106. package/dist/hex/colour.js +33 -0
  107. package/dist/hex/colour.js.map +1 -0
  108. package/dist/hex/data.d.ts +18 -0
  109. package/dist/hex/data.d.ts.map +1 -0
  110. package/dist/hex/data.js +61 -0
  111. package/dist/hex/data.js.map +1 -0
  112. package/dist/hex/diff.d.ts +14 -0
  113. package/dist/hex/diff.d.ts.map +1 -0
  114. package/dist/hex/diff.js +31 -0
  115. package/dist/hex/diff.js.map +1 -0
  116. package/dist/hex/hex-editor.d.ts +101 -0
  117. package/dist/hex/hex-editor.d.ts.map +1 -0
  118. package/dist/hex/hex-editor.js +894 -0
  119. package/dist/hex/hex-editor.js.map +1 -0
  120. package/dist/hex/selection.d.ts +11 -0
  121. package/dist/hex/selection.d.ts.map +1 -0
  122. package/dist/hex/selection.js +218 -0
  123. package/dist/hex/selection.js.map +1 -0
  124. package/dist/hex/types.d.ts +34 -0
  125. package/dist/hex/types.d.ts.map +1 -0
  126. package/dist/hex/types.js +4 -0
  127. package/dist/hex/types.js.map +1 -0
  128. package/dist/icons/defaults.d.ts +27 -0
  129. package/dist/icons/defaults.d.ts.map +1 -0
  130. package/dist/icons/defaults.js +34 -0
  131. package/dist/icons/defaults.js.map +1 -0
  132. package/dist/icons/icon.d.ts +31 -0
  133. package/dist/icons/icon.d.ts.map +1 -0
  134. package/dist/icons/icon.js +125 -0
  135. package/dist/icons/icon.js.map +1 -0
  136. package/dist/icons/index.d.ts +5 -0
  137. package/dist/icons/index.d.ts.map +1 -0
  138. package/dist/icons/index.js +6 -0
  139. package/dist/icons/index.js.map +1 -0
  140. package/dist/icons/registry.d.ts +11 -0
  141. package/dist/icons/registry.d.ts.map +1 -0
  142. package/dist/icons/registry.js +17 -0
  143. package/dist/icons/registry.js.map +1 -0
  144. package/dist/incr-search/ac-adapter.d.ts +18 -0
  145. package/dist/incr-search/ac-adapter.d.ts.map +1 -0
  146. package/dist/incr-search/ac-adapter.js +29 -0
  147. package/dist/incr-search/ac-adapter.js.map +1 -0
  148. package/dist/incr-search/controller-miller.d.ts +9 -0
  149. package/dist/incr-search/controller-miller.d.ts.map +1 -0
  150. package/dist/incr-search/controller-miller.js +8 -0
  151. package/dist/incr-search/controller-miller.js.map +1 -0
  152. package/dist/incr-search/controller-tree.d.ts +55 -0
  153. package/dist/incr-search/controller-tree.d.ts.map +1 -0
  154. package/dist/incr-search/controller-tree.js +106 -0
  155. package/dist/incr-search/controller-tree.js.map +1 -0
  156. package/dist/incr-search/element-search.d.ts +15 -0
  157. package/dist/incr-search/element-search.d.ts.map +1 -0
  158. package/dist/incr-search/element-search.js +82 -0
  159. package/dist/incr-search/element-search.js.map +1 -0
  160. package/dist/incr-search/fuzzy.d.ts +3 -0
  161. package/dist/incr-search/fuzzy.d.ts.map +1 -0
  162. package/dist/incr-search/fuzzy.js +37 -0
  163. package/dist/incr-search/fuzzy.js.map +1 -0
  164. package/dist/incr-search/highlight.d.ts +5 -0
  165. package/dist/incr-search/highlight.d.ts.map +1 -0
  166. package/dist/incr-search/highlight.js +54 -0
  167. package/dist/incr-search/highlight.js.map +1 -0
  168. package/dist/incr-search/incr-search.d.ts +3 -0
  169. package/dist/incr-search/incr-search.d.ts.map +1 -0
  170. package/dist/incr-search/incr-search.js +73 -0
  171. package/dist/incr-search/incr-search.js.map +1 -0
  172. package/dist/incr-search/index.d.ts +12 -0
  173. package/dist/incr-search/index.d.ts.map +1 -0
  174. package/dist/incr-search/index.js +8 -0
  175. package/dist/incr-search/index.js.map +1 -0
  176. package/dist/incr-search/types.d.ts +59 -0
  177. package/dist/incr-search/types.d.ts.map +1 -0
  178. package/dist/incr-search/types.js +2 -0
  179. package/dist/incr-search/types.js.map +1 -0
  180. package/dist/index.d.ts +49 -9
  181. package/dist/index.d.ts.map +1 -1
  182. package/dist/index.js +50 -10
  183. package/dist/index.js.map +1 -1
  184. package/dist/interaction/index.d.ts +10 -0
  185. package/dist/interaction/index.d.ts.map +1 -0
  186. package/dist/interaction/index.js +10 -0
  187. package/dist/interaction/index.js.map +1 -0
  188. package/dist/interaction/tickled-controller.d.ts +186 -0
  189. package/dist/interaction/tickled-controller.d.ts.map +1 -0
  190. package/dist/interaction/tickled-controller.js +256 -0
  191. package/dist/interaction/tickled-controller.js.map +1 -0
  192. package/dist/interaction/tickled-styles.d.ts +53 -0
  193. package/dist/interaction/tickled-styles.d.ts.map +1 -0
  194. package/dist/interaction/tickled-styles.js +106 -0
  195. package/dist/interaction/tickled-styles.js.map +1 -0
  196. package/dist/interaction/tree-keyboard-controller.d.ts +30 -0
  197. package/dist/interaction/tree-keyboard-controller.d.ts.map +1 -0
  198. package/dist/interaction/tree-keyboard-controller.js +105 -0
  199. package/dist/interaction/tree-keyboard-controller.js.map +1 -0
  200. package/dist/keyboard.d.ts +16 -0
  201. package/dist/keyboard.d.ts.map +1 -0
  202. package/dist/keyboard.js +22 -0
  203. package/dist/keyboard.js.map +1 -0
  204. package/dist/labelled-radial-input/index.d.ts +2 -0
  205. package/dist/labelled-radial-input/index.d.ts.map +1 -0
  206. package/dist/labelled-radial-input/index.js +2 -0
  207. package/dist/labelled-radial-input/index.js.map +1 -0
  208. package/dist/labelled-radial-input/labelled-radial-input.d.ts +77 -0
  209. package/dist/labelled-radial-input/labelled-radial-input.d.ts.map +1 -0
  210. package/dist/labelled-radial-input/labelled-radial-input.js +214 -0
  211. package/dist/labelled-radial-input/labelled-radial-input.js.map +1 -0
  212. package/dist/labelled-range-input/index.d.ts +2 -0
  213. package/dist/labelled-range-input/index.d.ts.map +1 -0
  214. package/dist/labelled-range-input/index.js +2 -0
  215. package/dist/labelled-range-input/index.js.map +1 -0
  216. package/dist/labelled-range-input/labelled-range-input.d.ts +80 -0
  217. package/dist/labelled-range-input/labelled-range-input.d.ts.map +1 -0
  218. package/dist/labelled-range-input/labelled-range-input.js +137 -0
  219. package/dist/labelled-range-input/labelled-range-input.js.map +1 -0
  220. package/dist/led.d.ts +20 -0
  221. package/dist/led.d.ts.map +1 -0
  222. package/dist/led.js +100 -0
  223. package/dist/led.js.map +1 -0
  224. package/dist/menu/index.d.ts +14 -0
  225. package/dist/menu/index.d.ts.map +1 -0
  226. package/dist/menu/index.js +13 -0
  227. package/dist/menu/index.js.map +1 -0
  228. package/dist/menu/menu-bar.d.ts +23 -0
  229. package/dist/menu/menu-bar.d.ts.map +1 -0
  230. package/dist/menu/menu-bar.js +110 -0
  231. package/dist/menu/menu-bar.js.map +1 -0
  232. package/dist/menu/menu-check-item.d.ts +33 -0
  233. package/dist/menu/menu-check-item.d.ts.map +1 -0
  234. package/dist/menu/menu-check-item.js +175 -0
  235. package/dist/menu/menu-check-item.js.map +1 -0
  236. package/dist/menu/menu-command-controller.d.ts +14 -0
  237. package/dist/menu/menu-command-controller.d.ts.map +1 -0
  238. package/dist/menu/menu-command-controller.js +22 -0
  239. package/dist/menu/menu-command-controller.js.map +1 -0
  240. package/dist/menu/menu-container.d.ts +36 -0
  241. package/dist/menu/menu-container.d.ts.map +1 -0
  242. package/dist/menu/menu-container.js +351 -0
  243. package/dist/menu/menu-container.js.map +1 -0
  244. package/dist/menu/menu-from-tree.d.ts +17 -0
  245. package/dist/menu/menu-from-tree.d.ts.map +1 -0
  246. package/dist/menu/menu-from-tree.js +103 -0
  247. package/dist/menu/menu-from-tree.js.map +1 -0
  248. package/dist/menu/menu-header.d.ts +12 -0
  249. package/dist/menu/menu-header.d.ts.map +1 -0
  250. package/dist/menu/menu-header.js +36 -0
  251. package/dist/menu/menu-header.js.map +1 -0
  252. package/dist/menu/menu-item.d.ts +41 -0
  253. package/dist/menu/menu-item.d.ts.map +1 -0
  254. package/dist/menu/menu-item.js +240 -0
  255. package/dist/menu/menu-item.js.map +1 -0
  256. package/dist/menu/menu-radio-group.d.ts +24 -0
  257. package/dist/menu/menu-radio-group.d.ts.map +1 -0
  258. package/dist/menu/menu-radio-group.js +71 -0
  259. package/dist/menu/menu-radio-group.js.map +1 -0
  260. package/dist/menu/menu-radio-item.d.ts +22 -0
  261. package/dist/menu/menu-radio-item.d.ts.map +1 -0
  262. package/dist/menu/menu-radio-item.js +116 -0
  263. package/dist/menu/menu-radio-item.js.map +1 -0
  264. package/dist/menu/menu-separator.d.ts +11 -0
  265. package/dist/menu/menu-separator.d.ts.map +1 -0
  266. package/dist/menu/menu-separator.js +29 -0
  267. package/dist/menu/menu-separator.js.map +1 -0
  268. package/dist/menu/menu-sub-trigger.d.ts +46 -0
  269. package/dist/menu/menu-sub-trigger.d.ts.map +1 -0
  270. package/dist/menu/menu-sub-trigger.js +302 -0
  271. package/dist/menu/menu-sub-trigger.js.map +1 -0
  272. package/dist/menu/menu-trigger.d.ts +57 -0
  273. package/dist/menu/menu-trigger.d.ts.map +1 -0
  274. package/dist/menu/menu-trigger.js +351 -0
  275. package/dist/menu/menu-trigger.js.map +1 -0
  276. package/dist/miller/index.d.ts +5 -0
  277. package/dist/miller/index.d.ts.map +1 -0
  278. package/dist/miller/index.js +5 -0
  279. package/dist/miller/index.js.map +1 -0
  280. package/dist/miller/miller-base.d.ts +184 -0
  281. package/dist/miller/miller-base.d.ts.map +1 -0
  282. package/dist/miller/miller-base.js +1249 -0
  283. package/dist/miller/miller-base.js.map +1 -0
  284. package/dist/miller/miller-list.d.ts +30 -0
  285. package/dist/miller/miller-list.d.ts.map +1 -0
  286. package/dist/miller/miller-list.js +192 -0
  287. package/dist/miller/miller-list.js.map +1 -0
  288. package/dist/miller/miller-tree-controller.d.ts +58 -0
  289. package/dist/miller/miller-tree-controller.d.ts.map +1 -0
  290. package/dist/miller/miller-tree-controller.js +134 -0
  291. package/dist/miller/miller-tree-controller.js.map +1 -0
  292. package/dist/miller/types.d.ts +63 -0
  293. package/dist/miller/types.d.ts.map +1 -0
  294. package/dist/miller/types.js +6 -0
  295. package/dist/miller/types.js.map +1 -0
  296. package/dist/mixins/labelled-input-base.d.ts +38 -0
  297. package/dist/mixins/labelled-input-base.d.ts.map +1 -0
  298. package/dist/mixins/labelled-input-base.js +171 -0
  299. package/dist/mixins/labelled-input-base.js.map +1 -0
  300. package/dist/mixins/labelled-input-util.d.ts +3 -0
  301. package/dist/mixins/labelled-input-util.d.ts.map +1 -0
  302. package/dist/mixins/labelled-input-util.js +10 -0
  303. package/dist/mixins/labelled-input-util.js.map +1 -0
  304. package/dist/my-element.d.ts.map +1 -1
  305. package/dist/my-element.js +1 -1
  306. package/dist/my-element.js.map +1 -1
  307. package/dist/narrowed-text/index.d.ts +3 -0
  308. package/dist/narrowed-text/index.d.ts.map +1 -0
  309. package/dist/narrowed-text/index.js +3 -0
  310. package/dist/narrowed-text/index.js.map +1 -0
  311. package/dist/narrowed-text/narrowed-text.d.ts +48 -0
  312. package/dist/narrowed-text/narrowed-text.d.ts.map +1 -0
  313. package/dist/narrowed-text/narrowed-text.js +668 -0
  314. package/dist/narrowed-text/narrowed-text.js.map +1 -0
  315. package/dist/narrowed-text/types.d.ts +20 -0
  316. package/dist/narrowed-text/types.d.ts.map +1 -0
  317. package/dist/narrowed-text/types.js +2 -0
  318. package/dist/narrowed-text/types.js.map +1 -0
  319. package/dist/panel/panel-group.d.ts +23 -0
  320. package/dist/panel/panel-group.d.ts.map +1 -0
  321. package/dist/panel/panel-group.js +109 -0
  322. package/dist/panel/panel-group.js.map +1 -0
  323. package/dist/panel/panel.d.ts +39 -0
  324. package/dist/panel/panel.d.ts.map +1 -0
  325. package/dist/panel/panel.js +417 -0
  326. package/dist/panel/panel.js.map +1 -0
  327. package/dist/plots/colour-map.d.ts +31 -0
  328. package/dist/plots/colour-map.d.ts.map +1 -0
  329. package/dist/plots/colour-map.js +133 -0
  330. package/dist/plots/colour-map.js.map +1 -0
  331. package/dist/plots/data.d.ts +27 -0
  332. package/dist/plots/data.d.ts.map +1 -0
  333. package/dist/plots/data.js +47 -0
  334. package/dist/plots/data.js.map +1 -0
  335. package/dist/plots/single-axis.d.ts +41 -0
  336. package/dist/plots/single-axis.d.ts.map +1 -0
  337. package/dist/plots/single-axis.js +428 -0
  338. package/dist/plots/single-axis.js.map +1 -0
  339. package/dist/plots/svg-utils.d.ts +12 -0
  340. package/dist/plots/svg-utils.d.ts.map +1 -0
  341. package/dist/plots/svg-utils.js +64 -0
  342. package/dist/plots/svg-utils.js.map +1 -0
  343. package/dist/plots/xy-axis.d.ts +42 -0
  344. package/dist/plots/xy-axis.d.ts.map +1 -0
  345. package/dist/plots/xy-axis.js +307 -0
  346. package/dist/plots/xy-axis.js.map +1 -0
  347. package/dist/polar-pad/polar-pad.d.ts +132 -0
  348. package/dist/polar-pad/polar-pad.d.ts.map +1 -0
  349. package/dist/polar-pad/polar-pad.js +598 -0
  350. package/dist/polar-pad/polar-pad.js.map +1 -0
  351. package/dist/radial-input/radial-input.d.ts +45 -0
  352. package/dist/radial-input/radial-input.d.ts.map +1 -0
  353. package/dist/radial-input/radial-input.js +692 -0
  354. package/dist/radial-input/radial-input.js.map +1 -0
  355. package/dist/radial-input/svg-utils.d.ts +147 -0
  356. package/dist/radial-input/svg-utils.d.ts.map +1 -0
  357. package/dist/radial-input/svg-utils.js +346 -0
  358. package/dist/radial-input/svg-utils.js.map +1 -0
  359. package/dist/radial-input/types.d.ts +25 -0
  360. package/dist/radial-input/types.d.ts.map +1 -0
  361. package/dist/radial-input/types.js +5 -0
  362. package/dist/radial-input/types.js.map +1 -0
  363. package/dist/range/range-multi.d.ts +62 -0
  364. package/dist/range/range-multi.d.ts.map +1 -0
  365. package/dist/range/range-multi.js +652 -0
  366. package/dist/range/range-multi.js.map +1 -0
  367. package/dist/range/range.d.ts +23 -0
  368. package/dist/range/range.d.ts.map +1 -0
  369. package/dist/range/range.js +153 -0
  370. package/dist/range/range.js.map +1 -0
  371. package/dist/range-input/index.d.ts +2 -0
  372. package/dist/range-input/index.d.ts.map +1 -0
  373. package/dist/range-input/index.js +2 -0
  374. package/dist/range-input/index.js.map +1 -0
  375. package/dist/range-input/range-input.d.ts +92 -0
  376. package/dist/range-input/range-input.d.ts.map +1 -0
  377. package/dist/range-input/range-input.js +472 -0
  378. package/dist/range-input/range-input.js.map +1 -0
  379. package/dist/selecthorizontal.d.ts +1 -1
  380. package/dist/selecthorizontal.d.ts.map +1 -1
  381. package/dist/selecthorizontal.js +3 -3
  382. package/dist/selecthorizontal.js.map +1 -1
  383. package/dist/snap-container/snap-container.d.ts +45 -0
  384. package/dist/snap-container/snap-container.d.ts.map +1 -0
  385. package/dist/snap-container/snap-container.js +352 -0
  386. package/dist/snap-container/snap-container.js.map +1 -0
  387. package/dist/split-layout/split-layout.d.ts +25 -9
  388. package/dist/split-layout/split-layout.d.ts.map +1 -1
  389. package/dist/split-layout/split-layout.js +520 -66
  390. package/dist/split-layout/split-layout.js.map +1 -1
  391. package/dist/styles/popup.d.ts +11 -0
  392. package/dist/styles/popup.d.ts.map +1 -0
  393. package/dist/styles/popup.js +20 -0
  394. package/dist/styles/popup.js.map +1 -0
  395. package/dist/styles/prominence.d.ts +58 -0
  396. package/dist/styles/prominence.d.ts.map +1 -0
  397. package/dist/styles/prominence.js +94 -0
  398. package/dist/styles/prominence.js.map +1 -0
  399. package/dist/styles/tooltip.d.ts +2 -0
  400. package/dist/styles/tooltip.d.ts.map +1 -0
  401. package/dist/styles/tooltip.js +100 -0
  402. package/dist/styles/tooltip.js.map +1 -0
  403. package/dist/svg-edit-label.js +1 -1
  404. package/dist/svg-edit-label.js.map +1 -1
  405. package/dist/swipe/index.d.ts +2 -0
  406. package/dist/swipe/index.d.ts.map +1 -0
  407. package/dist/swipe/index.js +2 -0
  408. package/dist/swipe/index.js.map +1 -0
  409. package/dist/swipe/swipe.d.ts +65 -0
  410. package/dist/swipe/swipe.d.ts.map +1 -0
  411. package/dist/swipe/swipe.js +229 -0
  412. package/dist/swipe/swipe.js.map +1 -0
  413. package/dist/tabs/tab-layout-item.d.ts.map +1 -1
  414. package/dist/tabs/tab-layout-item.js +1 -1
  415. package/dist/tabs/tab-layout-item.js.map +1 -1
  416. package/dist/tabs/tab-layout.d.ts.map +1 -1
  417. package/dist/tabs/tab-layout.js +1 -1
  418. package/dist/tabs/tab-layout.js.map +1 -1
  419. package/dist/tabs/tab-list-item.d.ts +22 -6
  420. package/dist/tabs/tab-list-item.d.ts.map +1 -1
  421. package/dist/tabs/tab-list-item.js +174 -42
  422. package/dist/tabs/tab-list-item.js.map +1 -1
  423. package/dist/tabs/tab-list.d.ts +15 -5
  424. package/dist/tabs/tab-list.d.ts.map +1 -1
  425. package/dist/tabs/tab-list.js +159 -50
  426. package/dist/tabs/tab-list.js.map +1 -1
  427. package/dist/tabs/tab-panel.d.ts +1 -1
  428. package/dist/tabs/tab-panel.d.ts.map +1 -1
  429. package/dist/tabs/tab-panel.js +2 -2
  430. package/dist/tabs/tab-panel.js.map +1 -1
  431. package/dist/tabs/tab-panels.d.ts +3 -3
  432. package/dist/tabs/tab-panels.d.ts.map +1 -1
  433. package/dist/tabs/tab-panels.js +6 -6
  434. package/dist/tabs/tab-panels.js.map +1 -1
  435. package/dist/timeline/index.d.ts +9 -0
  436. package/dist/timeline/index.d.ts.map +1 -0
  437. package/dist/timeline/index.js +8 -0
  438. package/dist/timeline/index.js.map +1 -0
  439. package/dist/timeline/timeline-controller.d.ts +48 -0
  440. package/dist/timeline/timeline-controller.d.ts.map +1 -0
  441. package/dist/timeline/timeline-controller.js +81 -0
  442. package/dist/timeline/timeline-controller.js.map +1 -0
  443. package/dist/timeline/timeline-draw.d.ts +28 -0
  444. package/dist/timeline/timeline-draw.d.ts.map +1 -0
  445. package/dist/timeline/timeline-draw.js +330 -0
  446. package/dist/timeline/timeline-draw.js.map +1 -0
  447. package/dist/timeline/timeline-element.d.ts +140 -0
  448. package/dist/timeline/timeline-element.d.ts.map +1 -0
  449. package/dist/timeline/timeline-element.js +888 -0
  450. package/dist/timeline/timeline-element.js.map +1 -0
  451. package/dist/timeline/timeline-interactions.d.ts +40 -0
  452. package/dist/timeline/timeline-interactions.d.ts.map +1 -0
  453. package/dist/timeline/timeline-interactions.js +393 -0
  454. package/dist/timeline/timeline-interactions.js.map +1 -0
  455. package/dist/timeline/timeline-styles.d.ts +2 -0
  456. package/dist/timeline/timeline-styles.d.ts.map +1 -0
  457. package/dist/timeline/timeline-styles.js +153 -0
  458. package/dist/timeline/timeline-styles.js.map +1 -0
  459. package/dist/timeline/timeline-track-tabs.d.ts +30 -0
  460. package/dist/timeline/timeline-track-tabs.d.ts.map +1 -0
  461. package/dist/timeline/timeline-track-tabs.js +204 -0
  462. package/dist/timeline/timeline-track-tabs.js.map +1 -0
  463. package/dist/timeline/types.d.ts +144 -0
  464. package/dist/timeline/types.d.ts.map +1 -0
  465. package/dist/timeline/types.js +3 -0
  466. package/dist/timeline/types.js.map +1 -0
  467. package/dist/tree/index.d.ts +5 -0
  468. package/dist/tree/index.d.ts.map +1 -0
  469. package/dist/tree/index.js +5 -0
  470. package/dist/tree/index.js.map +1 -0
  471. package/dist/tree/tree-base.d.ts +70 -0
  472. package/dist/tree/tree-base.d.ts.map +1 -0
  473. package/dist/tree/tree-base.js +1028 -0
  474. package/dist/tree/tree-base.js.map +1 -0
  475. package/dist/tree/tree-controller.d.ts +14 -0
  476. package/dist/tree/tree-controller.d.ts.map +1 -0
  477. package/dist/tree/tree-controller.js +96 -0
  478. package/dist/tree/tree-controller.js.map +1 -0
  479. package/dist/tree/tree-list.d.ts +20 -0
  480. package/dist/tree/tree-list.d.ts.map +1 -0
  481. package/dist/tree/tree-list.js +174 -0
  482. package/dist/tree/tree-list.js.map +1 -0
  483. package/dist/tree/types.d.ts +14 -0
  484. package/dist/tree/types.d.ts.map +1 -0
  485. package/dist/tree/types.js +7 -0
  486. package/dist/tree/types.js.map +1 -0
  487. package/dist/util/checkbox.d.ts +2 -0
  488. package/dist/util/checkbox.d.ts.map +1 -0
  489. package/dist/util/checkbox.js +69 -0
  490. package/dist/util/checkbox.js.map +1 -0
  491. package/dist/util/circle-arc.d.ts +6 -6
  492. package/dist/util/circle-arc.d.ts.map +1 -1
  493. package/dist/util/circle-arc.js +28 -20
  494. package/dist/util/circle-arc.js.map +1 -1
  495. package/dist/util/clamp.d.ts +4 -0
  496. package/dist/util/clamp.d.ts.map +1 -0
  497. package/dist/util/clamp.js +23 -0
  498. package/dist/util/clamp.js.map +1 -0
  499. package/dist/util/compare.d.ts +8 -8
  500. package/dist/util/compare.d.ts.map +1 -1
  501. package/dist/util/compare.js +13 -13
  502. package/dist/util/compare.js.map +1 -1
  503. package/dist/util/content-editable.d.ts +1 -1
  504. package/dist/util/content-editable.d.ts.map +1 -1
  505. package/dist/util/content-editable.js +2 -2
  506. package/dist/util/content-editable.js.map +1 -1
  507. package/dist/util/coordinates.d.ts +3 -0
  508. package/dist/util/coordinates.d.ts.map +1 -0
  509. package/dist/util/coordinates.js +11 -0
  510. package/dist/util/coordinates.js.map +1 -0
  511. package/dist/util/drag.d.ts +16 -0
  512. package/dist/util/drag.d.ts.map +1 -0
  513. package/dist/util/drag.js +20 -0
  514. package/dist/util/drag.js.map +1 -0
  515. package/dist/util/is-numeric.d.ts +2 -0
  516. package/dist/util/is-numeric.d.ts.map +1 -0
  517. package/dist/util/is-numeric.js +9 -0
  518. package/dist/util/is-numeric.js.map +1 -0
  519. package/dist/util/key-value.d.ts +2 -2
  520. package/dist/util/key-value.d.ts.map +1 -1
  521. package/dist/util/key-value.js +4 -5
  522. package/dist/util/key-value.js.map +1 -1
  523. package/dist/util/near.d.ts +2 -0
  524. package/dist/util/near.d.ts.map +1 -0
  525. package/dist/util/near.js +6 -0
  526. package/dist/util/near.js.map +1 -0
  527. package/dist/util/svg-editable-text.d.ts +6 -2
  528. package/dist/util/svg-editable-text.d.ts.map +1 -1
  529. package/dist/util/svg-editable-text.js +5 -7
  530. package/dist/util/svg-editable-text.js.map +1 -1
  531. package/dist/util/time.d.ts.map +1 -1
  532. package/dist/util/time.js +1 -1
  533. package/dist/util/time.js.map +1 -1
  534. package/dist/util/tooltip-controller.d.ts +10 -0
  535. package/dist/util/tooltip-controller.d.ts.map +1 -0
  536. package/dist/util/tooltip-controller.js +237 -0
  537. package/dist/util/tooltip-controller.js.map +1 -0
  538. package/dist/util/tooltip.d.ts +21 -0
  539. package/dist/util/tooltip.d.ts.map +1 -0
  540. package/dist/util/tooltip.js +98 -0
  541. package/dist/util/tooltip.js.map +1 -0
  542. package/dist/util/value-drag.d.ts +33 -0
  543. package/dist/util/value-drag.d.ts.map +1 -0
  544. package/dist/util/value-drag.js +154 -0
  545. package/dist/util/value-drag.js.map +1 -0
  546. package/dist/xy-pad.d.ts +117 -0
  547. package/dist/xy-pad.d.ts.map +1 -0
  548. package/dist/xy-pad.js +455 -0
  549. package/dist/xy-pad.js.map +1 -0
  550. package/package.json +47 -30
  551. package/README.md +0 -14
  552. package/dist/charts/frequency-histogram-plot.d.ts +0 -33
  553. package/dist/charts/frequency-histogram-plot.d.ts.map +0 -1
  554. package/dist/charts/frequency-histogram-plot.js +0 -54
  555. package/dist/charts/frequency-histogram-plot.js.map +0 -1
  556. package/dist/charts/histogram-vis.d.ts +0 -57
  557. package/dist/charts/histogram-vis.d.ts.map +0 -1
  558. package/dist/charts/histogram-vis.js +0 -222
  559. package/dist/charts/histogram-vis.js.map +0 -1
  560. package/dist/charts/plot.d.ts +0 -199
  561. package/dist/charts/plot.d.ts.map +0 -1
  562. package/dist/charts/plot.js +0 -914
  563. package/dist/charts/plot.js.map +0 -1
  564. package/dist/crumb-nav.d.ts +0 -41
  565. package/dist/crumb-nav.d.ts.map +0 -1
  566. package/dist/crumb-nav.js +0 -198
  567. package/dist/crumb-nav.js.map +0 -1
  568. package/dist/crumb-navigation.d.ts +0 -30
  569. package/dist/crumb-navigation.d.ts.map +0 -1
  570. package/dist/crumb-navigation.js +0 -307
  571. package/dist/crumb-navigation.js.map +0 -1
  572. package/dist/dial.d.ts +0 -89
  573. package/dist/dial.d.ts.map +0 -1
  574. package/dist/dial.js +0 -506
  575. package/dist/dial.js.map +0 -1
  576. package/dist/util/drag-controller.d.ts +0 -13
  577. package/dist/util/drag-controller.d.ts.map +0 -1
  578. package/dist/util/drag-controller.js +0 -21
  579. package/dist/util/drag-controller.js.map +0 -1
@@ -0,0 +1,567 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { Colour } from '@ixfx/visual';
8
+ import { css, html, LitElement, nothing } from 'lit';
9
+ import { customElement, property, query } from 'lit/decorators.js';
10
+ import { DEFAULT_RANGES, oklchToCss } from './util.js';
11
+ import '../labelled-range-input/index.js';
12
+ let ColourPicker = class ColourPicker extends LitElement {
13
+ constructor() {
14
+ super(...arguments);
15
+ this.l = 0.7;
16
+ this.c = 0.15;
17
+ this.h = 180;
18
+ this.a = 1;
19
+ this.hidePreview = false;
20
+ this.hideH = false;
21
+ this.hideL = false;
22
+ this.hideC = false;
23
+ this.showA = false;
24
+ this.horizontal = false;
25
+ this.slidersVertical = false;
26
+ this.hideTooltips = false;
27
+ this._valueAttr = null;
28
+ this.rangeLAttr = null;
29
+ this.rangeCAttr = null;
30
+ this.rangeHAttr = null;
31
+ this.rangeAAttr = null;
32
+ this._ranges = {
33
+ l: DEFAULT_RANGES.l,
34
+ c: DEFAULT_RANGES.c,
35
+ h: DEFAULT_RANGES.h,
36
+ a: DEFAULT_RANGES.a,
37
+ };
38
+ // Last programmatically-set values — used as double-click reset targets.
39
+ // Initialised to the component's own defaults.
40
+ this._defaultL = this.l;
41
+ this._defaultC = this.c;
42
+ this._defaultH = this.h;
43
+ this._defaultA = this.a;
44
+ // Keys are added synchronously in input handlers and cleared only inside
45
+ // updated() (which runs asynchronously). This means updated() can reliably
46
+ // tell whether a property change was user-initiated or programmatic.
47
+ this._userInitiated = new Set();
48
+ this._onInput = (e, channel) => {
49
+ const detail = e.detail;
50
+ this._userInitiated.add(channel);
51
+ this[channel] = detail.value;
52
+ this._dispatchInput();
53
+ e.stopPropagation();
54
+ };
55
+ this._onChange = (e, channel) => {
56
+ const detail = e.detail;
57
+ this._userInitiated.add(channel);
58
+ const value = typeof detail.value === `string` ? Number.parseFloat(detail.value) : detail.value;
59
+ switch (channel) {
60
+ case `l`:
61
+ this.l = value;
62
+ break;
63
+ case `c`:
64
+ this.c = value;
65
+ break;
66
+ case `h`:
67
+ this.h = value;
68
+ break;
69
+ case `a`:
70
+ this.a = value;
71
+ break;
72
+ }
73
+ e.stopPropagation();
74
+ this.requestUpdate();
75
+ this._dispatchChange();
76
+ };
77
+ }
78
+ get value() {
79
+ return oklchToCss(this.l, this.c, this.h, this.a);
80
+ }
81
+ set value(colourString) {
82
+ const c = Colour.convert(colourString, `oklch-absolute`);
83
+ this.l = c.l;
84
+ this.c = c.c;
85
+ this.h = c.h;
86
+ this.a = c.opacity ?? 1;
87
+ this._valueAttr = colourString;
88
+ }
89
+ /**
90
+ * Set the colour from any ixfx-compatible format (CSS string, OkLch object,
91
+ * HSL object, etc.). Also updates the double-click reset defaults for all
92
+ * sliders.
93
+ */
94
+ setColour(colour) {
95
+ const c = Colour.convert(colour, `oklch-absolute`);
96
+ this.l = c.l;
97
+ this.c = c.c;
98
+ this.h = c.h;
99
+ this.a = c.opacity ?? 1;
100
+ // No _userInitiated keys added → updated() will set _defaultL/C/H/A. ✓
101
+ }
102
+ get rangeL() {
103
+ return [this._ranges.l[0], this._ranges.l[1]];
104
+ }
105
+ set rangeL(range) {
106
+ this._applyRangeInput(`l`, range);
107
+ }
108
+ get rangeC() {
109
+ return [this._ranges.c[0], this._ranges.c[1]];
110
+ }
111
+ set rangeC(range) {
112
+ this._applyRangeInput(`c`, range);
113
+ }
114
+ get rangeH() {
115
+ return [this._ranges.h[0], this._ranges.h[1]];
116
+ }
117
+ set rangeH(range) {
118
+ this._applyRangeInput(`h`, range);
119
+ }
120
+ get rangeA() {
121
+ return [this._ranges.a[0], this._ranges.a[1]];
122
+ }
123
+ set rangeA(range) {
124
+ this._applyRangeInput(`a`, range);
125
+ }
126
+ setRangeL(range) {
127
+ this.rangeL = range;
128
+ }
129
+ setRangeC(range) {
130
+ this.rangeC = range;
131
+ }
132
+ setRangeH(range) {
133
+ this.rangeH = range;
134
+ }
135
+ setRangeA(range) {
136
+ this.rangeA = range;
137
+ }
138
+ willUpdate(changedProperties) {
139
+ if (changedProperties.has(`rangeLAttr`))
140
+ this._setRangeFromAttribute(`l`, this.rangeLAttr);
141
+ if (changedProperties.has(`rangeCAttr`))
142
+ this._setRangeFromAttribute(`c`, this.rangeCAttr);
143
+ if (changedProperties.has(`rangeHAttr`))
144
+ this._setRangeFromAttribute(`h`, this.rangeHAttr);
145
+ if (changedProperties.has(`rangeAAttr`))
146
+ this._setRangeFromAttribute(`a`, this.rangeAAttr);
147
+ super.willUpdate(changedProperties);
148
+ }
149
+ _applyRangeInput(channel, input) {
150
+ const normalized = this._coerceRangeInput(channel, input);
151
+ if (!normalized)
152
+ return;
153
+ this._setRange(channel, normalized);
154
+ }
155
+ _coerceRangeInput(channel, input) {
156
+ if (!Array.isArray(input) || input.length < 2)
157
+ return null;
158
+ const [start, end] = input;
159
+ if (!Number.isFinite(start) || !Number.isFinite(end))
160
+ return null;
161
+ return this._normalizeRange(channel, [start, end]);
162
+ }
163
+ _setRangeFromAttribute(channel, value) {
164
+ if (value === null) {
165
+ this._setRange(channel, DEFAULT_RANGES[channel]);
166
+ return;
167
+ }
168
+ const parsed = this._parseRangeString(channel, value);
169
+ if (parsed)
170
+ this._setRange(channel, parsed);
171
+ }
172
+ _setRange(channel, range) {
173
+ const normalized = this._normalizeRange(channel, range);
174
+ const currentRange = this._ranges[channel];
175
+ if (currentRange[0] === normalized[0] && currentRange[1] === normalized[1])
176
+ return;
177
+ this._ranges = { ...this._ranges, [channel]: normalized };
178
+ switch (channel) {
179
+ case `l`:
180
+ this.l = this._clampToRange(`l`, this.l);
181
+ break;
182
+ case `c`:
183
+ this.c = this._clampToRange(`c`, this.c);
184
+ break;
185
+ case `h`:
186
+ this.h = this._clampToRange(`h`, this.h);
187
+ break;
188
+ case `a`:
189
+ this.a = this._clampToRange(`a`, this.a);
190
+ break;
191
+ }
192
+ this.requestUpdate();
193
+ }
194
+ _getRange(channel) {
195
+ return this._ranges[channel] ?? DEFAULT_RANGES[channel];
196
+ }
197
+ _parseRangeString(channel, value) {
198
+ const cleaned = value.trim();
199
+ const parts = cleaned.split(`-`, 2);
200
+ if (parts.length !== 2)
201
+ return null;
202
+ const start = Number(parts[0].trim());
203
+ const end = Number(parts[1].trim());
204
+ if (!Number.isFinite(start) || !Number.isFinite(end))
205
+ return null;
206
+ return this._normalizeRange(channel, [start, end]);
207
+ }
208
+ _normalizeRange(channel, range) {
209
+ const limits = DEFAULT_RANGES[channel];
210
+ const [rawMin, rawMax] = range;
211
+ const minVal = Math.min(Math.min(rawMin, rawMax), limits[1]);
212
+ const maxVal = Math.max(Math.max(rawMin, rawMax), limits[0]);
213
+ return [
214
+ Math.max(minVal, limits[0]),
215
+ Math.min(maxVal, limits[1]),
216
+ ];
217
+ }
218
+ _clampToRange(channel, value) {
219
+ const [min, max] = this._getRange(channel);
220
+ return Math.min(Math.max(value, min), max);
221
+ }
222
+ render() {
223
+ const makeSlider = (channel, label, min, max, step, isHidden, formatter) => {
224
+ if (isHidden)
225
+ return nothing;
226
+ return html `
227
+ <ixfx-labelled-range-input
228
+ id="slider-${channel}"
229
+ label="${label}"
230
+ min=${min}
231
+ max=${max}
232
+ mini-width-threshold=200
233
+ .value=${this[channel]}
234
+ step=${step}
235
+ .orientation=${this.slidersVertical ? `vertical` : `horizontal`}
236
+ .formatter=${formatter}
237
+ ?no-tooltip=${this.hideTooltips}
238
+ .displayTextLogic=${this.hideTooltips ? `show` : `transient`}
239
+ @input=${(e) => this._onInput(e, channel)}
240
+ @change=${(e) => this._onChange(e, channel)}
241
+ ></ixfx-labelled-range-input>
242
+ `;
243
+ };
244
+ return html `
245
+ <div class="picker" ?horizontal=${this.horizontal}>
246
+ <div class="preview" ?hidden=${this.hidePreview}></div>
247
+ <div class="sliders">
248
+ ${makeSlider(`h`, `Hue`, ...this._getRange(`h`), 1, this.hideH, v => `${Math.round(Number(v))}°`)}
249
+ ${makeSlider(`l`, `Lightness`, ...this._getRange(`l`), 0.01, this.hideL, v => `${Math.round(Number(v) * 100)}%`)}
250
+ ${makeSlider(`c`, `Chroma`, ...this._getRange(`c`), 0.005, this.hideC, v => `${Number.parseFloat(v).toFixed(2)}`)}
251
+ ${this.showA ? makeSlider(`a`, `Opacity`, ...this._getRange(`a`), 0.01, false, v => `${Math.round(Number(v) * 100)}%`) : nothing}
252
+ </div>
253
+ </div>
254
+ `;
255
+ }
256
+ firstUpdated(changedProperties) {
257
+ super.firstUpdated(changedProperties);
258
+ this._updateGradients();
259
+ }
260
+ updated(changedProperties) {
261
+ super.updated(changedProperties);
262
+ // Update reset defaults only for programmatic changes (not user input).
263
+ // _userInitiated is populated synchronously in input handlers and cleared
264
+ // here, so it correctly reflects what changed since the last render.
265
+ if (changedProperties.has(`l`) && !this._userInitiated.has(`l`))
266
+ this._defaultL = this.l;
267
+ if (changedProperties.has(`c`) && !this._userInitiated.has(`c`))
268
+ this._defaultC = this.c;
269
+ if (changedProperties.has(`h`) && !this._userInitiated.has(`h`))
270
+ this._defaultH = this.h;
271
+ if (changedProperties.has(`a`) && !this._userInitiated.has(`a`))
272
+ this._defaultA = this.a;
273
+ this._userInitiated.clear();
274
+ if (changedProperties.has(`l`) || changedProperties.has(`c`) || changedProperties.has(`h`) || changedProperties.has(`a`) || changedProperties.has(`showA`) || changedProperties.has(`slidersVertical`)) {
275
+ this._updateGradients();
276
+ }
277
+ }
278
+ _updateGradients() {
279
+ const l = this.l;
280
+ const c = this.c;
281
+ const h = this.h;
282
+ const a = this.a;
283
+ // Get actual ranges from this._ranges (may be restricted via attributes)
284
+ const [lMin, lMax] = this._ranges.l;
285
+ const [cMin, cMax] = this._ranges.c;
286
+ const [hMin, hMax] = this._ranges.h;
287
+ const [aMin, aMax] = this._ranges.a;
288
+ // Gradient direction: vertical sliders fill bottom→top (bottom = min, top = max).
289
+ const dir = this.slidersVertical ? `to top` : `to right`;
290
+ // L slider: black → white at current chroma + hue, using actual range
291
+ const lGrad = `linear-gradient(in oklch ${dir}, oklch(${lMin} ${c} ${h}), oklch(${lMax} ${c} ${h}))`;
292
+ // C slider: neutral grey → fully saturated at current lightness + hue, using actual range
293
+ const cGrad = `linear-gradient(in oklch ${dir}, oklch(${l} ${cMin} ${h}), oklch(${l} ${cMax} ${h}))`;
294
+ // H slider: hue range at current lightness + chroma.
295
+ // Use 'longer hue' for full 0-360 range, 'shorter hue' for restricted ranges.
296
+ const hRange = hMax - hMin;
297
+ const hLonger = hRange >= 300; // Full or near-full hue range
298
+ const hGrad = `linear-gradient(in oklch ${hLonger ? `longer` : `shorter`} hue ${dir}, oklch(${l} ${c} ${hMin}), oklch(${l} ${c} ${hMax}))`;
299
+ // A slider: transparent to opaque at current colour, using actual range.
300
+ // Includes checkerboard pattern as bottom layer, with opacity gradient on top.
301
+ const aGrad = `
302
+ linear-gradient(${dir}, oklch(${l} ${c} ${h} / ${aMin}), oklch(${l} ${c} ${h} / ${aMax})),
303
+ repeating-conic-gradient(
304
+ var(--surface-2) 0% 25%,
305
+ var(--surface-4) 0% 50%
306
+ ) 50% / 16px 16px
307
+ `;
308
+ // Set gradient on --background-track (goes to .range-bg, the track background)
309
+ // Set --background-track-value to transparent to hide the filled-portion bar
310
+ const trackBgVars = [
311
+ `--background-track`,
312
+ `--background-track-hover`,
313
+ ];
314
+ const trackValueVars = [
315
+ `--background-track-value`,
316
+ `--background-track-value-hover`,
317
+ `--background-track-value-active`,
318
+ `--background-track-value-vertical`,
319
+ `--background-track-value-hover-vertical`,
320
+ `--background-track-value-active-vertical`,
321
+ ];
322
+ const sliders = [
323
+ [this._sliderL, lGrad],
324
+ [this._sliderC, cGrad],
325
+ [this._sliderH, hGrad],
326
+ ];
327
+ if (this.showA && this._sliderA)
328
+ sliders.push([this._sliderA, aGrad]);
329
+ for (const [el, grad] of sliders) {
330
+ if (!el)
331
+ continue;
332
+ // Set gradient on track background (.range-bg)
333
+ for (const v of trackBgVars) {
334
+ el.style.setProperty(v, grad);
335
+ }
336
+ // Hide the filled-portion bar (track pseudo-element)
337
+ for (const v of trackValueVars) {
338
+ el.style.setProperty(v, `transparent`);
339
+ }
340
+ }
341
+ // Preview swatch background - show checkerboard behind when opacity < 1
342
+ if (this._previewEl) {
343
+ if (this.a < 1) {
344
+ const previewBg = `
345
+ linear-gradient(oklch(${l} ${c} ${h} / ${a}), oklch(${l} ${c} ${h} / ${a})),
346
+ repeating-conic-gradient(
347
+ var(--surface-2) 0% 25%,
348
+ var(--surface-4) 0% 50%
349
+ ) 50% / 16px 16px
350
+ `;
351
+ this._previewEl.style.background = previewBg;
352
+ }
353
+ else {
354
+ this._previewEl.style.background = this.value;
355
+ }
356
+ }
357
+ }
358
+ _dispatchInput() {
359
+ const detail = { l: this.l, c: this.c, h: this.h, a: this.a };
360
+ this.dispatchEvent(new CustomEvent(`input`, { detail, bubbles: true, composed: true }));
361
+ }
362
+ _dispatchChange() {
363
+ const detail = { l: this.l, c: this.c, h: this.h, a: this.a };
364
+ this.dispatchEvent(new CustomEvent(`change`, { detail, bubbles: true, composed: true }));
365
+ }
366
+ static { this.styles = css `
367
+ /*
368
+ * Default intrinsic size — not determined by label text.
369
+ * Override via CSS: ixfx-colour-picker { width: 100%; height: 200px; }
370
+ * Or via custom properties: --picker-alt-width, --picker-alt-min-slider-height
371
+ */
372
+ :host {
373
+ display: block;
374
+ width: var(--picker-alt-width, 240px);
375
+ height: var(--picker-alt-height, 240px);
376
+ --_radius-m: var(--radius-m, 4px);
377
+ --_radius-s: var(--radius-m, 3px);
378
+ container-type: size;
379
+ }
380
+
381
+ .picker {
382
+ display: flex;
383
+ flex-direction: column;
384
+ gap: var(--space-s, 8px);
385
+ width: 100%;
386
+ height: 100%;
387
+ overflow: hidden;
388
+ }
389
+
390
+ .picker[horizontal] {
391
+ flex-direction: row;
392
+ align-items: stretch;
393
+ }
394
+
395
+ .sliders {
396
+ display: flex;
397
+ flex-direction: column;
398
+ gap: var(--space-s, 8px);
399
+ flex: 1;
400
+ min-height: 0;
401
+ }
402
+
403
+ .picker[horizontal] .sliders {
404
+ flex-direction: column;
405
+ }
406
+
407
+ .preview {
408
+ flex-shrink: 0;
409
+ height: 30%;
410
+ border-radius: var(--_radius-m);
411
+ border: 1px solid rgba(0, 0, 0, 0.2);
412
+ }
413
+
414
+ .preview[hidden] {
415
+ display: none;
416
+ }
417
+
418
+ .picker[horizontal] .preview {
419
+ width: 3em;
420
+ height: auto;
421
+ flex-shrink: 0;
422
+ }
423
+
424
+ ixfx-labelled-range-input {
425
+ flex: 1;
426
+ min-height: var(--picker-alt-min-slider-height, 2.5em);
427
+ width: 100%;
428
+ min-width: 0;
429
+ --track-thickness: 2em;
430
+ --track-radius: var(--_radius-s);
431
+ --label-width: 5em;
432
+ --thumb-thickness: 4px;
433
+ --thumb-color: rgba(255, 255, 255, 0.9);
434
+ --thumb-color-active: white;
435
+ --thumb-radius: 3px;
436
+ --thumb-border: 2px solid rgba(255, 255, 255, 0.85);
437
+ --thumb-shadow: 0 0 0 2px rgba(0, 0, 0, 0.65);
438
+ }
439
+
440
+ /* Vertical sliders mode: sliders are side-by-side vertical bars */
441
+ :host([sliders-vertical]) .sliders {
442
+ flex-direction: row;
443
+ align-items: stretch;
444
+ }
445
+
446
+ :host([sliders-vertical]) ixfx-labelled-range-input {
447
+ width: auto;
448
+ height: 100%;
449
+ min-height: 0;
450
+ --mini: 1; /* force mini mode: no label, tooltip on hover */
451
+ --track-thickness: 100%; /* fill full width of the narrow slider */
452
+ }
453
+
454
+ /* Landscape */
455
+ @container (aspect-ratio > 1) {
456
+ .picker {
457
+ flex-direction: row;
458
+ display:flex;
459
+ align-items: stretch;
460
+
461
+ }
462
+ .preview {
463
+ width: 30%;
464
+ height: unset;
465
+ }
466
+ .sliders {
467
+ height: 100%;
468
+ overflow: hidden;
469
+ }
470
+ }
471
+
472
+ /* Small height. Show as landscape */
473
+ @container (max-height: 150px) {
474
+ .picker {
475
+ flex-direction: row;
476
+ align-items: stretch;
477
+ }
478
+ ixfx-labelled-range-input {
479
+ --track-thickness: 1em;
480
+ min-height: unset;
481
+ }
482
+ .preview {
483
+ min-width: 50%;
484
+ height: auto;
485
+ }
486
+ }
487
+
488
+ /* Medium height — tighter but not extreme */
489
+ @container (max-height: 210px) and (min-height: 150px) {
490
+ ixfx-labelled-range-input {
491
+ --track-thickness: 1.6em;
492
+ min-height: 1.8em;
493
+ }
494
+ }
495
+ `; }
496
+ };
497
+ __decorate([
498
+ property({ type: Number })
499
+ ], ColourPicker.prototype, "l", void 0);
500
+ __decorate([
501
+ property({ type: Number })
502
+ ], ColourPicker.prototype, "c", void 0);
503
+ __decorate([
504
+ property({ type: Number })
505
+ ], ColourPicker.prototype, "h", void 0);
506
+ __decorate([
507
+ property({ type: Number })
508
+ ], ColourPicker.prototype, "a", void 0);
509
+ __decorate([
510
+ property({ type: Boolean, attribute: `hide-preview`, reflect: true })
511
+ ], ColourPicker.prototype, "hidePreview", void 0);
512
+ __decorate([
513
+ property({ type: Boolean, attribute: `hide-h`, reflect: true })
514
+ ], ColourPicker.prototype, "hideH", void 0);
515
+ __decorate([
516
+ property({ type: Boolean, attribute: `hide-l`, reflect: true })
517
+ ], ColourPicker.prototype, "hideL", void 0);
518
+ __decorate([
519
+ property({ type: Boolean, attribute: `hide-c`, reflect: true })
520
+ ], ColourPicker.prototype, "hideC", void 0);
521
+ __decorate([
522
+ property({ type: Boolean, attribute: `show-a` })
523
+ ], ColourPicker.prototype, "showA", void 0);
524
+ __decorate([
525
+ property({ type: Boolean, attribute: `horizontal`, reflect: true })
526
+ ], ColourPicker.prototype, "horizontal", void 0);
527
+ __decorate([
528
+ property({ type: Boolean, attribute: `sliders-vertical`, reflect: true })
529
+ ], ColourPicker.prototype, "slidersVertical", void 0);
530
+ __decorate([
531
+ property({ type: Boolean, attribute: `hide-tooltips`, reflect: true })
532
+ ], ColourPicker.prototype, "hideTooltips", void 0);
533
+ __decorate([
534
+ property({ type: String, attribute: `value` })
535
+ ], ColourPicker.prototype, "_valueAttr", void 0);
536
+ __decorate([
537
+ property({ type: String, attribute: `range-l` })
538
+ ], ColourPicker.prototype, "rangeLAttr", void 0);
539
+ __decorate([
540
+ property({ type: String, attribute: `range-c` })
541
+ ], ColourPicker.prototype, "rangeCAttr", void 0);
542
+ __decorate([
543
+ property({ type: String, attribute: `range-h` })
544
+ ], ColourPicker.prototype, "rangeHAttr", void 0);
545
+ __decorate([
546
+ property({ type: String, attribute: `range-a` })
547
+ ], ColourPicker.prototype, "rangeAAttr", void 0);
548
+ __decorate([
549
+ query(`#slider-l`)
550
+ ], ColourPicker.prototype, "_sliderL", void 0);
551
+ __decorate([
552
+ query(`#slider-c`)
553
+ ], ColourPicker.prototype, "_sliderC", void 0);
554
+ __decorate([
555
+ query(`#slider-h`)
556
+ ], ColourPicker.prototype, "_sliderH", void 0);
557
+ __decorate([
558
+ query(`#slider-a`)
559
+ ], ColourPicker.prototype, "_sliderA", void 0);
560
+ __decorate([
561
+ query(`.preview`)
562
+ ], ColourPicker.prototype, "_previewEl", void 0);
563
+ ColourPicker = __decorate([
564
+ customElement(`ixfx-colour-picker`)
565
+ ], ColourPicker);
566
+ export { ColourPicker };
567
+ //# sourceMappingURL=colour-picker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colour-picker.js","sourceRoot":"","sources":["../../src/colour-picker/colour-picker.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ export { ColourPickerPopup } from './colour-picker-popup.js';
2
+ export { ColourPicker } from './colour-picker.js';
3
+ export type { ColourPickerChangeEvent, ColourPickerEventDetail, ColourPickerInputEvent, OklchValue, } from './types.js';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/colour-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,UAAU,GACX,MAAM,YAAY,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { ColourPickerPopup } from './colour-picker-popup.js';
2
+ export { ColourPicker } from './colour-picker.js';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/colour-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const styles: import("lit").CSSResult;
2
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/colour-picker/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAwIlB,CAAC"}